@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);





/* Global Color Variable */ 














/* Global Fonts Variable */



/* Header */












/* Typography Style Variables */

















 















 














/* Button Style Variables */

/** Button Style 1 **/








/** Button Style 2 **/









/* Form Style Variables */






/* Macro Start */
/** 
 * Border Radius 
 *
 *  
 */




/** 
 * Box Shadow  
 *
 *  
 */




/** 
 * Transition
 * 
 *  
 */




/** 
 * Transform
 *
 *  
 */


.text-13 { font-size: 13px; }
.font-24 { font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); }












.d-block {
    display:block;
}

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

.d-flex {
    display:flex;
}

.d-inline-flex {
    display:inline-flex;
}

.d-none {
    display:none;
}



.align-center {
    align-items:center;
}

.align-flex-start {
    align-items:flex-start;
}

.align-flex-end {
    align-items:flex-end;
}

.align-normal {
    align-items:normal;
}



.justify-center {
    justify-content:center;
}

.justify-flex-end {
    justify-content:flex-end;
}

.justify-flex-start {
    justify-content:flex-start;
}

.justify-space-around {
    justify-content:space-around;
}

.justify-space-between {
    justify-content:space-between;
}



.text-left {
    text-align:left;
}

.text-right {
    text-align:right;
}

.text-center {
    text-align:center;
}



.direction-column {
    flex-direction:column;
}

.direction-column-reverse {
    flex-direction:column-reverse;
}

.direction-row {
    flex-direction:row;
}

.direction-row-reverse {
    flex-direction:row-reverse;
}




.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }

.m-0 {  margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }

.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }




.max--0 { max-width:0%; }
.mt---0 { margin-top:-0%; }
.mb---0 { margin-bottom:-0%; }




.p--5 { padding:5px !important; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }

.m-5 {  margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }

.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }




.max--5 { max-width:5%; }
.mt---5 { margin-top:-5%; }
.mb---5 { margin-bottom:-5%; }




.p--10 { padding:10px !important; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }

.m-10 {  margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }

.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }




.max--10 { max-width:10%; }
.mt---10 { margin-top:-10%; }
.mb---10 { margin-bottom:-10%; }




.p--15 { padding:15px !important; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }

.m-15 {  margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }

.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }




.max--15 { max-width:15%; }
.mt---15 { margin-top:-15%; }
.mb---15 { margin-bottom:-15%; }




.p--20 { padding:20px !important; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }

.m-20 {  margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }

.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }




.max--20 { max-width:20%; }
.mt---20 { margin-top:-20%; }
.mb---20 { margin-bottom:-20%; }




.p--25 { padding:25px !important; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }

.m-25 {  margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }

.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }




.max--25 { max-width:25%; }
.mt---25 { margin-top:-25%; }
.mb---25 { margin-bottom:-25%; }




.p--30 { padding:30px !important; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }

.m-30 {  margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }

.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }




.max--30 { max-width:30%; }
.mt---30 { margin-top:-30%; }
.mb---30 { margin-bottom:-30%; }




.p--35 { padding:35px !important; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }

.m-35 {  margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }

.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }




.max--35 { max-width:35%; }
.mt---35 { margin-top:-35%; }
.mb---35 { margin-bottom:-35%; }




.p--40 { padding:40px !important; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }

.m-40 {  margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }

.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }




.max--40 { max-width:40%; }
.mt---40 { margin-top:-40%; }
.mb---40 { margin-bottom:-40%; }




.p--45 { padding:45px !important; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }

.m-45 {  margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }

.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }




.max--45 { max-width:45%; }
.mt---45 { margin-top:-45%; }
.mb---45 { margin-bottom:-45%; }




.p--50 { padding:50px !important; }
.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }

.m-50 {  margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }

.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }




.max--50 { max-width:50%; }
.mt---50 { margin-top:-50%; }
.mb---50 { margin-bottom:-50%; }




.p--55 { padding:55px !important; }
.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }

.m-55 {  margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }

.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }




.max--55 { max-width:55%; }
.mt---55 { margin-top:-55%; }
.mb---55 { margin-bottom:-55%; }




.p--60 { padding:60px !important; }
.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }

.m-60 {  margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }

.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }




.max--60 { max-width:60%; }
.mt---60 { margin-top:-60%; }
.mb---60 { margin-bottom:-60%; }




.p--65 { padding:65px !important; }
.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }

.m-65 {  margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }

.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }




.max--65 { max-width:65%; }
.mt---65 { margin-top:-65%; }
.mb---65 { margin-bottom:-65%; }




.p--70 { padding:70px !important; }
.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }

.m-70 {  margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }

.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }




.max--70 { max-width:70%; }
.mt---70 { margin-top:-70%; }
.mb---70 { margin-bottom:-70%; }




.p--75 { padding:75px !important; }
.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }

.m-75 {  margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }

.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }




.max--75 { max-width:75%; }
.mt---75 { margin-top:-75%; }
.mb---75 { margin-bottom:-75%; }




.p--80 { padding:80px !important; }
.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }

.m-80 {  margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }

.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }




.max--80 { max-width:80%; }
.mt---80 { margin-top:-80%; }
.mb---80 { margin-bottom:-80%; }




.p--85 { padding:85px !important; }
.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }

.m-85 {  margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }

.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }




.max--85 { max-width:85%; }
.mt---85 { margin-top:-85%; }
.mb---85 { margin-bottom:-85%; }




.p--90 { padding:90px !important; }
.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }

.m-90 {  margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }

.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }




.max--90 { max-width:90%; }
.mt---90 { margin-top:-90%; }
.mb---90 { margin-bottom:-90%; }




.p--95 { padding:95px !important; }
.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }

.m-95 {  margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }

.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }




.max--95 { max-width:95%; }
.mt---95 { margin-top:-95%; }
.mb---95 { margin-bottom:-95%; }




.p--100 { padding:100px !important; }
.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }

.m-100 {  margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }

.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }




.max--100 { max-width:100%; }
.mt---100 { margin-top:-100%; }
.mb---100 { margin-bottom:-100%; }




.p--105 { padding:105px !important; }
.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }

.m-105 {  margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }

.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-105px; }







.p--110 { padding:110px !important; }
.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }

.m-110 {  margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }

.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-110px; }







.p--115 { padding:115px !important; }
.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }

.m-115 {  margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }

.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-115px; }







.p--120 { padding:120px !important; }
.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }

.m-120 {  margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }

.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-120px; }







.p--125 { padding:125px !important; }
.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }

.m-125 {  margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }

.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-125px; }







.p--130 { padding:130px !important; }
.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }

.m-130 {  margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }

.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-130px; }







.p--135 { padding:135px !important; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }

.m-135 {  margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }

.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-135px; }







.p--140 { padding:140px !important; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }

.m-140 {  margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }

.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-140px; }







.p--145 { padding:145px !important; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }

.m-145 {  margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }

.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-145px; }







.p--150 { padding:150px !important; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }

.m-150 {  margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }

.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }







.max-auto { max-width:100%; }

/* div[class*=row-0-padding] > div {padding: 0 !important;} */
div[class*=full-width-section] > div {
    padding: 0 !important;
}

div[class*=full-width-section] > div > div {
    padding: 0 !important;
}


.ml-auto{ margin-left:auto; }
.mr-auto{ margin-right:auto; }
.vh-100{ height:100vh; }
.vh-auto{ height:auto; }

.col-1 { max-width:8.333%; flex:0 0 8.333%; }

.col-2 { max-width:16.666%; flex:0 0 16.666%; }

.col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }

.col-4 { max-width:33.332%; flex:0 0 33.332%; }

.col-5 { max-width:41.665%; flex:0 0 41.665%; }

.col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }

.col-7 { max-width:58.331%; flex:0 0 58.331%; }

.col-8 { max-width:66.664%; flex:0 0 66.664%; }

.col-9 { max-width:74.997%; flex:0 0 74.997%; }

.col-10 { max-width:83.33%; flex:0 0 83.33%; }

.col-11 { max-width:91.663%; flex:0 0 91.663%; }

.col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }


    .max-50 { max-width:50px; }
    .text-2{ font-size:2px; } 

    .max-100 { max-width:100px; }
    .text-4{ font-size:4px; } 

    .max-150 { max-width:150px; }
    .text-6{ font-size:6px; } 

    .max-200 { max-width:200px; }
    .text-8{ font-size:8px; } 

    .max-250 { max-width:250px; }
    .text-10{ font-size:10px; } 

    .max-300 { max-width:300px; }
    .text-12{ font-size:12px; } 

    .max-350 { max-width:350px; }
    .text-14{ font-size:14px; } 

    .max-400 { max-width:400px; }
    .text-16{ font-size:16px; } 

    .max-450 { max-width:450px; }
    .text-18{ font-size:18px; } 

    .max-500 { max-width:500px; }
    .text-20{ font-size:20px; } 

    .max-550 { max-width:550px; }
    .text-22{ font-size:22px; } 

    .max-600 { max-width:600px; }
    .text-24{ font-size:24px; } 

    .max-650 { max-width:650px; }
    .text-26{ font-size:26px; } 

    .max-700 { max-width:700px; }
    .text-28{ font-size:28px; } 

    .max-750 { max-width:750px; }
    .text-30{ font-size:30px; } 

    .max-800 { max-width:800px; }
    .text-32{ font-size:32px; } 

    .max-850 { max-width:850px; }
    .text-34{ font-size:34px; } 

    .max-900 { max-width:900px; }
    .text-36{ font-size:36px; } 

    .max-950 { max-width:950px; }
    .text-38{ font-size:38px; } 

    .max-1000 { max-width:1000px; }
    .text-40{ font-size:40px; } 

    .max-1050 { max-width:1050px; }
    .text-42{ font-size:42px; } 

    .max-1100 { max-width:1100px; }
    .text-44{ font-size:44px; } 

    .max-1150 { max-width:1150px; }
    .text-46{ font-size:46px; } 

    .max-1200 { max-width:1200px; }
    .text-48{ font-size:48px; } 

    .max-1250 { max-width:1250px; }
    .text-50{ font-size:50px; } 

    .max-1300 { max-width:1300px; }
    .text-52{ font-size:52px; } 

    .max-1350 { max-width:1350px; }
    .text-54{ font-size:54px; } 

    .max-1400 { max-width:1400px; }
    .text-56{ font-size:56px; } 

    .max-1450 { max-width:1450px; }
    .text-58{ font-size:58px; } 








@media(min-width:768px){
    
    
    .sm\:d-block {
        display:block;
    }
    
    .sm\:d-inline-block {
        display:inline-block;
    }
    
    .sm\:d-flex {
        display:flex;
    }
    
    .sm\:d-inline-flex {
        display:inline-flex;
    }
    
    .sm\:d-none {
        display:none;
    }
    
    
    
    .sm\:align-center {
        align-items:center;
    }
    
    .sm\:align-flex-start {
        align-items:flex-start;
    }
    
    .sm\:align-flex-end {
        align-items:flex-end;
    }
    
    .sm\:align-normal {
        align-items:normal;
    }
    
    
    
    .sm\:justify-center {
        justify-content:center;
    }
    
    .sm\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .sm\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .sm\:justify-space-around {
        justify-content:space-around;
    }
    
    .sm\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .sm\:text-left {
        text-align:left;
    }
    
    .sm\:text-right {
        text-align:right;
    }
    
    .sm\:text-center {
        text-align:center;
    }
    
    
    
    .sm\:direction-column {
        flex-direction:column;
    }
    
    .sm\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .sm\:direction-row {
        flex-direction:row;
    }
    
    .sm\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .sm\:p--0 { padding:0px !important; }
    .sm\:p-0 { padding:0px; }
    .sm\:pt-0 { padding-top:0px; }
    .sm\:pb-0 { padding-bottom:0px; }
    .sm\:pl-0 { padding-left:0px; }
    .sm\:pr-0 { padding-right:0px; }

    .sm\:m-0 {  margin:0px; }
    .sm\:mt-0 { margin-top:0px; }
    .sm\:mb-0 { margin-bottom:0px; }
    .sm\:ml-0 { margin-left:0px; }
    .sm\:mr-0 { margin-right:0px; }

    .sm\:ml--0 { margin-left:-0px; }
    .sm\:mr--0 { margin-right:-0px; }

    .sm\:mt--0 { margin-top:-0px; }
    .sm\:mb--0 { margin-bottom:-0px; }

    .sm\:max--0 { max-width:0%; }
    .sm\:mt---0 { margin-top:-0%; }
    .sm\:mb---0 { margin-bottom:-0%; }
    
    
    .sm\:p--5 { padding:5px !important; }
    .sm\:p-5 { padding:5px; }
    .sm\:pt-5 { padding-top:5px; }
    .sm\:pb-5 { padding-bottom:5px; }
    .sm\:pl-5 { padding-left:5px; }
    .sm\:pr-5 { padding-right:5px; }

    .sm\:m-5 {  margin:5px; }
    .sm\:mt-5 { margin-top:5px; }
    .sm\:mb-5 { margin-bottom:5px; }
    .sm\:ml-5 { margin-left:5px; }
    .sm\:mr-5 { margin-right:5px; }

    .sm\:ml--5 { margin-left:-5px; }
    .sm\:mr--5 { margin-right:-5px; }

    .sm\:mt--5 { margin-top:-5px; }
    .sm\:mb--5 { margin-bottom:-5px; }

    .sm\:max--5 { max-width:5%; }
    .sm\:mt---5 { margin-top:-5%; }
    .sm\:mb---5 { margin-bottom:-5%; }
    
    
    .sm\:p--10 { padding:10px !important; }
    .sm\:p-10 { padding:10px; }
    .sm\:pt-10 { padding-top:10px; }
    .sm\:pb-10 { padding-bottom:10px; }
    .sm\:pl-10 { padding-left:10px; }
    .sm\:pr-10 { padding-right:10px; }

    .sm\:m-10 {  margin:10px; }
    .sm\:mt-10 { margin-top:10px; }
    .sm\:mb-10 { margin-bottom:10px; }
    .sm\:ml-10 { margin-left:10px; }
    .sm\:mr-10 { margin-right:10px; }

    .sm\:ml--10 { margin-left:-10px; }
    .sm\:mr--10 { margin-right:-10px; }

    .sm\:mt--10 { margin-top:-10px; }
    .sm\:mb--10 { margin-bottom:-10px; }

    .sm\:max--10 { max-width:10%; }
    .sm\:mt---10 { margin-top:-10%; }
    .sm\:mb---10 { margin-bottom:-10%; }
    
    
    .sm\:p--15 { padding:15px !important; }
    .sm\:p-15 { padding:15px; }
    .sm\:pt-15 { padding-top:15px; }
    .sm\:pb-15 { padding-bottom:15px; }
    .sm\:pl-15 { padding-left:15px; }
    .sm\:pr-15 { padding-right:15px; }

    .sm\:m-15 {  margin:15px; }
    .sm\:mt-15 { margin-top:15px; }
    .sm\:mb-15 { margin-bottom:15px; }
    .sm\:ml-15 { margin-left:15px; }
    .sm\:mr-15 { margin-right:15px; }

    .sm\:ml--15 { margin-left:-15px; }
    .sm\:mr--15 { margin-right:-15px; }

    .sm\:mt--15 { margin-top:-15px; }
    .sm\:mb--15 { margin-bottom:-15px; }

    .sm\:max--15 { max-width:15%; }
    .sm\:mt---15 { margin-top:-15%; }
    .sm\:mb---15 { margin-bottom:-15%; }
    
    
    .sm\:p--20 { padding:20px !important; }
    .sm\:p-20 { padding:20px; }
    .sm\:pt-20 { padding-top:20px; }
    .sm\:pb-20 { padding-bottom:20px; }
    .sm\:pl-20 { padding-left:20px; }
    .sm\:pr-20 { padding-right:20px; }

    .sm\:m-20 {  margin:20px; }
    .sm\:mt-20 { margin-top:20px; }
    .sm\:mb-20 { margin-bottom:20px; }
    .sm\:ml-20 { margin-left:20px; }
    .sm\:mr-20 { margin-right:20px; }

    .sm\:ml--20 { margin-left:-20px; }
    .sm\:mr--20 { margin-right:-20px; }

    .sm\:mt--20 { margin-top:-20px; }
    .sm\:mb--20 { margin-bottom:-20px; }

    .sm\:max--20 { max-width:20%; }
    .sm\:mt---20 { margin-top:-20%; }
    .sm\:mb---20 { margin-bottom:-20%; }
    
    
    .sm\:p--25 { padding:25px !important; }
    .sm\:p-25 { padding:25px; }
    .sm\:pt-25 { padding-top:25px; }
    .sm\:pb-25 { padding-bottom:25px; }
    .sm\:pl-25 { padding-left:25px; }
    .sm\:pr-25 { padding-right:25px; }

    .sm\:m-25 {  margin:25px; }
    .sm\:mt-25 { margin-top:25px; }
    .sm\:mb-25 { margin-bottom:25px; }
    .sm\:ml-25 { margin-left:25px; }
    .sm\:mr-25 { margin-right:25px; }

    .sm\:ml--25 { margin-left:-25px; }
    .sm\:mr--25 { margin-right:-25px; }

    .sm\:mt--25 { margin-top:-25px; }
    .sm\:mb--25 { margin-bottom:-25px; }

    .sm\:max--25 { max-width:25%; }
    .sm\:mt---25 { margin-top:-25%; }
    .sm\:mb---25 { margin-bottom:-25%; }
    
    
    .sm\:p--30 { padding:30px !important; }
    .sm\:p-30 { padding:30px; }
    .sm\:pt-30 { padding-top:30px; }
    .sm\:pb-30 { padding-bottom:30px; }
    .sm\:pl-30 { padding-left:30px; }
    .sm\:pr-30 { padding-right:30px; }

    .sm\:m-30 {  margin:30px; }
    .sm\:mt-30 { margin-top:30px; }
    .sm\:mb-30 { margin-bottom:30px; }
    .sm\:ml-30 { margin-left:30px; }
    .sm\:mr-30 { margin-right:30px; }

    .sm\:ml--30 { margin-left:-30px; }
    .sm\:mr--30 { margin-right:-30px; }

    .sm\:mt--30 { margin-top:-30px; }
    .sm\:mb--30 { margin-bottom:-30px; }

    .sm\:max--30 { max-width:30%; }
    .sm\:mt---30 { margin-top:-30%; }
    .sm\:mb---30 { margin-bottom:-30%; }
    
    
    .sm\:p--35 { padding:35px !important; }
    .sm\:p-35 { padding:35px; }
    .sm\:pt-35 { padding-top:35px; }
    .sm\:pb-35 { padding-bottom:35px; }
    .sm\:pl-35 { padding-left:35px; }
    .sm\:pr-35 { padding-right:35px; }

    .sm\:m-35 {  margin:35px; }
    .sm\:mt-35 { margin-top:35px; }
    .sm\:mb-35 { margin-bottom:35px; }
    .sm\:ml-35 { margin-left:35px; }
    .sm\:mr-35 { margin-right:35px; }

    .sm\:ml--35 { margin-left:-35px; }
    .sm\:mr--35 { margin-right:-35px; }

    .sm\:mt--35 { margin-top:-35px; }
    .sm\:mb--35 { margin-bottom:-35px; }

    .sm\:max--35 { max-width:35%; }
    .sm\:mt---35 { margin-top:-35%; }
    .sm\:mb---35 { margin-bottom:-35%; }
    
    
    .sm\:p--40 { padding:40px !important; }
    .sm\:p-40 { padding:40px; }
    .sm\:pt-40 { padding-top:40px; }
    .sm\:pb-40 { padding-bottom:40px; }
    .sm\:pl-40 { padding-left:40px; }
    .sm\:pr-40 { padding-right:40px; }

    .sm\:m-40 {  margin:40px; }
    .sm\:mt-40 { margin-top:40px; }
    .sm\:mb-40 { margin-bottom:40px; }
    .sm\:ml-40 { margin-left:40px; }
    .sm\:mr-40 { margin-right:40px; }

    .sm\:ml--40 { margin-left:-40px; }
    .sm\:mr--40 { margin-right:-40px; }

    .sm\:mt--40 { margin-top:-40px; }
    .sm\:mb--40 { margin-bottom:-40px; }

    .sm\:max--40 { max-width:40%; }
    .sm\:mt---40 { margin-top:-40%; }
    .sm\:mb---40 { margin-bottom:-40%; }
    
    
    .sm\:p--45 { padding:45px !important; }
    .sm\:p-45 { padding:45px; }
    .sm\:pt-45 { padding-top:45px; }
    .sm\:pb-45 { padding-bottom:45px; }
    .sm\:pl-45 { padding-left:45px; }
    .sm\:pr-45 { padding-right:45px; }

    .sm\:m-45 {  margin:45px; }
    .sm\:mt-45 { margin-top:45px; }
    .sm\:mb-45 { margin-bottom:45px; }
    .sm\:ml-45 { margin-left:45px; }
    .sm\:mr-45 { margin-right:45px; }

    .sm\:ml--45 { margin-left:-45px; }
    .sm\:mr--45 { margin-right:-45px; }

    .sm\:mt--45 { margin-top:-45px; }
    .sm\:mb--45 { margin-bottom:-45px; }

    .sm\:max--45 { max-width:45%; }
    .sm\:mt---45 { margin-top:-45%; }
    .sm\:mb---45 { margin-bottom:-45%; }
    
    
    .sm\:p--50 { padding:50px !important; }
    .sm\:p-50 { padding:50px; }
    .sm\:pt-50 { padding-top:50px; }
    .sm\:pb-50 { padding-bottom:50px; }
    .sm\:pl-50 { padding-left:50px; }
    .sm\:pr-50 { padding-right:50px; }

    .sm\:m-50 {  margin:50px; }
    .sm\:mt-50 { margin-top:50px; }
    .sm\:mb-50 { margin-bottom:50px; }
    .sm\:ml-50 { margin-left:50px; }
    .sm\:mr-50 { margin-right:50px; }

    .sm\:ml--50 { margin-left:-50px; }
    .sm\:mr--50 { margin-right:-50px; }

    .sm\:mt--50 { margin-top:-50px; }
    .sm\:mb--50 { margin-bottom:-50px; }

    .sm\:max--50 { max-width:50%; }
    .sm\:mt---50 { margin-top:-50%; }
    .sm\:mb---50 { margin-bottom:-50%; }
    
    
    .sm\:p--55 { padding:55px !important; }
    .sm\:p-55 { padding:55px; }
    .sm\:pt-55 { padding-top:55px; }
    .sm\:pb-55 { padding-bottom:55px; }
    .sm\:pl-55 { padding-left:55px; }
    .sm\:pr-55 { padding-right:55px; }

    .sm\:m-55 {  margin:55px; }
    .sm\:mt-55 { margin-top:55px; }
    .sm\:mb-55 { margin-bottom:55px; }
    .sm\:ml-55 { margin-left:55px; }
    .sm\:mr-55 { margin-right:55px; }

    .sm\:ml--55 { margin-left:-55px; }
    .sm\:mr--55 { margin-right:-55px; }

    .sm\:mt--55 { margin-top:-55px; }
    .sm\:mb--55 { margin-bottom:-55px; }

    .sm\:max--55 { max-width:55%; }
    .sm\:mt---55 { margin-top:-55%; }
    .sm\:mb---55 { margin-bottom:-55%; }
    
    
    .sm\:p--60 { padding:60px !important; }
    .sm\:p-60 { padding:60px; }
    .sm\:pt-60 { padding-top:60px; }
    .sm\:pb-60 { padding-bottom:60px; }
    .sm\:pl-60 { padding-left:60px; }
    .sm\:pr-60 { padding-right:60px; }

    .sm\:m-60 {  margin:60px; }
    .sm\:mt-60 { margin-top:60px; }
    .sm\:mb-60 { margin-bottom:60px; }
    .sm\:ml-60 { margin-left:60px; }
    .sm\:mr-60 { margin-right:60px; }

    .sm\:ml--60 { margin-left:-60px; }
    .sm\:mr--60 { margin-right:-60px; }

    .sm\:mt--60 { margin-top:-60px; }
    .sm\:mb--60 { margin-bottom:-60px; }

    .sm\:max--60 { max-width:60%; }
    .sm\:mt---60 { margin-top:-60%; }
    .sm\:mb---60 { margin-bottom:-60%; }
    
    
    .sm\:p--65 { padding:65px !important; }
    .sm\:p-65 { padding:65px; }
    .sm\:pt-65 { padding-top:65px; }
    .sm\:pb-65 { padding-bottom:65px; }
    .sm\:pl-65 { padding-left:65px; }
    .sm\:pr-65 { padding-right:65px; }

    .sm\:m-65 {  margin:65px; }
    .sm\:mt-65 { margin-top:65px; }
    .sm\:mb-65 { margin-bottom:65px; }
    .sm\:ml-65 { margin-left:65px; }
    .sm\:mr-65 { margin-right:65px; }

    .sm\:ml--65 { margin-left:-65px; }
    .sm\:mr--65 { margin-right:-65px; }

    .sm\:mt--65 { margin-top:-65px; }
    .sm\:mb--65 { margin-bottom:-65px; }

    .sm\:max--65 { max-width:65%; }
    .sm\:mt---65 { margin-top:-65%; }
    .sm\:mb---65 { margin-bottom:-65%; }
    
    
    .sm\:p--70 { padding:70px !important; }
    .sm\:p-70 { padding:70px; }
    .sm\:pt-70 { padding-top:70px; }
    .sm\:pb-70 { padding-bottom:70px; }
    .sm\:pl-70 { padding-left:70px; }
    .sm\:pr-70 { padding-right:70px; }

    .sm\:m-70 {  margin:70px; }
    .sm\:mt-70 { margin-top:70px; }
    .sm\:mb-70 { margin-bottom:70px; }
    .sm\:ml-70 { margin-left:70px; }
    .sm\:mr-70 { margin-right:70px; }

    .sm\:ml--70 { margin-left:-70px; }
    .sm\:mr--70 { margin-right:-70px; }

    .sm\:mt--70 { margin-top:-70px; }
    .sm\:mb--70 { margin-bottom:-70px; }

    .sm\:max--70 { max-width:70%; }
    .sm\:mt---70 { margin-top:-70%; }
    .sm\:mb---70 { margin-bottom:-70%; }
    
    
    .sm\:p--75 { padding:75px !important; }
    .sm\:p-75 { padding:75px; }
    .sm\:pt-75 { padding-top:75px; }
    .sm\:pb-75 { padding-bottom:75px; }
    .sm\:pl-75 { padding-left:75px; }
    .sm\:pr-75 { padding-right:75px; }

    .sm\:m-75 {  margin:75px; }
    .sm\:mt-75 { margin-top:75px; }
    .sm\:mb-75 { margin-bottom:75px; }
    .sm\:ml-75 { margin-left:75px; }
    .sm\:mr-75 { margin-right:75px; }

    .sm\:ml--75 { margin-left:-75px; }
    .sm\:mr--75 { margin-right:-75px; }

    .sm\:mt--75 { margin-top:-75px; }
    .sm\:mb--75 { margin-bottom:-75px; }

    .sm\:max--75 { max-width:75%; }
    .sm\:mt---75 { margin-top:-75%; }
    .sm\:mb---75 { margin-bottom:-75%; }
    
    
    .sm\:p--80 { padding:80px !important; }
    .sm\:p-80 { padding:80px; }
    .sm\:pt-80 { padding-top:80px; }
    .sm\:pb-80 { padding-bottom:80px; }
    .sm\:pl-80 { padding-left:80px; }
    .sm\:pr-80 { padding-right:80px; }

    .sm\:m-80 {  margin:80px; }
    .sm\:mt-80 { margin-top:80px; }
    .sm\:mb-80 { margin-bottom:80px; }
    .sm\:ml-80 { margin-left:80px; }
    .sm\:mr-80 { margin-right:80px; }

    .sm\:ml--80 { margin-left:-80px; }
    .sm\:mr--80 { margin-right:-80px; }

    .sm\:mt--80 { margin-top:-80px; }
    .sm\:mb--80 { margin-bottom:-80px; }

    .sm\:max--80 { max-width:80%; }
    .sm\:mt---80 { margin-top:-80%; }
    .sm\:mb---80 { margin-bottom:-80%; }
    
    
    .sm\:p--85 { padding:85px !important; }
    .sm\:p-85 { padding:85px; }
    .sm\:pt-85 { padding-top:85px; }
    .sm\:pb-85 { padding-bottom:85px; }
    .sm\:pl-85 { padding-left:85px; }
    .sm\:pr-85 { padding-right:85px; }

    .sm\:m-85 {  margin:85px; }
    .sm\:mt-85 { margin-top:85px; }
    .sm\:mb-85 { margin-bottom:85px; }
    .sm\:ml-85 { margin-left:85px; }
    .sm\:mr-85 { margin-right:85px; }

    .sm\:ml--85 { margin-left:-85px; }
    .sm\:mr--85 { margin-right:-85px; }

    .sm\:mt--85 { margin-top:-85px; }
    .sm\:mb--85 { margin-bottom:-85px; }

    .sm\:max--85 { max-width:85%; }
    .sm\:mt---85 { margin-top:-85%; }
    .sm\:mb---85 { margin-bottom:-85%; }
    
    
    .sm\:p--90 { padding:90px !important; }
    .sm\:p-90 { padding:90px; }
    .sm\:pt-90 { padding-top:90px; }
    .sm\:pb-90 { padding-bottom:90px; }
    .sm\:pl-90 { padding-left:90px; }
    .sm\:pr-90 { padding-right:90px; }

    .sm\:m-90 {  margin:90px; }
    .sm\:mt-90 { margin-top:90px; }
    .sm\:mb-90 { margin-bottom:90px; }
    .sm\:ml-90 { margin-left:90px; }
    .sm\:mr-90 { margin-right:90px; }

    .sm\:ml--90 { margin-left:-90px; }
    .sm\:mr--90 { margin-right:-90px; }

    .sm\:mt--90 { margin-top:-90px; }
    .sm\:mb--90 { margin-bottom:-90px; }

    .sm\:max--90 { max-width:90%; }
    .sm\:mt---90 { margin-top:-90%; }
    .sm\:mb---90 { margin-bottom:-90%; }
    
    
    .sm\:p--95 { padding:95px !important; }
    .sm\:p-95 { padding:95px; }
    .sm\:pt-95 { padding-top:95px; }
    .sm\:pb-95 { padding-bottom:95px; }
    .sm\:pl-95 { padding-left:95px; }
    .sm\:pr-95 { padding-right:95px; }

    .sm\:m-95 {  margin:95px; }
    .sm\:mt-95 { margin-top:95px; }
    .sm\:mb-95 { margin-bottom:95px; }
    .sm\:ml-95 { margin-left:95px; }
    .sm\:mr-95 { margin-right:95px; }

    .sm\:ml--95 { margin-left:-95px; }
    .sm\:mr--95 { margin-right:-95px; }

    .sm\:mt--95 { margin-top:-95px; }
    .sm\:mb--95 { margin-bottom:-95px; }

    .sm\:max--95 { max-width:95%; }
    .sm\:mt---95 { margin-top:-95%; }
    .sm\:mb---95 { margin-bottom:-95%; }
    
    
    .sm\:p--100 { padding:100px !important; }
    .sm\:p-100 { padding:100px; }
    .sm\:pt-100 { padding-top:100px; }
    .sm\:pb-100 { padding-bottom:100px; }
    .sm\:pl-100 { padding-left:100px; }
    .sm\:pr-100 { padding-right:100px; }

    .sm\:m-100 {  margin:100px; }
    .sm\:mt-100 { margin-top:100px; }
    .sm\:mb-100 { margin-bottom:100px; }
    .sm\:ml-100 { margin-left:100px; }
    .sm\:mr-100 { margin-right:100px; }

    .sm\:ml--100 { margin-left:-100px; }
    .sm\:mr--100 { margin-right:-100px; }

    .sm\:mt--100 { margin-top:-100px; }
    .sm\:mb--100 { margin-bottom:-100px; }

    .sm\:max--100 { max-width:100%; }
    .sm\:mt---100 { margin-top:-100%; }
    .sm\:mb---100 { margin-bottom:-100%; }
    
    
    .sm\:p--105 { padding:105px !important; }
    .sm\:p-105 { padding:105px; }
    .sm\:pt-105 { padding-top:105px; }
    .sm\:pb-105 { padding-bottom:105px; }
    .sm\:pl-105 { padding-left:105px; }
    .sm\:pr-105 { padding-right:105px; }

    .sm\:m-105 {  margin:105px; }
    .sm\:mt-105 { margin-top:105px; }
    .sm\:mb-105 { margin-bottom:105px; }
    .sm\:ml-105 { margin-left:105px; }
    .sm\:mr-105 { margin-right:105px; }

    .sm\:ml--105 { margin-left:-105px; }
    .sm\:mr--105 { margin-right:-105px; }

    .sm\:mt--105 { margin-top:-105px; }
    .sm\:mb--105 { margin-bottom:-105px; }

    .sm\:max--105 { max-width:105%; }
    .sm\:mt---105 { margin-top:-105%; }
    .sm\:mb---105 { margin-bottom:-105%; }
    
    
    .sm\:p--110 { padding:110px !important; }
    .sm\:p-110 { padding:110px; }
    .sm\:pt-110 { padding-top:110px; }
    .sm\:pb-110 { padding-bottom:110px; }
    .sm\:pl-110 { padding-left:110px; }
    .sm\:pr-110 { padding-right:110px; }

    .sm\:m-110 {  margin:110px; }
    .sm\:mt-110 { margin-top:110px; }
    .sm\:mb-110 { margin-bottom:110px; }
    .sm\:ml-110 { margin-left:110px; }
    .sm\:mr-110 { margin-right:110px; }

    .sm\:ml--110 { margin-left:-110px; }
    .sm\:mr--110 { margin-right:-110px; }

    .sm\:mt--110 { margin-top:-110px; }
    .sm\:mb--110 { margin-bottom:-110px; }

    .sm\:max--110 { max-width:110%; }
    .sm\:mt---110 { margin-top:-110%; }
    .sm\:mb---110 { margin-bottom:-110%; }
    
    
    .sm\:p--115 { padding:115px !important; }
    .sm\:p-115 { padding:115px; }
    .sm\:pt-115 { padding-top:115px; }
    .sm\:pb-115 { padding-bottom:115px; }
    .sm\:pl-115 { padding-left:115px; }
    .sm\:pr-115 { padding-right:115px; }

    .sm\:m-115 {  margin:115px; }
    .sm\:mt-115 { margin-top:115px; }
    .sm\:mb-115 { margin-bottom:115px; }
    .sm\:ml-115 { margin-left:115px; }
    .sm\:mr-115 { margin-right:115px; }

    .sm\:ml--115 { margin-left:-115px; }
    .sm\:mr--115 { margin-right:-115px; }

    .sm\:mt--115 { margin-top:-115px; }
    .sm\:mb--115 { margin-bottom:-115px; }

    .sm\:max--115 { max-width:115%; }
    .sm\:mt---115 { margin-top:-115%; }
    .sm\:mb---115 { margin-bottom:-115%; }
    
    
    .sm\:p--120 { padding:120px !important; }
    .sm\:p-120 { padding:120px; }
    .sm\:pt-120 { padding-top:120px; }
    .sm\:pb-120 { padding-bottom:120px; }
    .sm\:pl-120 { padding-left:120px; }
    .sm\:pr-120 { padding-right:120px; }

    .sm\:m-120 {  margin:120px; }
    .sm\:mt-120 { margin-top:120px; }
    .sm\:mb-120 { margin-bottom:120px; }
    .sm\:ml-120 { margin-left:120px; }
    .sm\:mr-120 { margin-right:120px; }

    .sm\:ml--120 { margin-left:-120px; }
    .sm\:mr--120 { margin-right:-120px; }

    .sm\:mt--120 { margin-top:-120px; }
    .sm\:mb--120 { margin-bottom:-120px; }

    .sm\:max--120 { max-width:120%; }
    .sm\:mt---120 { margin-top:-120%; }
    .sm\:mb---120 { margin-bottom:-120%; }
    
    
    .sm\:p--125 { padding:125px !important; }
    .sm\:p-125 { padding:125px; }
    .sm\:pt-125 { padding-top:125px; }
    .sm\:pb-125 { padding-bottom:125px; }
    .sm\:pl-125 { padding-left:125px; }
    .sm\:pr-125 { padding-right:125px; }

    .sm\:m-125 {  margin:125px; }
    .sm\:mt-125 { margin-top:125px; }
    .sm\:mb-125 { margin-bottom:125px; }
    .sm\:ml-125 { margin-left:125px; }
    .sm\:mr-125 { margin-right:125px; }

    .sm\:ml--125 { margin-left:-125px; }
    .sm\:mr--125 { margin-right:-125px; }

    .sm\:mt--125 { margin-top:-125px; }
    .sm\:mb--125 { margin-bottom:-125px; }

    .sm\:max--125 { max-width:125%; }
    .sm\:mt---125 { margin-top:-125%; }
    .sm\:mb---125 { margin-bottom:-125%; }
    
    
    .sm\:p--130 { padding:130px !important; }
    .sm\:p-130 { padding:130px; }
    .sm\:pt-130 { padding-top:130px; }
    .sm\:pb-130 { padding-bottom:130px; }
    .sm\:pl-130 { padding-left:130px; }
    .sm\:pr-130 { padding-right:130px; }

    .sm\:m-130 {  margin:130px; }
    .sm\:mt-130 { margin-top:130px; }
    .sm\:mb-130 { margin-bottom:130px; }
    .sm\:ml-130 { margin-left:130px; }
    .sm\:mr-130 { margin-right:130px; }

    .sm\:ml--130 { margin-left:-130px; }
    .sm\:mr--130 { margin-right:-130px; }

    .sm\:mt--130 { margin-top:-130px; }
    .sm\:mb--130 { margin-bottom:-130px; }

    .sm\:max--130 { max-width:130%; }
    .sm\:mt---130 { margin-top:-130%; }
    .sm\:mb---130 { margin-bottom:-130%; }
    
    
    .sm\:p--135 { padding:135px !important; }
    .sm\:p-135 { padding:135px; }
    .sm\:pt-135 { padding-top:135px; }
    .sm\:pb-135 { padding-bottom:135px; }
    .sm\:pl-135 { padding-left:135px; }
    .sm\:pr-135 { padding-right:135px; }

    .sm\:m-135 {  margin:135px; }
    .sm\:mt-135 { margin-top:135px; }
    .sm\:mb-135 { margin-bottom:135px; }
    .sm\:ml-135 { margin-left:135px; }
    .sm\:mr-135 { margin-right:135px; }

    .sm\:ml--135 { margin-left:-135px; }
    .sm\:mr--135 { margin-right:-135px; }

    .sm\:mt--135 { margin-top:-135px; }
    .sm\:mb--135 { margin-bottom:-135px; }

    .sm\:max--135 { max-width:135%; }
    .sm\:mt---135 { margin-top:-135%; }
    .sm\:mb---135 { margin-bottom:-135%; }
    
    
    .sm\:p--140 { padding:140px !important; }
    .sm\:p-140 { padding:140px; }
    .sm\:pt-140 { padding-top:140px; }
    .sm\:pb-140 { padding-bottom:140px; }
    .sm\:pl-140 { padding-left:140px; }
    .sm\:pr-140 { padding-right:140px; }

    .sm\:m-140 {  margin:140px; }
    .sm\:mt-140 { margin-top:140px; }
    .sm\:mb-140 { margin-bottom:140px; }
    .sm\:ml-140 { margin-left:140px; }
    .sm\:mr-140 { margin-right:140px; }

    .sm\:ml--140 { margin-left:-140px; }
    .sm\:mr--140 { margin-right:-140px; }

    .sm\:mt--140 { margin-top:-140px; }
    .sm\:mb--140 { margin-bottom:-140px; }

    .sm\:max--140 { max-width:140%; }
    .sm\:mt---140 { margin-top:-140%; }
    .sm\:mb---140 { margin-bottom:-140%; }
    
    
    .sm\:p--145 { padding:145px !important; }
    .sm\:p-145 { padding:145px; }
    .sm\:pt-145 { padding-top:145px; }
    .sm\:pb-145 { padding-bottom:145px; }
    .sm\:pl-145 { padding-left:145px; }
    .sm\:pr-145 { padding-right:145px; }

    .sm\:m-145 {  margin:145px; }
    .sm\:mt-145 { margin-top:145px; }
    .sm\:mb-145 { margin-bottom:145px; }
    .sm\:ml-145 { margin-left:145px; }
    .sm\:mr-145 { margin-right:145px; }

    .sm\:ml--145 { margin-left:-145px; }
    .sm\:mr--145 { margin-right:-145px; }

    .sm\:mt--145 { margin-top:-145px; }
    .sm\:mb--145 { margin-bottom:-145px; }

    .sm\:max--145 { max-width:145%; }
    .sm\:mt---145 { margin-top:-145%; }
    .sm\:mb---145 { margin-bottom:-145%; }
    
    
    .sm\:p--150 { padding:150px !important; }
    .sm\:p-150 { padding:150px; }
    .sm\:pt-150 { padding-top:150px; }
    .sm\:pb-150 { padding-bottom:150px; }
    .sm\:pl-150 { padding-left:150px; }
    .sm\:pr-150 { padding-right:150px; }

    .sm\:m-150 {  margin:150px; }
    .sm\:mt-150 { margin-top:150px; }
    .sm\:mb-150 { margin-bottom:150px; }
    .sm\:ml-150 { margin-left:150px; }
    .sm\:mr-150 { margin-right:150px; }

    .sm\:ml--150 { margin-left:-150px; }
    .sm\:mr--150 { margin-right:-150px; }

    .sm\:mt--150 { margin-top:-150px; }
    .sm\:mb--150 { margin-bottom:-150px; }

    .sm\:max--150 { max-width:150%; }
    .sm\:mt---150 { margin-top:-150%; }
    .sm\:mb---150 { margin-bottom:-150%; }
    
    

    
    .sm\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .sm\:max-50 { max-width:50px; }
    .sm\:text-2{ font-size:2px; } 

    
    .sm\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .sm\:max-100 { max-width:100px; }
    .sm\:text-4{ font-size:4px; } 

    
    .sm\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .sm\:max-150 { max-width:150px; }
    .sm\:text-6{ font-size:6px; } 

    
    .sm\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .sm\:max-200 { max-width:200px; }
    .sm\:text-8{ font-size:8px; } 

    
    .sm\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .sm\:max-250 { max-width:250px; }
    .sm\:text-10{ font-size:10px; } 

    
    .sm\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .sm\:max-300 { max-width:300px; }
    .sm\:text-12{ font-size:12px; } 

    
    .sm\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .sm\:max-350 { max-width:350px; }
    .sm\:text-14{ font-size:14px; } 

    
    .sm\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .sm\:max-400 { max-width:400px; }
    .sm\:text-16{ font-size:16px; } 

    
    .sm\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .sm\:max-450 { max-width:450px; }
    .sm\:text-18{ font-size:18px; } 

    
    .sm\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .sm\:max-500 { max-width:500px; }
    .sm\:text-20{ font-size:20px; } 

    
    .sm\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .sm\:max-550 { max-width:550px; }
    .sm\:text-22{ font-size:22px; } 

    
    .sm\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .sm\:max-600 { max-width:600px; }
    .sm\:text-24{ font-size:24px; } 

    
    .sm\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .sm\:max-650 { max-width:650px; }
    .sm\:text-26{ font-size:26px; } 

    
    .sm\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .sm\:max-700 { max-width:700px; }
    .sm\:text-28{ font-size:28px; } 

    
    .sm\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .sm\:max-750 { max-width:750px; }
    .sm\:text-30{ font-size:30px; } 

    
    .sm\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .sm\:max-800 { max-width:800px; }
    .sm\:text-32{ font-size:32px; } 

    
    .sm\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .sm\:max-850 { max-width:850px; }
    .sm\:text-34{ font-size:34px; } 

    
    .sm\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .sm\:max-900 { max-width:900px; }
    .sm\:text-36{ font-size:36px; } 

    
    .sm\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .sm\:max-950 { max-width:950px; }
    .sm\:text-38{ font-size:38px; } 

    
    .sm\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .sm\:max-1000 { max-width:1000px; }
    .sm\:text-40{ font-size:40px; } 

    
    .sm\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .sm\:max-1050 { max-width:1050px; }
    .sm\:text-42{ font-size:42px; } 

    
    .sm\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .sm\:max-1100 { max-width:1100px; }
    .sm\:text-44{ font-size:44px; } 

    
    .sm\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .sm\:max-1150 { max-width:1150px; }
    .sm\:text-46{ font-size:46px; } 

    
    .sm\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .sm\:max-1200 { max-width:1200px; }
    .sm\:text-48{ font-size:48px; } 

    
    .sm\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .sm\:max-1250 { max-width:1250px; }
    .sm\:text-50{ font-size:50px; } 

    
    .sm\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .sm\:max-1300 { max-width:1300px; }
    .sm\:text-52{ font-size:52px; } 

    
    .sm\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .sm\:max-1350 { max-width:1350px; }
    .sm\:text-54{ font-size:54px; } 

    
    .sm\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .sm\:max-1400 { max-width:1400px; }
    .sm\:text-56{ font-size:56px; } 

    
    .sm\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .sm\:max-1450 { max-width:1450px; }
    .sm\:text-58{ font-size:58px; } 

    

    .sm\:max-full { max-width:100%; }
    .sm\:ml-auto{ margin-left:auto; }
    .sm\:mr-auto{ margin-right:auto; }
    .sm\:vh-100{ height:100vh; }
    .sm\:vh-auto{ height:auto; }
}


@media(min-width:992px){
    
    
    .md\:d-block {
        display:block;
    }
    
    .md\:d-inline-block {
        display:inline-block;
    }
    
    .md\:d-flex {
        display:flex;
    }
    
    .md\:d-inline-flex {
        display:inline-flex;
    }
    
    .md\:d-none {
        display:none;
    }
    
    
    
    .md\:align-center {
        align-items:center;
    }
    
    .md\:align-flex-start {
        align-items:flex-start;
    }
    
    .md\:align-flex-end {
        align-items:flex-end;
    }
    
    .md\:align-normal {
        align-items:normal;
    }
    
    
    
    .md\:justify-center {
        justify-content:center;
    }
    
    .md\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .md\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .md\:justify-space-around {
        justify-content:space-around;
    }
    
    .md\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .md\:text-left {
        text-align:left;
    }
    
    .md\:text-right {
        text-align:right;
    }
    
    .md\:text-center {
        text-align:center;
    }
    
    
    
    .md\:direction-column {
        flex-direction:column;
    }
    
    .md\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .md\:direction-row {
        flex-direction:row;
    }
    
    .md\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .md\:p--0 { padding:0px !important; }
    .md\:p-0 { padding:0px; }
    .md\:pt-0 { padding-top:0px; }
    .md\:pb-0 { padding-bottom:0px; }
    .md\:pl-0 { padding-left:0px; }
    .md\:pr-0 { padding-right:0px; }

    .md\:m-0 {  margin:0px; }
    .md\:mt-0 { margin-top:0px; }
    .md\:mb-0 { margin-bottom:0px; }
    .md\:ml-0 { margin-left:0px; }
    .md\:mr-0 { margin-right:0px; }

    .md\:ml--0 { margin-left:-0px; }
    .md\:mr--0 { margin-right:-0px; }

    .md\:mt--0 { margin-top:-0px; }
    .md\:mb--0 { margin-bottom:-0px; }

    .md\:max--0 { max-width:0%; }
    .md\:mt---0 { margin-top:-0%; }
    .md\:mb---0 { margin-bottom:-0%; }
    
    
    .md\:p--5 { padding:5px !important; }
    .md\:p-5 { padding:5px; }
    .md\:pt-5 { padding-top:5px; }
    .md\:pb-5 { padding-bottom:5px; }
    .md\:pl-5 { padding-left:5px; }
    .md\:pr-5 { padding-right:5px; }

    .md\:m-5 {  margin:5px; }
    .md\:mt-5 { margin-top:5px; }
    .md\:mb-5 { margin-bottom:5px; }
    .md\:ml-5 { margin-left:5px; }
    .md\:mr-5 { margin-right:5px; }

    .md\:ml--5 { margin-left:-5px; }
    .md\:mr--5 { margin-right:-5px; }

    .md\:mt--5 { margin-top:-5px; }
    .md\:mb--5 { margin-bottom:-5px; }

    .md\:max--5 { max-width:5%; }
    .md\:mt---5 { margin-top:-5%; }
    .md\:mb---5 { margin-bottom:-5%; }
    
    
    .md\:p--10 { padding:10px !important; }
    .md\:p-10 { padding:10px; }
    .md\:pt-10 { padding-top:10px; }
    .md\:pb-10 { padding-bottom:10px; }
    .md\:pl-10 { padding-left:10px; }
    .md\:pr-10 { padding-right:10px; }

    .md\:m-10 {  margin:10px; }
    .md\:mt-10 { margin-top:10px; }
    .md\:mb-10 { margin-bottom:10px; }
    .md\:ml-10 { margin-left:10px; }
    .md\:mr-10 { margin-right:10px; }

    .md\:ml--10 { margin-left:-10px; }
    .md\:mr--10 { margin-right:-10px; }

    .md\:mt--10 { margin-top:-10px; }
    .md\:mb--10 { margin-bottom:-10px; }

    .md\:max--10 { max-width:10%; }
    .md\:mt---10 { margin-top:-10%; }
    .md\:mb---10 { margin-bottom:-10%; }
    
    
    .md\:p--15 { padding:15px !important; }
    .md\:p-15 { padding:15px; }
    .md\:pt-15 { padding-top:15px; }
    .md\:pb-15 { padding-bottom:15px; }
    .md\:pl-15 { padding-left:15px; }
    .md\:pr-15 { padding-right:15px; }

    .md\:m-15 {  margin:15px; }
    .md\:mt-15 { margin-top:15px; }
    .md\:mb-15 { margin-bottom:15px; }
    .md\:ml-15 { margin-left:15px; }
    .md\:mr-15 { margin-right:15px; }

    .md\:ml--15 { margin-left:-15px; }
    .md\:mr--15 { margin-right:-15px; }

    .md\:mt--15 { margin-top:-15px; }
    .md\:mb--15 { margin-bottom:-15px; }

    .md\:max--15 { max-width:15%; }
    .md\:mt---15 { margin-top:-15%; }
    .md\:mb---15 { margin-bottom:-15%; }
    
    
    .md\:p--20 { padding:20px !important; }
    .md\:p-20 { padding:20px; }
    .md\:pt-20 { padding-top:20px; }
    .md\:pb-20 { padding-bottom:20px; }
    .md\:pl-20 { padding-left:20px; }
    .md\:pr-20 { padding-right:20px; }

    .md\:m-20 {  margin:20px; }
    .md\:mt-20 { margin-top:20px; }
    .md\:mb-20 { margin-bottom:20px; }
    .md\:ml-20 { margin-left:20px; }
    .md\:mr-20 { margin-right:20px; }

    .md\:ml--20 { margin-left:-20px; }
    .md\:mr--20 { margin-right:-20px; }

    .md\:mt--20 { margin-top:-20px; }
    .md\:mb--20 { margin-bottom:-20px; }

    .md\:max--20 { max-width:20%; }
    .md\:mt---20 { margin-top:-20%; }
    .md\:mb---20 { margin-bottom:-20%; }
    
    
    .md\:p--25 { padding:25px !important; }
    .md\:p-25 { padding:25px; }
    .md\:pt-25 { padding-top:25px; }
    .md\:pb-25 { padding-bottom:25px; }
    .md\:pl-25 { padding-left:25px; }
    .md\:pr-25 { padding-right:25px; }

    .md\:m-25 {  margin:25px; }
    .md\:mt-25 { margin-top:25px; }
    .md\:mb-25 { margin-bottom:25px; }
    .md\:ml-25 { margin-left:25px; }
    .md\:mr-25 { margin-right:25px; }

    .md\:ml--25 { margin-left:-25px; }
    .md\:mr--25 { margin-right:-25px; }

    .md\:mt--25 { margin-top:-25px; }
    .md\:mb--25 { margin-bottom:-25px; }

    .md\:max--25 { max-width:25%; }
    .md\:mt---25 { margin-top:-25%; }
    .md\:mb---25 { margin-bottom:-25%; }
    
    
    .md\:p--30 { padding:30px !important; }
    .md\:p-30 { padding:30px; }
    .md\:pt-30 { padding-top:30px; }
    .md\:pb-30 { padding-bottom:30px; }
    .md\:pl-30 { padding-left:30px; }
    .md\:pr-30 { padding-right:30px; }

    .md\:m-30 {  margin:30px; }
    .md\:mt-30 { margin-top:30px; }
    .md\:mb-30 { margin-bottom:30px; }
    .md\:ml-30 { margin-left:30px; }
    .md\:mr-30 { margin-right:30px; }

    .md\:ml--30 { margin-left:-30px; }
    .md\:mr--30 { margin-right:-30px; }

    .md\:mt--30 { margin-top:-30px; }
    .md\:mb--30 { margin-bottom:-30px; }

    .md\:max--30 { max-width:30%; }
    .md\:mt---30 { margin-top:-30%; }
    .md\:mb---30 { margin-bottom:-30%; }
    
    
    .md\:p--35 { padding:35px !important; }
    .md\:p-35 { padding:35px; }
    .md\:pt-35 { padding-top:35px; }
    .md\:pb-35 { padding-bottom:35px; }
    .md\:pl-35 { padding-left:35px; }
    .md\:pr-35 { padding-right:35px; }

    .md\:m-35 {  margin:35px; }
    .md\:mt-35 { margin-top:35px; }
    .md\:mb-35 { margin-bottom:35px; }
    .md\:ml-35 { margin-left:35px; }
    .md\:mr-35 { margin-right:35px; }

    .md\:ml--35 { margin-left:-35px; }
    .md\:mr--35 { margin-right:-35px; }

    .md\:mt--35 { margin-top:-35px; }
    .md\:mb--35 { margin-bottom:-35px; }

    .md\:max--35 { max-width:35%; }
    .md\:mt---35 { margin-top:-35%; }
    .md\:mb---35 { margin-bottom:-35%; }
    
    
    .md\:p--40 { padding:40px !important; }
    .md\:p-40 { padding:40px; }
    .md\:pt-40 { padding-top:40px; }
    .md\:pb-40 { padding-bottom:40px; }
    .md\:pl-40 { padding-left:40px; }
    .md\:pr-40 { padding-right:40px; }

    .md\:m-40 {  margin:40px; }
    .md\:mt-40 { margin-top:40px; }
    .md\:mb-40 { margin-bottom:40px; }
    .md\:ml-40 { margin-left:40px; }
    .md\:mr-40 { margin-right:40px; }

    .md\:ml--40 { margin-left:-40px; }
    .md\:mr--40 { margin-right:-40px; }

    .md\:mt--40 { margin-top:-40px; }
    .md\:mb--40 { margin-bottom:-40px; }

    .md\:max--40 { max-width:40%; }
    .md\:mt---40 { margin-top:-40%; }
    .md\:mb---40 { margin-bottom:-40%; }
    
    
    .md\:p--45 { padding:45px !important; }
    .md\:p-45 { padding:45px; }
    .md\:pt-45 { padding-top:45px; }
    .md\:pb-45 { padding-bottom:45px; }
    .md\:pl-45 { padding-left:45px; }
    .md\:pr-45 { padding-right:45px; }

    .md\:m-45 {  margin:45px; }
    .md\:mt-45 { margin-top:45px; }
    .md\:mb-45 { margin-bottom:45px; }
    .md\:ml-45 { margin-left:45px; }
    .md\:mr-45 { margin-right:45px; }

    .md\:ml--45 { margin-left:-45px; }
    .md\:mr--45 { margin-right:-45px; }

    .md\:mt--45 { margin-top:-45px; }
    .md\:mb--45 { margin-bottom:-45px; }

    .md\:max--45 { max-width:45%; }
    .md\:mt---45 { margin-top:-45%; }
    .md\:mb---45 { margin-bottom:-45%; }
    
    
    .md\:p--50 { padding:50px !important; }
    .md\:p-50 { padding:50px; }
    .md\:pt-50 { padding-top:50px; }
    .md\:pb-50 { padding-bottom:50px; }
    .md\:pl-50 { padding-left:50px; }
    .md\:pr-50 { padding-right:50px; }

    .md\:m-50 {  margin:50px; }
    .md\:mt-50 { margin-top:50px; }
    .md\:mb-50 { margin-bottom:50px; }
    .md\:ml-50 { margin-left:50px; }
    .md\:mr-50 { margin-right:50px; }

    .md\:ml--50 { margin-left:-50px; }
    .md\:mr--50 { margin-right:-50px; }

    .md\:mt--50 { margin-top:-50px; }
    .md\:mb--50 { margin-bottom:-50px; }

    .md\:max--50 { max-width:50%; }
    .md\:mt---50 { margin-top:-50%; }
    .md\:mb---50 { margin-bottom:-50%; }
    
    
    .md\:p--55 { padding:55px !important; }
    .md\:p-55 { padding:55px; }
    .md\:pt-55 { padding-top:55px; }
    .md\:pb-55 { padding-bottom:55px; }
    .md\:pl-55 { padding-left:55px; }
    .md\:pr-55 { padding-right:55px; }

    .md\:m-55 {  margin:55px; }
    .md\:mt-55 { margin-top:55px; }
    .md\:mb-55 { margin-bottom:55px; }
    .md\:ml-55 { margin-left:55px; }
    .md\:mr-55 { margin-right:55px; }

    .md\:ml--55 { margin-left:-55px; }
    .md\:mr--55 { margin-right:-55px; }

    .md\:mt--55 { margin-top:-55px; }
    .md\:mb--55 { margin-bottom:-55px; }

    .md\:max--55 { max-width:55%; }
    .md\:mt---55 { margin-top:-55%; }
    .md\:mb---55 { margin-bottom:-55%; }
    
    
    .md\:p--60 { padding:60px !important; }
    .md\:p-60 { padding:60px; }
    .md\:pt-60 { padding-top:60px; }
    .md\:pb-60 { padding-bottom:60px; }
    .md\:pl-60 { padding-left:60px; }
    .md\:pr-60 { padding-right:60px; }

    .md\:m-60 {  margin:60px; }
    .md\:mt-60 { margin-top:60px; }
    .md\:mb-60 { margin-bottom:60px; }
    .md\:ml-60 { margin-left:60px; }
    .md\:mr-60 { margin-right:60px; }

    .md\:ml--60 { margin-left:-60px; }
    .md\:mr--60 { margin-right:-60px; }

    .md\:mt--60 { margin-top:-60px; }
    .md\:mb--60 { margin-bottom:-60px; }

    .md\:max--60 { max-width:60%; }
    .md\:mt---60 { margin-top:-60%; }
    .md\:mb---60 { margin-bottom:-60%; }
    
    
    .md\:p--65 { padding:65px !important; }
    .md\:p-65 { padding:65px; }
    .md\:pt-65 { padding-top:65px; }
    .md\:pb-65 { padding-bottom:65px; }
    .md\:pl-65 { padding-left:65px; }
    .md\:pr-65 { padding-right:65px; }

    .md\:m-65 {  margin:65px; }
    .md\:mt-65 { margin-top:65px; }
    .md\:mb-65 { margin-bottom:65px; }
    .md\:ml-65 { margin-left:65px; }
    .md\:mr-65 { margin-right:65px; }

    .md\:ml--65 { margin-left:-65px; }
    .md\:mr--65 { margin-right:-65px; }

    .md\:mt--65 { margin-top:-65px; }
    .md\:mb--65 { margin-bottom:-65px; }

    .md\:max--65 { max-width:65%; }
    .md\:mt---65 { margin-top:-65%; }
    .md\:mb---65 { margin-bottom:-65%; }
    
    
    .md\:p--70 { padding:70px !important; }
    .md\:p-70 { padding:70px; }
    .md\:pt-70 { padding-top:70px; }
    .md\:pb-70 { padding-bottom:70px; }
    .md\:pl-70 { padding-left:70px; }
    .md\:pr-70 { padding-right:70px; }

    .md\:m-70 {  margin:70px; }
    .md\:mt-70 { margin-top:70px; }
    .md\:mb-70 { margin-bottom:70px; }
    .md\:ml-70 { margin-left:70px; }
    .md\:mr-70 { margin-right:70px; }

    .md\:ml--70 { margin-left:-70px; }
    .md\:mr--70 { margin-right:-70px; }

    .md\:mt--70 { margin-top:-70px; }
    .md\:mb--70 { margin-bottom:-70px; }

    .md\:max--70 { max-width:70%; }
    .md\:mt---70 { margin-top:-70%; }
    .md\:mb---70 { margin-bottom:-70%; }
    
    
    .md\:p--75 { padding:75px !important; }
    .md\:p-75 { padding:75px; }
    .md\:pt-75 { padding-top:75px; }
    .md\:pb-75 { padding-bottom:75px; }
    .md\:pl-75 { padding-left:75px; }
    .md\:pr-75 { padding-right:75px; }

    .md\:m-75 {  margin:75px; }
    .md\:mt-75 { margin-top:75px; }
    .md\:mb-75 { margin-bottom:75px; }
    .md\:ml-75 { margin-left:75px; }
    .md\:mr-75 { margin-right:75px; }

    .md\:ml--75 { margin-left:-75px; }
    .md\:mr--75 { margin-right:-75px; }

    .md\:mt--75 { margin-top:-75px; }
    .md\:mb--75 { margin-bottom:-75px; }

    .md\:max--75 { max-width:75%; }
    .md\:mt---75 { margin-top:-75%; }
    .md\:mb---75 { margin-bottom:-75%; }
    
    
    .md\:p--80 { padding:80px !important; }
    .md\:p-80 { padding:80px; }
    .md\:pt-80 { padding-top:80px; }
    .md\:pb-80 { padding-bottom:80px; }
    .md\:pl-80 { padding-left:80px; }
    .md\:pr-80 { padding-right:80px; }

    .md\:m-80 {  margin:80px; }
    .md\:mt-80 { margin-top:80px; }
    .md\:mb-80 { margin-bottom:80px; }
    .md\:ml-80 { margin-left:80px; }
    .md\:mr-80 { margin-right:80px; }

    .md\:ml--80 { margin-left:-80px; }
    .md\:mr--80 { margin-right:-80px; }

    .md\:mt--80 { margin-top:-80px; }
    .md\:mb--80 { margin-bottom:-80px; }

    .md\:max--80 { max-width:80%; }
    .md\:mt---80 { margin-top:-80%; }
    .md\:mb---80 { margin-bottom:-80%; }
    
    
    .md\:p--85 { padding:85px !important; }
    .md\:p-85 { padding:85px; }
    .md\:pt-85 { padding-top:85px; }
    .md\:pb-85 { padding-bottom:85px; }
    .md\:pl-85 { padding-left:85px; }
    .md\:pr-85 { padding-right:85px; }

    .md\:m-85 {  margin:85px; }
    .md\:mt-85 { margin-top:85px; }
    .md\:mb-85 { margin-bottom:85px; }
    .md\:ml-85 { margin-left:85px; }
    .md\:mr-85 { margin-right:85px; }

    .md\:ml--85 { margin-left:-85px; }
    .md\:mr--85 { margin-right:-85px; }

    .md\:mt--85 { margin-top:-85px; }
    .md\:mb--85 { margin-bottom:-85px; }

    .md\:max--85 { max-width:85%; }
    .md\:mt---85 { margin-top:-85%; }
    .md\:mb---85 { margin-bottom:-85%; }
    
    
    .md\:p--90 { padding:90px !important; }
    .md\:p-90 { padding:90px; }
    .md\:pt-90 { padding-top:90px; }
    .md\:pb-90 { padding-bottom:90px; }
    .md\:pl-90 { padding-left:90px; }
    .md\:pr-90 { padding-right:90px; }

    .md\:m-90 {  margin:90px; }
    .md\:mt-90 { margin-top:90px; }
    .md\:mb-90 { margin-bottom:90px; }
    .md\:ml-90 { margin-left:90px; }
    .md\:mr-90 { margin-right:90px; }

    .md\:ml--90 { margin-left:-90px; }
    .md\:mr--90 { margin-right:-90px; }

    .md\:mt--90 { margin-top:-90px; }
    .md\:mb--90 { margin-bottom:-90px; }

    .md\:max--90 { max-width:90%; }
    .md\:mt---90 { margin-top:-90%; }
    .md\:mb---90 { margin-bottom:-90%; }
    
    
    .md\:p--95 { padding:95px !important; }
    .md\:p-95 { padding:95px; }
    .md\:pt-95 { padding-top:95px; }
    .md\:pb-95 { padding-bottom:95px; }
    .md\:pl-95 { padding-left:95px; }
    .md\:pr-95 { padding-right:95px; }

    .md\:m-95 {  margin:95px; }
    .md\:mt-95 { margin-top:95px; }
    .md\:mb-95 { margin-bottom:95px; }
    .md\:ml-95 { margin-left:95px; }
    .md\:mr-95 { margin-right:95px; }

    .md\:ml--95 { margin-left:-95px; }
    .md\:mr--95 { margin-right:-95px; }

    .md\:mt--95 { margin-top:-95px; }
    .md\:mb--95 { margin-bottom:-95px; }

    .md\:max--95 { max-width:95%; }
    .md\:mt---95 { margin-top:-95%; }
    .md\:mb---95 { margin-bottom:-95%; }
    
    
    .md\:p--100 { padding:100px !important; }
    .md\:p-100 { padding:100px; }
    .md\:pt-100 { padding-top:100px; }
    .md\:pb-100 { padding-bottom:100px; }
    .md\:pl-100 { padding-left:100px; }
    .md\:pr-100 { padding-right:100px; }

    .md\:m-100 {  margin:100px; }
    .md\:mt-100 { margin-top:100px; }
    .md\:mb-100 { margin-bottom:100px; }
    .md\:ml-100 { margin-left:100px; }
    .md\:mr-100 { margin-right:100px; }

    .md\:ml--100 { margin-left:-100px; }
    .md\:mr--100 { margin-right:-100px; }

    .md\:mt--100 { margin-top:-100px; }
    .md\:mb--100 { margin-bottom:-100px; }

    .md\:max--100 { max-width:100%; }
    .md\:mt---100 { margin-top:-100%; }
    .md\:mb---100 { margin-bottom:-100%; }
    
    
    .md\:p--105 { padding:105px !important; }
    .md\:p-105 { padding:105px; }
    .md\:pt-105 { padding-top:105px; }
    .md\:pb-105 { padding-bottom:105px; }
    .md\:pl-105 { padding-left:105px; }
    .md\:pr-105 { padding-right:105px; }

    .md\:m-105 {  margin:105px; }
    .md\:mt-105 { margin-top:105px; }
    .md\:mb-105 { margin-bottom:105px; }
    .md\:ml-105 { margin-left:105px; }
    .md\:mr-105 { margin-right:105px; }

    .md\:ml--105 { margin-left:-105px; }
    .md\:mr--105 { margin-right:-105px; }

    .md\:mt--105 { margin-top:-105px; }
    .md\:mb--105 { margin-bottom:-105px; }

    .md\:max--105 { max-width:105%; }
    .md\:mt---105 { margin-top:-105%; }
    .md\:mb---105 { margin-bottom:-105%; }
    
    
    .md\:p--110 { padding:110px !important; }
    .md\:p-110 { padding:110px; }
    .md\:pt-110 { padding-top:110px; }
    .md\:pb-110 { padding-bottom:110px; }
    .md\:pl-110 { padding-left:110px; }
    .md\:pr-110 { padding-right:110px; }

    .md\:m-110 {  margin:110px; }
    .md\:mt-110 { margin-top:110px; }
    .md\:mb-110 { margin-bottom:110px; }
    .md\:ml-110 { margin-left:110px; }
    .md\:mr-110 { margin-right:110px; }

    .md\:ml--110 { margin-left:-110px; }
    .md\:mr--110 { margin-right:-110px; }

    .md\:mt--110 { margin-top:-110px; }
    .md\:mb--110 { margin-bottom:-110px; }

    .md\:max--110 { max-width:110%; }
    .md\:mt---110 { margin-top:-110%; }
    .md\:mb---110 { margin-bottom:-110%; }
    
    
    .md\:p--115 { padding:115px !important; }
    .md\:p-115 { padding:115px; }
    .md\:pt-115 { padding-top:115px; }
    .md\:pb-115 { padding-bottom:115px; }
    .md\:pl-115 { padding-left:115px; }
    .md\:pr-115 { padding-right:115px; }

    .md\:m-115 {  margin:115px; }
    .md\:mt-115 { margin-top:115px; }
    .md\:mb-115 { margin-bottom:115px; }
    .md\:ml-115 { margin-left:115px; }
    .md\:mr-115 { margin-right:115px; }

    .md\:ml--115 { margin-left:-115px; }
    .md\:mr--115 { margin-right:-115px; }

    .md\:mt--115 { margin-top:-115px; }
    .md\:mb--115 { margin-bottom:-115px; }

    .md\:max--115 { max-width:115%; }
    .md\:mt---115 { margin-top:-115%; }
    .md\:mb---115 { margin-bottom:-115%; }
    
    
    .md\:p--120 { padding:120px !important; }
    .md\:p-120 { padding:120px; }
    .md\:pt-120 { padding-top:120px; }
    .md\:pb-120 { padding-bottom:120px; }
    .md\:pl-120 { padding-left:120px; }
    .md\:pr-120 { padding-right:120px; }

    .md\:m-120 {  margin:120px; }
    .md\:mt-120 { margin-top:120px; }
    .md\:mb-120 { margin-bottom:120px; }
    .md\:ml-120 { margin-left:120px; }
    .md\:mr-120 { margin-right:120px; }

    .md\:ml--120 { margin-left:-120px; }
    .md\:mr--120 { margin-right:-120px; }

    .md\:mt--120 { margin-top:-120px; }
    .md\:mb--120 { margin-bottom:-120px; }

    .md\:max--120 { max-width:120%; }
    .md\:mt---120 { margin-top:-120%; }
    .md\:mb---120 { margin-bottom:-120%; }
    
    
    .md\:p--125 { padding:125px !important; }
    .md\:p-125 { padding:125px; }
    .md\:pt-125 { padding-top:125px; }
    .md\:pb-125 { padding-bottom:125px; }
    .md\:pl-125 { padding-left:125px; }
    .md\:pr-125 { padding-right:125px; }

    .md\:m-125 {  margin:125px; }
    .md\:mt-125 { margin-top:125px; }
    .md\:mb-125 { margin-bottom:125px; }
    .md\:ml-125 { margin-left:125px; }
    .md\:mr-125 { margin-right:125px; }

    .md\:ml--125 { margin-left:-125px; }
    .md\:mr--125 { margin-right:-125px; }

    .md\:mt--125 { margin-top:-125px; }
    .md\:mb--125 { margin-bottom:-125px; }

    .md\:max--125 { max-width:125%; }
    .md\:mt---125 { margin-top:-125%; }
    .md\:mb---125 { margin-bottom:-125%; }
    
    
    .md\:p--130 { padding:130px !important; }
    .md\:p-130 { padding:130px; }
    .md\:pt-130 { padding-top:130px; }
    .md\:pb-130 { padding-bottom:130px; }
    .md\:pl-130 { padding-left:130px; }
    .md\:pr-130 { padding-right:130px; }

    .md\:m-130 {  margin:130px; }
    .md\:mt-130 { margin-top:130px; }
    .md\:mb-130 { margin-bottom:130px; }
    .md\:ml-130 { margin-left:130px; }
    .md\:mr-130 { margin-right:130px; }

    .md\:ml--130 { margin-left:-130px; }
    .md\:mr--130 { margin-right:-130px; }

    .md\:mt--130 { margin-top:-130px; }
    .md\:mb--130 { margin-bottom:-130px; }

    .md\:max--130 { max-width:130%; }
    .md\:mt---130 { margin-top:-130%; }
    .md\:mb---130 { margin-bottom:-130%; }
    
    
    .md\:p--135 { padding:135px !important; }
    .md\:p-135 { padding:135px; }
    .md\:pt-135 { padding-top:135px; }
    .md\:pb-135 { padding-bottom:135px; }
    .md\:pl-135 { padding-left:135px; }
    .md\:pr-135 { padding-right:135px; }

    .md\:m-135 {  margin:135px; }
    .md\:mt-135 { margin-top:135px; }
    .md\:mb-135 { margin-bottom:135px; }
    .md\:ml-135 { margin-left:135px; }
    .md\:mr-135 { margin-right:135px; }

    .md\:ml--135 { margin-left:-135px; }
    .md\:mr--135 { margin-right:-135px; }

    .md\:mt--135 { margin-top:-135px; }
    .md\:mb--135 { margin-bottom:-135px; }

    .md\:max--135 { max-width:135%; }
    .md\:mt---135 { margin-top:-135%; }
    .md\:mb---135 { margin-bottom:-135%; }
    
    
    .md\:p--140 { padding:140px !important; }
    .md\:p-140 { padding:140px; }
    .md\:pt-140 { padding-top:140px; }
    .md\:pb-140 { padding-bottom:140px; }
    .md\:pl-140 { padding-left:140px; }
    .md\:pr-140 { padding-right:140px; }

    .md\:m-140 {  margin:140px; }
    .md\:mt-140 { margin-top:140px; }
    .md\:mb-140 { margin-bottom:140px; }
    .md\:ml-140 { margin-left:140px; }
    .md\:mr-140 { margin-right:140px; }

    .md\:ml--140 { margin-left:-140px; }
    .md\:mr--140 { margin-right:-140px; }

    .md\:mt--140 { margin-top:-140px; }
    .md\:mb--140 { margin-bottom:-140px; }

    .md\:max--140 { max-width:140%; }
    .md\:mt---140 { margin-top:-140%; }
    .md\:mb---140 { margin-bottom:-140%; }
    
    
    .md\:p--145 { padding:145px !important; }
    .md\:p-145 { padding:145px; }
    .md\:pt-145 { padding-top:145px; }
    .md\:pb-145 { padding-bottom:145px; }
    .md\:pl-145 { padding-left:145px; }
    .md\:pr-145 { padding-right:145px; }

    .md\:m-145 {  margin:145px; }
    .md\:mt-145 { margin-top:145px; }
    .md\:mb-145 { margin-bottom:145px; }
    .md\:ml-145 { margin-left:145px; }
    .md\:mr-145 { margin-right:145px; }

    .md\:ml--145 { margin-left:-145px; }
    .md\:mr--145 { margin-right:-145px; }

    .md\:mt--145 { margin-top:-145px; }
    .md\:mb--145 { margin-bottom:-145px; }

    .md\:max--145 { max-width:145%; }
    .md\:mt---145 { margin-top:-145%; }
    .md\:mb---145 { margin-bottom:-145%; }
    
    
    .md\:p--150 { padding:150px !important; }
    .md\:p-150 { padding:150px; }
    .md\:pt-150 { padding-top:150px; }
    .md\:pb-150 { padding-bottom:150px; }
    .md\:pl-150 { padding-left:150px; }
    .md\:pr-150 { padding-right:150px; }

    .md\:m-150 {  margin:150px; }
    .md\:mt-150 { margin-top:150px; }
    .md\:mb-150 { margin-bottom:150px; }
    .md\:ml-150 { margin-left:150px; }
    .md\:mr-150 { margin-right:150px; }

    .md\:ml--150 { margin-left:-150px; }
    .md\:mr--150 { margin-right:-150px; }

    .md\:mt--150 { margin-top:-150px; }
    .md\:mb--150 { margin-bottom:-150px; }

    .md\:max--150 { max-width:150%; }
    .md\:mt---150 { margin-top:-150%; }
    .md\:mb---150 { margin-bottom:-150%; }
    
    

    
    .md\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .md\:max-50 { max-width:50px; }
    .md\:text-2{ font-size:2px; } 

    
    .md\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .md\:max-100 { max-width:100px; }
    .md\:text-4{ font-size:4px; } 

    
    .md\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .md\:max-150 { max-width:150px; }
    .md\:text-6{ font-size:6px; } 

    
    .md\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .md\:max-200 { max-width:200px; }
    .md\:text-8{ font-size:8px; } 

    
    .md\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .md\:max-250 { max-width:250px; }
    .md\:text-10{ font-size:10px; } 

    
    .md\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .md\:max-300 { max-width:300px; }
    .md\:text-12{ font-size:12px; } 

    
    .md\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .md\:max-350 { max-width:350px; }
    .md\:text-14{ font-size:14px; } 

    
    .md\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .md\:max-400 { max-width:400px; }
    .md\:text-16{ font-size:16px; } 

    
    .md\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .md\:max-450 { max-width:450px; }
    .md\:text-18{ font-size:18px; } 

    
    .md\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .md\:max-500 { max-width:500px; }
    .md\:text-20{ font-size:20px; } 

    
    .md\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .md\:max-550 { max-width:550px; }
    .md\:text-22{ font-size:22px; } 

    
    .md\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .md\:max-600 { max-width:600px; }
    .md\:text-24{ font-size:24px; } 

    
    .md\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .md\:max-650 { max-width:650px; }
    .md\:text-26{ font-size:26px; } 

    
    .md\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .md\:max-700 { max-width:700px; }
    .md\:text-28{ font-size:28px; } 

    
    .md\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .md\:max-750 { max-width:750px; }
    .md\:text-30{ font-size:30px; } 

    
    .md\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .md\:max-800 { max-width:800px; }
    .md\:text-32{ font-size:32px; } 

    
    .md\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .md\:max-850 { max-width:850px; }
    .md\:text-34{ font-size:34px; } 

    
    .md\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .md\:max-900 { max-width:900px; }
    .md\:text-36{ font-size:36px; } 

    
    .md\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .md\:max-950 { max-width:950px; }
    .md\:text-38{ font-size:38px; } 

    
    .md\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .md\:max-1000 { max-width:1000px; }
    .md\:text-40{ font-size:40px; } 

    
    .md\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .md\:max-1050 { max-width:1050px; }
    .md\:text-42{ font-size:42px; } 

    
    .md\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .md\:max-1100 { max-width:1100px; }
    .md\:text-44{ font-size:44px; } 

    
    .md\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .md\:max-1150 { max-width:1150px; }
    .md\:text-46{ font-size:46px; } 

    
    .md\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .md\:max-1200 { max-width:1200px; }
    .md\:text-48{ font-size:48px; } 

    
    .md\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .md\:max-1250 { max-width:1250px; }
    .md\:text-50{ font-size:50px; } 

    
    .md\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .md\:max-1300 { max-width:1300px; }
    .md\:text-52{ font-size:52px; } 

    
    .md\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .md\:max-1350 { max-width:1350px; }
    .md\:text-54{ font-size:54px; } 

    
    .md\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .md\:max-1400 { max-width:1400px; }
    .md\:text-56{ font-size:56px; } 

    
    .md\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .md\:max-1450 { max-width:1450px; }
    .md\:text-58{ font-size:58px; } 

    

    .md\:max-full { max-width:100%; }
    .md\:ml-auto{ margin-left:auto; }
    .md\:mr-auto{ margin-right:auto; }
    .md\:vh-100{ height:100vh; }
    .md\:vh-auto{ height:auto; }
}


@media(min-width:1200px){
    
    
    .lg\:d-block {
        display:block;
    }
    
    .lg\:d-inline-block {
        display:inline-block;
    }
    
    .lg\:d-flex {
        display:flex;
    }
    
    .lg\:d-inline-flex {
        display:inline-flex;
    }
    
    .lg\:d-none {
        display:none;
    }
    
    
    
    .lg\:align-center {
        align-items:center;
    }
    
    .lg\:align-flex-start {
        align-items:flex-start;
    }
    
    .lg\:align-flex-end {
        align-items:flex-end;
    }
    
    .lg\:align-normal {
        align-items:normal;
    }
    
    
    
    .lg\:justify-center {
        justify-content:center;
    }
    
    .lg\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .lg\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .lg\:justify-space-around {
        justify-content:space-around;
    }
    
    .lg\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .lg\:text-left {
        text-align:left;
    }
    
    .lg\:text-right {
        text-align:right;
    }
    
    .lg\:text-center {
        text-align:center;
    }
    
    
    
    .lg\:direction-column {
        flex-direction:column;
    }
    
    .lg\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .lg\:direction-row {
        flex-direction:row;
    }
    
    .lg\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .lg\:p--0 { padding:0px !important; }
    .lg\:p-0 { padding:0px; }
    .lg\:pt-0 { padding-top:0px; }
    .lg\:pb-0 { padding-bottom:0px; }
    .lg\:pl-0 { padding-left:0px; }
    .lg\:pr-0 { padding-right:0px; }

    .lg\:m-0 {  margin:0px; }
    .lg\:mt-0 { margin-top:0px; }
    .lg\:mb-0 { margin-bottom:0px; }
    .lg\:ml-0 { margin-left:0px; }
    .lg\:mr-0 { margin-right:0px; }

    .lg\:ml--0 { margin-left:-0px; }
    .lg\:mr--0 { margin-right:-0px; }

    .lg\:mt--0 { margin-top:-0px; }
    .lg\:mb--0 { margin-bottom:-0px; }

    .lg\:max--0 { max-width:0%; }
    .lg\:mt---0 { margin-top:-0%; }
    .lg\:mb---0 { margin-bottom:-0%; }
    
    
    .lg\:p--5 { padding:5px !important; }
    .lg\:p-5 { padding:5px; }
    .lg\:pt-5 { padding-top:5px; }
    .lg\:pb-5 { padding-bottom:5px; }
    .lg\:pl-5 { padding-left:5px; }
    .lg\:pr-5 { padding-right:5px; }

    .lg\:m-5 {  margin:5px; }
    .lg\:mt-5 { margin-top:5px; }
    .lg\:mb-5 { margin-bottom:5px; }
    .lg\:ml-5 { margin-left:5px; }
    .lg\:mr-5 { margin-right:5px; }

    .lg\:ml--5 { margin-left:-5px; }
    .lg\:mr--5 { margin-right:-5px; }

    .lg\:mt--5 { margin-top:-5px; }
    .lg\:mb--5 { margin-bottom:-5px; }

    .lg\:max--5 { max-width:5%; }
    .lg\:mt---5 { margin-top:-5%; }
    .lg\:mb---5 { margin-bottom:-5%; }
    
    
    .lg\:p--10 { padding:10px !important; }
    .lg\:p-10 { padding:10px; }
    .lg\:pt-10 { padding-top:10px; }
    .lg\:pb-10 { padding-bottom:10px; }
    .lg\:pl-10 { padding-left:10px; }
    .lg\:pr-10 { padding-right:10px; }

    .lg\:m-10 {  margin:10px; }
    .lg\:mt-10 { margin-top:10px; }
    .lg\:mb-10 { margin-bottom:10px; }
    .lg\:ml-10 { margin-left:10px; }
    .lg\:mr-10 { margin-right:10px; }

    .lg\:ml--10 { margin-left:-10px; }
    .lg\:mr--10 { margin-right:-10px; }

    .lg\:mt--10 { margin-top:-10px; }
    .lg\:mb--10 { margin-bottom:-10px; }

    .lg\:max--10 { max-width:10%; }
    .lg\:mt---10 { margin-top:-10%; }
    .lg\:mb---10 { margin-bottom:-10%; }
    
    
    .lg\:p--15 { padding:15px !important; }
    .lg\:p-15 { padding:15px; }
    .lg\:pt-15 { padding-top:15px; }
    .lg\:pb-15 { padding-bottom:15px; }
    .lg\:pl-15 { padding-left:15px; }
    .lg\:pr-15 { padding-right:15px; }

    .lg\:m-15 {  margin:15px; }
    .lg\:mt-15 { margin-top:15px; }
    .lg\:mb-15 { margin-bottom:15px; }
    .lg\:ml-15 { margin-left:15px; }
    .lg\:mr-15 { margin-right:15px; }

    .lg\:ml--15 { margin-left:-15px; }
    .lg\:mr--15 { margin-right:-15px; }

    .lg\:mt--15 { margin-top:-15px; }
    .lg\:mb--15 { margin-bottom:-15px; }

    .lg\:max--15 { max-width:15%; }
    .lg\:mt---15 { margin-top:-15%; }
    .lg\:mb---15 { margin-bottom:-15%; }
    
    
    .lg\:p--20 { padding:20px !important; }
    .lg\:p-20 { padding:20px; }
    .lg\:pt-20 { padding-top:20px; }
    .lg\:pb-20 { padding-bottom:20px; }
    .lg\:pl-20 { padding-left:20px; }
    .lg\:pr-20 { padding-right:20px; }

    .lg\:m-20 {  margin:20px; }
    .lg\:mt-20 { margin-top:20px; }
    .lg\:mb-20 { margin-bottom:20px; }
    .lg\:ml-20 { margin-left:20px; }
    .lg\:mr-20 { margin-right:20px; }

    .lg\:ml--20 { margin-left:-20px; }
    .lg\:mr--20 { margin-right:-20px; }

    .lg\:mt--20 { margin-top:-20px; }
    .lg\:mb--20 { margin-bottom:-20px; }

    .lg\:max--20 { max-width:20%; }
    .lg\:mt---20 { margin-top:-20%; }
    .lg\:mb---20 { margin-bottom:-20%; }
    
    
    .lg\:p--25 { padding:25px !important; }
    .lg\:p-25 { padding:25px; }
    .lg\:pt-25 { padding-top:25px; }
    .lg\:pb-25 { padding-bottom:25px; }
    .lg\:pl-25 { padding-left:25px; }
    .lg\:pr-25 { padding-right:25px; }

    .lg\:m-25 {  margin:25px; }
    .lg\:mt-25 { margin-top:25px; }
    .lg\:mb-25 { margin-bottom:25px; }
    .lg\:ml-25 { margin-left:25px; }
    .lg\:mr-25 { margin-right:25px; }

    .lg\:ml--25 { margin-left:-25px; }
    .lg\:mr--25 { margin-right:-25px; }

    .lg\:mt--25 { margin-top:-25px; }
    .lg\:mb--25 { margin-bottom:-25px; }

    .lg\:max--25 { max-width:25%; }
    .lg\:mt---25 { margin-top:-25%; }
    .lg\:mb---25 { margin-bottom:-25%; }
    
    
    .lg\:p--30 { padding:30px !important; }
    .lg\:p-30 { padding:30px; }
    .lg\:pt-30 { padding-top:30px; }
    .lg\:pb-30 { padding-bottom:30px; }
    .lg\:pl-30 { padding-left:30px; }
    .lg\:pr-30 { padding-right:30px; }

    .lg\:m-30 {  margin:30px; }
    .lg\:mt-30 { margin-top:30px; }
    .lg\:mb-30 { margin-bottom:30px; }
    .lg\:ml-30 { margin-left:30px; }
    .lg\:mr-30 { margin-right:30px; }

    .lg\:ml--30 { margin-left:-30px; }
    .lg\:mr--30 { margin-right:-30px; }

    .lg\:mt--30 { margin-top:-30px; }
    .lg\:mb--30 { margin-bottom:-30px; }

    .lg\:max--30 { max-width:30%; }
    .lg\:mt---30 { margin-top:-30%; }
    .lg\:mb---30 { margin-bottom:-30%; }
    
    
    .lg\:p--35 { padding:35px !important; }
    .lg\:p-35 { padding:35px; }
    .lg\:pt-35 { padding-top:35px; }
    .lg\:pb-35 { padding-bottom:35px; }
    .lg\:pl-35 { padding-left:35px; }
    .lg\:pr-35 { padding-right:35px; }

    .lg\:m-35 {  margin:35px; }
    .lg\:mt-35 { margin-top:35px; }
    .lg\:mb-35 { margin-bottom:35px; }
    .lg\:ml-35 { margin-left:35px; }
    .lg\:mr-35 { margin-right:35px; }

    .lg\:ml--35 { margin-left:-35px; }
    .lg\:mr--35 { margin-right:-35px; }

    .lg\:mt--35 { margin-top:-35px; }
    .lg\:mb--35 { margin-bottom:-35px; }

    .lg\:max--35 { max-width:35%; }
    .lg\:mt---35 { margin-top:-35%; }
    .lg\:mb---35 { margin-bottom:-35%; }
    
    
    .lg\:p--40 { padding:40px !important; }
    .lg\:p-40 { padding:40px; }
    .lg\:pt-40 { padding-top:40px; }
    .lg\:pb-40 { padding-bottom:40px; }
    .lg\:pl-40 { padding-left:40px; }
    .lg\:pr-40 { padding-right:40px; }

    .lg\:m-40 {  margin:40px; }
    .lg\:mt-40 { margin-top:40px; }
    .lg\:mb-40 { margin-bottom:40px; }
    .lg\:ml-40 { margin-left:40px; }
    .lg\:mr-40 { margin-right:40px; }

    .lg\:ml--40 { margin-left:-40px; }
    .lg\:mr--40 { margin-right:-40px; }

    .lg\:mt--40 { margin-top:-40px; }
    .lg\:mb--40 { margin-bottom:-40px; }

    .lg\:max--40 { max-width:40%; }
    .lg\:mt---40 { margin-top:-40%; }
    .lg\:mb---40 { margin-bottom:-40%; }
    
    
    .lg\:p--45 { padding:45px !important; }
    .lg\:p-45 { padding:45px; }
    .lg\:pt-45 { padding-top:45px; }
    .lg\:pb-45 { padding-bottom:45px; }
    .lg\:pl-45 { padding-left:45px; }
    .lg\:pr-45 { padding-right:45px; }

    .lg\:m-45 {  margin:45px; }
    .lg\:mt-45 { margin-top:45px; }
    .lg\:mb-45 { margin-bottom:45px; }
    .lg\:ml-45 { margin-left:45px; }
    .lg\:mr-45 { margin-right:45px; }

    .lg\:ml--45 { margin-left:-45px; }
    .lg\:mr--45 { margin-right:-45px; }

    .lg\:mt--45 { margin-top:-45px; }
    .lg\:mb--45 { margin-bottom:-45px; }

    .lg\:max--45 { max-width:45%; }
    .lg\:mt---45 { margin-top:-45%; }
    .lg\:mb---45 { margin-bottom:-45%; }
    
    
    .lg\:p--50 { padding:50px !important; }
    .lg\:p-50 { padding:50px; }
    .lg\:pt-50 { padding-top:50px; }
    .lg\:pb-50 { padding-bottom:50px; }
    .lg\:pl-50 { padding-left:50px; }
    .lg\:pr-50 { padding-right:50px; }

    .lg\:m-50 {  margin:50px; }
    .lg\:mt-50 { margin-top:50px; }
    .lg\:mb-50 { margin-bottom:50px; }
    .lg\:ml-50 { margin-left:50px; }
    .lg\:mr-50 { margin-right:50px; }

    .lg\:ml--50 { margin-left:-50px; }
    .lg\:mr--50 { margin-right:-50px; }

    .lg\:mt--50 { margin-top:-50px; }
    .lg\:mb--50 { margin-bottom:-50px; }

    .lg\:max--50 { max-width:50%; }
    .lg\:mt---50 { margin-top:-50%; }
    .lg\:mb---50 { margin-bottom:-50%; }
    
    
    .lg\:p--55 { padding:55px !important; }
    .lg\:p-55 { padding:55px; }
    .lg\:pt-55 { padding-top:55px; }
    .lg\:pb-55 { padding-bottom:55px; }
    .lg\:pl-55 { padding-left:55px; }
    .lg\:pr-55 { padding-right:55px; }

    .lg\:m-55 {  margin:55px; }
    .lg\:mt-55 { margin-top:55px; }
    .lg\:mb-55 { margin-bottom:55px; }
    .lg\:ml-55 { margin-left:55px; }
    .lg\:mr-55 { margin-right:55px; }

    .lg\:ml--55 { margin-left:-55px; }
    .lg\:mr--55 { margin-right:-55px; }

    .lg\:mt--55 { margin-top:-55px; }
    .lg\:mb--55 { margin-bottom:-55px; }

    .lg\:max--55 { max-width:55%; }
    .lg\:mt---55 { margin-top:-55%; }
    .lg\:mb---55 { margin-bottom:-55%; }
    
    
    .lg\:p--60 { padding:60px !important; }
    .lg\:p-60 { padding:60px; }
    .lg\:pt-60 { padding-top:60px; }
    .lg\:pb-60 { padding-bottom:60px; }
    .lg\:pl-60 { padding-left:60px; }
    .lg\:pr-60 { padding-right:60px; }

    .lg\:m-60 {  margin:60px; }
    .lg\:mt-60 { margin-top:60px; }
    .lg\:mb-60 { margin-bottom:60px; }
    .lg\:ml-60 { margin-left:60px; }
    .lg\:mr-60 { margin-right:60px; }

    .lg\:ml--60 { margin-left:-60px; }
    .lg\:mr--60 { margin-right:-60px; }

    .lg\:mt--60 { margin-top:-60px; }
    .lg\:mb--60 { margin-bottom:-60px; }

    .lg\:max--60 { max-width:60%; }
    .lg\:mt---60 { margin-top:-60%; }
    .lg\:mb---60 { margin-bottom:-60%; }
    
    
    .lg\:p--65 { padding:65px !important; }
    .lg\:p-65 { padding:65px; }
    .lg\:pt-65 { padding-top:65px; }
    .lg\:pb-65 { padding-bottom:65px; }
    .lg\:pl-65 { padding-left:65px; }
    .lg\:pr-65 { padding-right:65px; }

    .lg\:m-65 {  margin:65px; }
    .lg\:mt-65 { margin-top:65px; }
    .lg\:mb-65 { margin-bottom:65px; }
    .lg\:ml-65 { margin-left:65px; }
    .lg\:mr-65 { margin-right:65px; }

    .lg\:ml--65 { margin-left:-65px; }
    .lg\:mr--65 { margin-right:-65px; }

    .lg\:mt--65 { margin-top:-65px; }
    .lg\:mb--65 { margin-bottom:-65px; }

    .lg\:max--65 { max-width:65%; }
    .lg\:mt---65 { margin-top:-65%; }
    .lg\:mb---65 { margin-bottom:-65%; }
    
    
    .lg\:p--70 { padding:70px !important; }
    .lg\:p-70 { padding:70px; }
    .lg\:pt-70 { padding-top:70px; }
    .lg\:pb-70 { padding-bottom:70px; }
    .lg\:pl-70 { padding-left:70px; }
    .lg\:pr-70 { padding-right:70px; }

    .lg\:m-70 {  margin:70px; }
    .lg\:mt-70 { margin-top:70px; }
    .lg\:mb-70 { margin-bottom:70px; }
    .lg\:ml-70 { margin-left:70px; }
    .lg\:mr-70 { margin-right:70px; }

    .lg\:ml--70 { margin-left:-70px; }
    .lg\:mr--70 { margin-right:-70px; }

    .lg\:mt--70 { margin-top:-70px; }
    .lg\:mb--70 { margin-bottom:-70px; }

    .lg\:max--70 { max-width:70%; }
    .lg\:mt---70 { margin-top:-70%; }
    .lg\:mb---70 { margin-bottom:-70%; }
    
    
    .lg\:p--75 { padding:75px !important; }
    .lg\:p-75 { padding:75px; }
    .lg\:pt-75 { padding-top:75px; }
    .lg\:pb-75 { padding-bottom:75px; }
    .lg\:pl-75 { padding-left:75px; }
    .lg\:pr-75 { padding-right:75px; }

    .lg\:m-75 {  margin:75px; }
    .lg\:mt-75 { margin-top:75px; }
    .lg\:mb-75 { margin-bottom:75px; }
    .lg\:ml-75 { margin-left:75px; }
    .lg\:mr-75 { margin-right:75px; }

    .lg\:ml--75 { margin-left:-75px; }
    .lg\:mr--75 { margin-right:-75px; }

    .lg\:mt--75 { margin-top:-75px; }
    .lg\:mb--75 { margin-bottom:-75px; }

    .lg\:max--75 { max-width:75%; }
    .lg\:mt---75 { margin-top:-75%; }
    .lg\:mb---75 { margin-bottom:-75%; }
    
    
    .lg\:p--80 { padding:80px !important; }
    .lg\:p-80 { padding:80px; }
    .lg\:pt-80 { padding-top:80px; }
    .lg\:pb-80 { padding-bottom:80px; }
    .lg\:pl-80 { padding-left:80px; }
    .lg\:pr-80 { padding-right:80px; }

    .lg\:m-80 {  margin:80px; }
    .lg\:mt-80 { margin-top:80px; }
    .lg\:mb-80 { margin-bottom:80px; }
    .lg\:ml-80 { margin-left:80px; }
    .lg\:mr-80 { margin-right:80px; }

    .lg\:ml--80 { margin-left:-80px; }
    .lg\:mr--80 { margin-right:-80px; }

    .lg\:mt--80 { margin-top:-80px; }
    .lg\:mb--80 { margin-bottom:-80px; }

    .lg\:max--80 { max-width:80%; }
    .lg\:mt---80 { margin-top:-80%; }
    .lg\:mb---80 { margin-bottom:-80%; }
    
    
    .lg\:p--85 { padding:85px !important; }
    .lg\:p-85 { padding:85px; }
    .lg\:pt-85 { padding-top:85px; }
    .lg\:pb-85 { padding-bottom:85px; }
    .lg\:pl-85 { padding-left:85px; }
    .lg\:pr-85 { padding-right:85px; }

    .lg\:m-85 {  margin:85px; }
    .lg\:mt-85 { margin-top:85px; }
    .lg\:mb-85 { margin-bottom:85px; }
    .lg\:ml-85 { margin-left:85px; }
    .lg\:mr-85 { margin-right:85px; }

    .lg\:ml--85 { margin-left:-85px; }
    .lg\:mr--85 { margin-right:-85px; }

    .lg\:mt--85 { margin-top:-85px; }
    .lg\:mb--85 { margin-bottom:-85px; }

    .lg\:max--85 { max-width:85%; }
    .lg\:mt---85 { margin-top:-85%; }
    .lg\:mb---85 { margin-bottom:-85%; }
    
    
    .lg\:p--90 { padding:90px !important; }
    .lg\:p-90 { padding:90px; }
    .lg\:pt-90 { padding-top:90px; }
    .lg\:pb-90 { padding-bottom:90px; }
    .lg\:pl-90 { padding-left:90px; }
    .lg\:pr-90 { padding-right:90px; }

    .lg\:m-90 {  margin:90px; }
    .lg\:mt-90 { margin-top:90px; }
    .lg\:mb-90 { margin-bottom:90px; }
    .lg\:ml-90 { margin-left:90px; }
    .lg\:mr-90 { margin-right:90px; }

    .lg\:ml--90 { margin-left:-90px; }
    .lg\:mr--90 { margin-right:-90px; }

    .lg\:mt--90 { margin-top:-90px; }
    .lg\:mb--90 { margin-bottom:-90px; }

    .lg\:max--90 { max-width:90%; }
    .lg\:mt---90 { margin-top:-90%; }
    .lg\:mb---90 { margin-bottom:-90%; }
    
    
    .lg\:p--95 { padding:95px !important; }
    .lg\:p-95 { padding:95px; }
    .lg\:pt-95 { padding-top:95px; }
    .lg\:pb-95 { padding-bottom:95px; }
    .lg\:pl-95 { padding-left:95px; }
    .lg\:pr-95 { padding-right:95px; }

    .lg\:m-95 {  margin:95px; }
    .lg\:mt-95 { margin-top:95px; }
    .lg\:mb-95 { margin-bottom:95px; }
    .lg\:ml-95 { margin-left:95px; }
    .lg\:mr-95 { margin-right:95px; }

    .lg\:ml--95 { margin-left:-95px; }
    .lg\:mr--95 { margin-right:-95px; }

    .lg\:mt--95 { margin-top:-95px; }
    .lg\:mb--95 { margin-bottom:-95px; }

    .lg\:max--95 { max-width:95%; }
    .lg\:mt---95 { margin-top:-95%; }
    .lg\:mb---95 { margin-bottom:-95%; }
    
    
    .lg\:p--100 { padding:100px !important; }
    .lg\:p-100 { padding:100px; }
    .lg\:pt-100 { padding-top:100px; }
    .lg\:pb-100 { padding-bottom:100px; }
    .lg\:pl-100 { padding-left:100px; }
    .lg\:pr-100 { padding-right:100px; }

    .lg\:m-100 {  margin:100px; }
    .lg\:mt-100 { margin-top:100px; }
    .lg\:mb-100 { margin-bottom:100px; }
    .lg\:ml-100 { margin-left:100px; }
    .lg\:mr-100 { margin-right:100px; }

    .lg\:ml--100 { margin-left:-100px; }
    .lg\:mr--100 { margin-right:-100px; }

    .lg\:mt--100 { margin-top:-100px; }
    .lg\:mb--100 { margin-bottom:-100px; }

    .lg\:max--100 { max-width:100%; }
    .lg\:mt---100 { margin-top:-100%; }
    .lg\:mb---100 { margin-bottom:-100%; }
    
    
    .lg\:p--105 { padding:105px !important; }
    .lg\:p-105 { padding:105px; }
    .lg\:pt-105 { padding-top:105px; }
    .lg\:pb-105 { padding-bottom:105px; }
    .lg\:pl-105 { padding-left:105px; }
    .lg\:pr-105 { padding-right:105px; }

    .lg\:m-105 {  margin:105px; }
    .lg\:mt-105 { margin-top:105px; }
    .lg\:mb-105 { margin-bottom:105px; }
    .lg\:ml-105 { margin-left:105px; }
    .lg\:mr-105 { margin-right:105px; }

    .lg\:ml--105 { margin-left:-105px; }
    .lg\:mr--105 { margin-right:-105px; }

    .lg\:mt--105 { margin-top:-105px; }
    .lg\:mb--105 { margin-bottom:-105px; }

    .lg\:max--105 { max-width:105%; }
    .lg\:mt---105 { margin-top:-105%; }
    .lg\:mb---105 { margin-bottom:-105%; }
    
    
    .lg\:p--110 { padding:110px !important; }
    .lg\:p-110 { padding:110px; }
    .lg\:pt-110 { padding-top:110px; }
    .lg\:pb-110 { padding-bottom:110px; }
    .lg\:pl-110 { padding-left:110px; }
    .lg\:pr-110 { padding-right:110px; }

    .lg\:m-110 {  margin:110px; }
    .lg\:mt-110 { margin-top:110px; }
    .lg\:mb-110 { margin-bottom:110px; }
    .lg\:ml-110 { margin-left:110px; }
    .lg\:mr-110 { margin-right:110px; }

    .lg\:ml--110 { margin-left:-110px; }
    .lg\:mr--110 { margin-right:-110px; }

    .lg\:mt--110 { margin-top:-110px; }
    .lg\:mb--110 { margin-bottom:-110px; }

    .lg\:max--110 { max-width:110%; }
    .lg\:mt---110 { margin-top:-110%; }
    .lg\:mb---110 { margin-bottom:-110%; }
    
    
    .lg\:p--115 { padding:115px !important; }
    .lg\:p-115 { padding:115px; }
    .lg\:pt-115 { padding-top:115px; }
    .lg\:pb-115 { padding-bottom:115px; }
    .lg\:pl-115 { padding-left:115px; }
    .lg\:pr-115 { padding-right:115px; }

    .lg\:m-115 {  margin:115px; }
    .lg\:mt-115 { margin-top:115px; }
    .lg\:mb-115 { margin-bottom:115px; }
    .lg\:ml-115 { margin-left:115px; }
    .lg\:mr-115 { margin-right:115px; }

    .lg\:ml--115 { margin-left:-115px; }
    .lg\:mr--115 { margin-right:-115px; }

    .lg\:mt--115 { margin-top:-115px; }
    .lg\:mb--115 { margin-bottom:-115px; }

    .lg\:max--115 { max-width:115%; }
    .lg\:mt---115 { margin-top:-115%; }
    .lg\:mb---115 { margin-bottom:-115%; }
    
    
    .lg\:p--120 { padding:120px !important; }
    .lg\:p-120 { padding:120px; }
    .lg\:pt-120 { padding-top:120px; }
    .lg\:pb-120 { padding-bottom:120px; }
    .lg\:pl-120 { padding-left:120px; }
    .lg\:pr-120 { padding-right:120px; }

    .lg\:m-120 {  margin:120px; }
    .lg\:mt-120 { margin-top:120px; }
    .lg\:mb-120 { margin-bottom:120px; }
    .lg\:ml-120 { margin-left:120px; }
    .lg\:mr-120 { margin-right:120px; }

    .lg\:ml--120 { margin-left:-120px; }
    .lg\:mr--120 { margin-right:-120px; }

    .lg\:mt--120 { margin-top:-120px; }
    .lg\:mb--120 { margin-bottom:-120px; }

    .lg\:max--120 { max-width:120%; }
    .lg\:mt---120 { margin-top:-120%; }
    .lg\:mb---120 { margin-bottom:-120%; }
    
    
    .lg\:p--125 { padding:125px !important; }
    .lg\:p-125 { padding:125px; }
    .lg\:pt-125 { padding-top:125px; }
    .lg\:pb-125 { padding-bottom:125px; }
    .lg\:pl-125 { padding-left:125px; }
    .lg\:pr-125 { padding-right:125px; }

    .lg\:m-125 {  margin:125px; }
    .lg\:mt-125 { margin-top:125px; }
    .lg\:mb-125 { margin-bottom:125px; }
    .lg\:ml-125 { margin-left:125px; }
    .lg\:mr-125 { margin-right:125px; }

    .lg\:ml--125 { margin-left:-125px; }
    .lg\:mr--125 { margin-right:-125px; }

    .lg\:mt--125 { margin-top:-125px; }
    .lg\:mb--125 { margin-bottom:-125px; }

    .lg\:max--125 { max-width:125%; }
    .lg\:mt---125 { margin-top:-125%; }
    .lg\:mb---125 { margin-bottom:-125%; }
    
    
    .lg\:p--130 { padding:130px !important; }
    .lg\:p-130 { padding:130px; }
    .lg\:pt-130 { padding-top:130px; }
    .lg\:pb-130 { padding-bottom:130px; }
    .lg\:pl-130 { padding-left:130px; }
    .lg\:pr-130 { padding-right:130px; }

    .lg\:m-130 {  margin:130px; }
    .lg\:mt-130 { margin-top:130px; }
    .lg\:mb-130 { margin-bottom:130px; }
    .lg\:ml-130 { margin-left:130px; }
    .lg\:mr-130 { margin-right:130px; }

    .lg\:ml--130 { margin-left:-130px; }
    .lg\:mr--130 { margin-right:-130px; }

    .lg\:mt--130 { margin-top:-130px; }
    .lg\:mb--130 { margin-bottom:-130px; }

    .lg\:max--130 { max-width:130%; }
    .lg\:mt---130 { margin-top:-130%; }
    .lg\:mb---130 { margin-bottom:-130%; }
    
    
    .lg\:p--135 { padding:135px !important; }
    .lg\:p-135 { padding:135px; }
    .lg\:pt-135 { padding-top:135px; }
    .lg\:pb-135 { padding-bottom:135px; }
    .lg\:pl-135 { padding-left:135px; }
    .lg\:pr-135 { padding-right:135px; }

    .lg\:m-135 {  margin:135px; }
    .lg\:mt-135 { margin-top:135px; }
    .lg\:mb-135 { margin-bottom:135px; }
    .lg\:ml-135 { margin-left:135px; }
    .lg\:mr-135 { margin-right:135px; }

    .lg\:ml--135 { margin-left:-135px; }
    .lg\:mr--135 { margin-right:-135px; }

    .lg\:mt--135 { margin-top:-135px; }
    .lg\:mb--135 { margin-bottom:-135px; }

    .lg\:max--135 { max-width:135%; }
    .lg\:mt---135 { margin-top:-135%; }
    .lg\:mb---135 { margin-bottom:-135%; }
    
    
    .lg\:p--140 { padding:140px !important; }
    .lg\:p-140 { padding:140px; }
    .lg\:pt-140 { padding-top:140px; }
    .lg\:pb-140 { padding-bottom:140px; }
    .lg\:pl-140 { padding-left:140px; }
    .lg\:pr-140 { padding-right:140px; }

    .lg\:m-140 {  margin:140px; }
    .lg\:mt-140 { margin-top:140px; }
    .lg\:mb-140 { margin-bottom:140px; }
    .lg\:ml-140 { margin-left:140px; }
    .lg\:mr-140 { margin-right:140px; }

    .lg\:ml--140 { margin-left:-140px; }
    .lg\:mr--140 { margin-right:-140px; }

    .lg\:mt--140 { margin-top:-140px; }
    .lg\:mb--140 { margin-bottom:-140px; }

    .lg\:max--140 { max-width:140%; }
    .lg\:mt---140 { margin-top:-140%; }
    .lg\:mb---140 { margin-bottom:-140%; }
    
    
    .lg\:p--145 { padding:145px !important; }
    .lg\:p-145 { padding:145px; }
    .lg\:pt-145 { padding-top:145px; }
    .lg\:pb-145 { padding-bottom:145px; }
    .lg\:pl-145 { padding-left:145px; }
    .lg\:pr-145 { padding-right:145px; }

    .lg\:m-145 {  margin:145px; }
    .lg\:mt-145 { margin-top:145px; }
    .lg\:mb-145 { margin-bottom:145px; }
    .lg\:ml-145 { margin-left:145px; }
    .lg\:mr-145 { margin-right:145px; }

    .lg\:ml--145 { margin-left:-145px; }
    .lg\:mr--145 { margin-right:-145px; }

    .lg\:mt--145 { margin-top:-145px; }
    .lg\:mb--145 { margin-bottom:-145px; }

    .lg\:max--145 { max-width:145%; }
    .lg\:mt---145 { margin-top:-145%; }
    .lg\:mb---145 { margin-bottom:-145%; }
    
    
    .lg\:p--150 { padding:150px !important; }
    .lg\:p-150 { padding:150px; }
    .lg\:pt-150 { padding-top:150px; }
    .lg\:pb-150 { padding-bottom:150px; }
    .lg\:pl-150 { padding-left:150px; }
    .lg\:pr-150 { padding-right:150px; }

    .lg\:m-150 {  margin:150px; }
    .lg\:mt-150 { margin-top:150px; }
    .lg\:mb-150 { margin-bottom:150px; }
    .lg\:ml-150 { margin-left:150px; }
    .lg\:mr-150 { margin-right:150px; }

    .lg\:ml--150 { margin-left:-150px; }
    .lg\:mr--150 { margin-right:-150px; }

    .lg\:mt--150 { margin-top:-150px; }
    .lg\:mb--150 { margin-bottom:-150px; }

    .lg\:max--150 { max-width:150%; }
    .lg\:mt---150 { margin-top:-150%; }
    .lg\:mb---150 { margin-bottom:-150%; }
    
    

    
    .lg\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .lg\:max-50 { max-width:50px; }
    .lg\:text-2{ font-size:2px; } 

    
    .lg\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .lg\:max-100 { max-width:100px; }
    .lg\:text-4{ font-size:4px; } 

    
    .lg\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .lg\:max-150 { max-width:150px; }
    .lg\:text-6{ font-size:6px; } 

    
    .lg\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .lg\:max-200 { max-width:200px; }
    .lg\:text-8{ font-size:8px; } 

    
    .lg\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .lg\:max-250 { max-width:250px; }
    .lg\:text-10{ font-size:10px; } 

    
    .lg\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .lg\:max-300 { max-width:300px; }
    .lg\:text-12{ font-size:12px; } 

    
    .lg\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .lg\:max-350 { max-width:350px; }
    .lg\:text-14{ font-size:14px; } 

    
    .lg\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .lg\:max-400 { max-width:400px; }
    .lg\:text-16{ font-size:16px; } 

    
    .lg\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .lg\:max-450 { max-width:450px; }
    .lg\:text-18{ font-size:18px; } 

    
    .lg\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .lg\:max-500 { max-width:500px; }
    .lg\:text-20{ font-size:20px; } 

    
    .lg\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .lg\:max-550 { max-width:550px; }
    .lg\:text-22{ font-size:22px; } 

    
    .lg\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .lg\:max-600 { max-width:600px; }
    .lg\:text-24{ font-size:24px; } 

    
    .lg\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .lg\:max-650 { max-width:650px; }
    .lg\:text-26{ font-size:26px; } 

    
    .lg\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .lg\:max-700 { max-width:700px; }
    .lg\:text-28{ font-size:28px; } 

    
    .lg\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .lg\:max-750 { max-width:750px; }
    .lg\:text-30{ font-size:30px; } 

    
    .lg\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .lg\:max-800 { max-width:800px; }
    .lg\:text-32{ font-size:32px; } 

    
    .lg\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .lg\:max-850 { max-width:850px; }
    .lg\:text-34{ font-size:34px; } 

    
    .lg\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .lg\:max-900 { max-width:900px; }
    .lg\:text-36{ font-size:36px; } 

    
    .lg\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .lg\:max-950 { max-width:950px; }
    .lg\:text-38{ font-size:38px; } 

    
    .lg\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .lg\:max-1000 { max-width:1000px; }
    .lg\:text-40{ font-size:40px; } 

    
    .lg\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .lg\:max-1050 { max-width:1050px; }
    .lg\:text-42{ font-size:42px; } 

    
    .lg\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .lg\:max-1100 { max-width:1100px; }
    .lg\:text-44{ font-size:44px; } 

    
    .lg\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .lg\:max-1150 { max-width:1150px; }
    .lg\:text-46{ font-size:46px; } 

    
    .lg\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .lg\:max-1200 { max-width:1200px; }
    .lg\:text-48{ font-size:48px; } 

    
    .lg\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .lg\:max-1250 { max-width:1250px; }
    .lg\:text-50{ font-size:50px; } 

    
    .lg\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .lg\:max-1300 { max-width:1300px; }
    .lg\:text-52{ font-size:52px; } 

    
    .lg\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .lg\:max-1350 { max-width:1350px; }
    .lg\:text-54{ font-size:54px; } 

    
    .lg\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .lg\:max-1400 { max-width:1400px; }
    .lg\:text-56{ font-size:56px; } 

    
    .lg\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .lg\:max-1450 { max-width:1450px; }
    .lg\:text-58{ font-size:58px; } 

    

    .lg\:max-full { max-width:100%; }
    .lg\:ml-auto{ margin-left:auto; }
    .lg\:mr-auto{ margin-right:auto; }
    .lg\:vh-100{ height:100vh; }
    .lg\:vh-auto{ height:auto; }
}



[class*="col-"] { padding-left:15px; padding-right:15px; width:100%; }
.flex-row,.row { margin:0 -15px; display:flex; flex-wrap:wrap; }
.flex-wrap { flex-wrap:wrap; } 
.no-gutter [class*="col-"]{ padding-left:0; padding-right:0;}
.no-gutter{margin:0;}
[class*=max-] {
    width: 100%;
    min-height: 1px;
}
.m-auto{ margin-left:auto; margin-right:auto; }

@media(min-width:1350px){
    
}

[class*=color\:] h1,
[class*=color\:] .h1,

[class*=color\:] h2,
[class*=color\:] .h2,

[class*=color\:] h3,
[class*=color\:] .h3,

[class*=color\:] h4,
[class*=color\:] .h4,

[class*=color\:] h5,
[class*=color\:] .h5,

[class*=color\:] h6,
[class*=color\:] .h6 {
    color:inherit;
}

[class*="row"][class*="p-"] {
/*     padding: 0 !important; */
}

.row.p--15 { margin: 0 -15px; }
.row.p--10 { margin: 0 -10px; }
.row.p--5 { margin: 0 -5px; }



.color-inherit,
.color-inherit h1,
.color-inherit h2,
.color-inherit h3, 
.color-inherit h4,
.color-inherit h5,
.color-inherit h6 { color:inherit; }









/* */

.color\:black{ color:#000000; }
.bg\:black{ background-color:#000000; }

.color\:blue{ color:#005CB9; }
.bg\:blue{ background-color:#005CB9; }

.color\:pink{ color:#005CB9; }
.bg\:pink{ background-color:#005CB9; }

.color\:dark_gray{ color:#7E848D; }
.bg\:dark_gray{ background-color:#7E848D; }

.color\:gray{ color:#CCD0D6; }
.bg\:gray{ background-color:#CCD0D6; }

.color\:light_gray{ color:#E9EAEE; }
.bg\:light_gray{ background-color:#E9EAEE; }

.color\:white{ color:#ffffff; }
.bg\:white{ background-color:#ffffff; }

@media(min-width:768px){
    
    .hover\:black:hover{ color:#000000; }
    .hoverbg\:black:hover{ background-color:#000000; }
    
    .hover\:blue:hover{ color:#005CB9; }
    .hoverbg\:blue:hover{ background-color:#005CB9; }
    
    .hover\:pink:hover{ color:#005CB9; }
    .hoverbg\:pink:hover{ background-color:#005CB9; }
    
    .hover\:dark_gray:hover{ color:#7E848D; }
    .hoverbg\:dark_gray:hover{ background-color:#7E848D; }
    
    .hover\:gray:hover{ color:#CCD0D6; }
    .hoverbg\:gray:hover{ background-color:#CCD0D6; }
    
    .hover\:light_gray:hover{ color:#E9EAEE; }
    .hoverbg\:light_gray:hover{ background-color:#E9EAEE; }
    
    .hover\:white:hover{ color:#ffffff; }
    .hoverbg\:white:hover{ background-color:#ffffff; }
    
    
    
}



.font-100{ font-weight:100; }
.line\:_1_1{ line-height:1.1; }

.font-200{ font-weight:200; }
.line\:_1_2{ line-height:1.2; }

.font-300{ font-weight:300; }
.line\:_1_3{ line-height:1.3; }

.font-400{ font-weight:400; }
.line\:_1_4{ line-height:1.4; }

.font-500{ font-weight:500; }
.line\:_1_5{ line-height:1.5; }

.font-600{ font-weight:600; }
.line\:_1_6{ line-height:1.6; }

.font-700{ font-weight:700; }
.line\:_1_7{ line-height:1.7; }

.font-800{ font-weight:800; }
.line\:_1_8{ line-height:1.8; }

.font-900{ font-weight:900; }
.line\:_1_9{ line-height:1.9; }

/* CSS variables */

:root {
  --column-gap: 2.13%;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--column-gap) * 0.0833);
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--column-gap) * 0.166);
  }

  .row-fluid .span9 {
    width: calc(75% - (var(--column-gap) * 0.25));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--column-gap) * 0.333);
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--column-gap) * 0.4166);
  }

  .row-fluid .span6 {
    width: calc(50% - var(--column-gap) * 0.5);
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--column-gap) * 0.5833);
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--column-gap) * 0.6668);
  }

  .row-fluid .span3 {
    width: calc(25% - var(--column-gap) * 0.75);
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--column-gap) * 0.8333);
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--column-gap) * 0.9166);
  }
}





body {
    margin:0;
    padding:0;
    font-family: DIN-2014; font-style: normal; font-weight: normal; text-decoration: none;
    line-height:1.5;
    color:#000000;
    background:#fff;
    overflow-x: hidden;
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
}

p { padding:0; margin:0; }
p + p { padding-top:20px; }
strong { font-family:var(--din-bold); font-weight:700;}

h1 { color: #000; line-height: 1.2; margin: 0; padding: 0; clear: both; font-family: DIN-2014; font-style: normal; font-weight: 400; text-decoration: none; font-size: 56px; } 
h2 { color: #005CB9; line-height: 1.5; margin: 0; padding: 0; clear: both; font-family: DIN-2014; font-style: normal; font-weight: 600; text-decoration: none; font-size: 32px; }
h3 { color: #005CB9; line-height: 1.5; margin: 0; padding: 0; clear: both; font-family: DIN-2014; font-style: normal; font-weight: 600; text-decoration: none; font-size: 30px; }
h4 { color: #005CB9; line-height: 1.4; margin: 0; padding: 0; clear: both; font-family: DIN-2014; font-style: normal; font-weight: 600; text-decoration: none; font-size: 28px; }
h5 { color: #A7A8A9; line-height: 1.4; margin: 0; padding: 0; clear: both; font-family: DIN-2014; font-style: normal; font-weight: 600; text-decoration: none; font-size: 22px; }
h6 { color: #A7A8A9; line-height: 1.4; margin: 0; padding: 0; clear: both; font-family: DIN-2014; font-style: normal; font-weight: 600; text-decoration: none; font-size: 20px; }

h1 span { color: var(--quaternary-color); }
h2 span { color: var(--quaternary-color); }
h3 span { color: var(--quaternary-color); }
h4 span { color: var(--quaternary-color); } 
h5 span { color: var(--quaternary-color); }
h6 span { color: var(--quaternary-color); }

.general-pages h1,.general-pages .h1 { color: #001F60; line-height: 1.2; margin: 0; padding: 0; clear: both; font-family: DIN-2014; font-style: normal; font-weight: 400; text-decoration: none; font-size: 44px; letter-spacing:0px; }
 

h2.large { color: var(--quaternary-color); font-weight: 400; line-height: 1.2; font-size: calc(30px + (46 - 30) * ((100vw - 320px) / (1920 - 320))); font-family: var(--din-regular); }
.recent_post_head h2 { color: var(--quaternary-color); font-weight: 400; line-height: 1.2; font-size: calc(30px + (46 - 30) * ((100vw - 320px) / (1920 - 320))); font-family: var(--din-regular); }
.medium { font-family: var(--din-medium); }

a { text-decoration:none; outline:none; color:#005CB9; transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s; -ms-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; }
a:hover { color:#001F60; }

/*Text Option*/
.text-uppercase , .title-uppercase h1 , .title-uppercase h2 , .title-uppercase h3 , .title-uppercase h4 , .title-uppercase h5 , .title-uppercase h6 { text-transform:none; }
.text-white , .text-white h1 , .text-white h2 , .text-white h3 , .text-white h4 , .text-white h5 , .text-white h6 { color:#fff; }
.text-blue , .text-blue h1 , .text-blue h2 , .text-blue h3 , .text-blue h4 , .text-blue h5 , .text-blue h6 { color:var(--secondary-color); }
.text-bold , .text-bold h1 , .text-bold h2 , .text-bold h3 , .text-bold h4 , .text-bold h5 , .text-bold h6 { font-weight:bold; }
.text-italic { font-style:italic; }


@media (max-width:991px){
    h2 { font-size: 26px; }
}

@media (max-width:767px){
    h2 { font-size: 22px; }
}
form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea{ box-shadow: none; background: #FFFFFF; border:none; padding: 0 23px; width:100%; border-radius: 12px; border: 1px solid var(--color11); height: 60px;  width:100% !important; color: #636569; font-family: DIN-2014, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-size:24px; margin-top: 6px; }
form textarea { height: 128px; resize: none; padding: 15px; }
form select { font-style: italic; }
form .hs-form-field > label { color: #636569; font-family: DIN-2014, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-size:18px; }
form input::placeholder { color: inherit !important; font-size: 15px; font-weight: 400; font-family: DIN-2014; text-transform: none; }
form select::placeholder { color: inherit !important; font-size: 15px; font-weight: 400; font-family: DIN-2014; text-transform: none; }
form textarea::placeholder { color: inherit !important; font-size: 15px; font-weight: 400; font-family: DIN-2014; text-transform: none; }
input[type="submit"]{ color: #ffffff; margin-bottom: 0px; font-family: DIN-2014; margin-top: 25px; border: 0; padding: 22px 20px; background: #005CB9; min-width:170px; max-width:100%; font-weight:700; text-transform:uppercase; cursor:pointer; transition: all .5s ease-in-out; border-radius: 28px; width: 325px; max-width: 100%; font-size: 18px; }
input[type="submit"]:hover { background: var(--tertiary-color); color:#fff; }
.field.hs-form-field { margin-bottom: 20px; }
form ul.hs-error-msgs { padding: 0; font-size: 12px; color: #f00; }
form ul.hs-error-msgs li:before { display: none; } 
form ul.hs-error-msgs li { padding: 0; }
.hs_error_rollup { display: none; }
.submitted-message { display: inline-block; width: 100%; vertical-align: top; background-color: #d4edda; text-align: center; padding: 15px; border-radius: 4px; color: #155724; }

fieldset { max-width:100% !important; }
fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 10px; }
fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 10px; } 
fieldset.form-columns-2 .input, fieldset.form-columns-3 .input, fieldset.form-columns-1 .input { margin-right: 0 !important; }

.hs-form fieldset input[type="checkbox"], .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }
.inputs-list .hs-form-checkbox-display , .inputs-list .hs-form-booleancheckbox , .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.inputs-list input[type="checkbox"] , .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.inputs-list input[type="radio"] { top:3px; }
.inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.inputs-list input[type="checkbox"]:checked + span:before { background:#ccc; color:#000; border-color:#000; }
.inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#000; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }

.inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#000; background:#ccc;  border-radius:100%; }

input:focus-visible { outline: 0; }

@media (max-width:767px) {
    fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 0; }
    fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 0; } 
    form textarea { height: 80px; }
}
.btn_style1 a, a.btn_style1 {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 18px 30px;
    background: #005CB9;
    color: #FFFFFF;
    border-radius: 8px;
    font-weight: 600;
    min-width: 200px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    font-size: 20px;
}

.btn_style1 a:hover, a.btn_style1:hover { background-color: #001F60; color: #FFFFFF; }

.btn_style2 a, a.btn_style2 {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 13px 30px;
    background: #fff;
    color: #005CB9;
    border-radius: 8px;
    font-weight: 700;
    min-width: 320px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-size: 20px;
}


.btn_style2 a:hover, a.btn_style2:hover {
    color: #FFFFFF;
    background: #005CB9;
    border-color: #005CB9; 
}

.btn_style1 a svg, a.btn_style1 svg { margin-right: 15px; line-height: 1; vertical-align: middle; margin-top: -6px; }

.simple_link a, a.simple_link { 
    color: ; 
    position: relative;
}

.simple_link a:hover, a.simple_link:hover { 
    color: ;
}

.link_style a, a.link_style { display:inline-block; vertical-align:top; width:auto; position:relative; padding-right:55px; min-width: 180px; font-family: var(--din-medium); font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); }
.link_style a:before, a.link_style:before { position: absolute; content: ""; height: 38px; width: 38px; top: 0; bottom: 0; right: 0; margin: auto 0; background-color: #005CB9; border-radius: 100%; transition: all ease-in-out .4s; }
.link_style a:after, a.link_style:after { position:absolute; content:""; height:14px; width:14px; top:0; right: 12px; bottom:0; margin:auto 0; background: url(https://www.aaon.com/hubfs/raw_assets/public/Rep%20Portal/images/arrow-right.svg) no-repeat center / cover; }
.link_style a:hover:before, a.link_style:hover:before { background-color: #001F60; }



@media (max-width:991px){
    header .btn_style1 a, header a.btn_style1 { min-width: 1px; }
}

@media (max-width:767px){

}
.hs-menu-wrapper > ul { display: flex; flex-wrap: wrap; }
.hs-menu-wrapper ul { list-style: none; margin: 0; padding-left: 0; transition:all ease-in-out .4s; }
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { flex-direction: column; }
.hs-menu-wrapper.hs-menu-flow-vertical ul { flex-direction: column; }
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul { display: inline-flex; }
.hs-menu-wrapper .hs-item-has-children { position: relative; }
.hs-menu-wrapper .hs-menu-children-wrapper { opacity: 0; position: absolute; }
.hs-menu-wrapper .hs-menu-children-wrapper a { display: block; white-space: nowrap; }
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-item-has-children:hover > .hs-menu-children-wrapper { opacity: 1; top: 100%; }
.hs-menu-wrapper.hs-menu-flow-vertical .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 100%; opacity: 1; top: 0; }
.hs_cos_wrapper_type_cta img, .hs_cos_wrapper_type_logo img, .hs_cos_wrapper_type_rich_text img { height: auto; max-width: 100%; }

/* Header */ 
.header-main-wrap { background-color: var(--headerbottombg); position: fixed; z-index:9; top: 0; left: 0; width: 100%; transition:all .4s ease; }
.header-logos-wrap { gap: 34px; }
.header-nav .hs-menu-flow-horizontal>ul>li>a { color:var(--headerbottomlink); display: inline-block; padding: 25px 80px 25px 0px; font-size:17px; line-height: 24px;font-weight: 400; }
.header-search input.hs-search-field__input { border: 0; padding-left: 46px; height: 65px; border-radius: 31px; color: #ffffff; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.696C8.76142 11.696 11 9.45747 11 6.69604C11 3.93462 8.76142 1.69604 6 1.69604C3.23858 1.69604 1 3.93462 1 6.69604C1 9.45747 3.23858 11.696 6 11.696Z' stroke='%236BC4E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0212 14.8L10 10.696' stroke='%236BC4E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 11px center / 21px; font-size: 17px; font-style: normal; font-weight: 700; line-height: 30px; letter-spacing: 0.22px; text-transform: capitalize; }
.header-search { width: 234px; }
.header-search input.hs-search-field__input::-webkit-input-placeholder { color: #A7A8A9 !important; font-family: "DIN-2014"; font-size: 17px; font-style: normal; font-weight: 700; letter-spacing: 0.22px; text-transform: capitalize; }
.header-search input.hs-search-field__input::-moz-placeholder { color: #A7A8A9 !important; font-family: "DIN-2014"; font-size: 22px; font-style: normal; font-weight: 700; letter-spacing: 0.22px; text-transform: capitalize; }
.header-search input.hs-search-field__input:-ms-input-placeholder { color: #A7A8A9 !important; font-family: "DIN-2014"; font-size: 22px; font-style: normal; font-weight: 700; letter-spacing: 0.22px; text-transform: capitalize; }
.header-search input.hs-search-field__input:-moz-placeholder { color: #A7A8A9 !important; font-family: "DIN-2014"; font-size: 22px; font-style: normal; font-weight: 700; letter-spacing: 0.22px; text-transform: capitalize; }
.header-logos-wrap { width: 25%; }
.header-nav-search-wrap { width: 68%; }  

/* Footer */
.footer-main-wrap {background-color: var(--main-color);padding: 100px 0 55px;}
.footer-heading h3 { color: #fff; font-size: 18px; font-style: normal; font-weight: 600; line-height: 25.703px; letter-spacing: 0.18px; }
.footer-heading h3 a { color: #fff; }
.footer-heading h3 a:hover { color: var(--headerbottomlinkhover); }
.footer-heading { margin-bottom: 16px; }
.footer-menu-wrap { padding-top: 70px; display: flex; justify-content: space-between; flex-flow: wrap; /*margin: 0px -28px;*/ }
.footer-menu-list { /*width: 228px;*/ padding: 0px 19px; }
.footer-wrap .left-side { width: 70%; }
.footer-wrap .right-side { width: 30%; text-align: right; }
.footer-wrap { display: flex; align-items: flex-end; }
.footer-menu li { width: 100%; margin-bottom: 7px; line-height: normal; }
.footer-menu li a { color: #fff; font-size: 16px; font-style: normal; padding:0 26px 0 0; position: relative; font-weight: 400; line-height: 26px; letter-spacing: 0.16px; text-transform: capitalize; vertical-align: middle !important; }
.footer-menu li a svg{position: absolute;right: 0;top:3px;}
.footer-social ul { margin: 0; padding: 0; display: flex; flex-flow: wrap; align-items: center; margin: 0px -15px; }
.footer-social ul li { display: inline-block; width: 30px; margin: 0px 15px; }
.footer-social ul li path { fill: #8F8F8F; }
.footer-social ul li svg { vertical-align: top; display: block; }
.footer-social { padding-top: 40px; padding-bottom: 25px; }
.footer-social ul li.linkedin-in { padding: 4px; }
.footer-simple-menu ul { margin: 0px -40px; }
.footer-simple-menu ul li { padding: 0px 40px; }
.footer-simple-menu ul li a { font-size: 19px; color: #9A9AA5; }
.footer-right-simple-menu ul { justify-content: flex-end; }
.footer-right-simple-menu ul li { padding: 0px 35px; }
.footer-right-simple-menu ul li a { color: #9A9AA5; font-size:19px; }
.footer-right-logo { padding-bottom: 42px; }

.footer-menu-list .hs-menu-wrapper.hs-menu-flow-horizontal ul { display: block; }

.footer-main-wrap .footer-signout { padding: 0 35px; }
.footer-main-wrap .footer-signout > a { color: #9a9aa5; font-size: 19px; }

/*  */

.header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap { display: block; position: absolute; left: 0; right: 0; top: 100%;   opacity: 0;  visibility: hidden; min-height: 264px; z-index: 1; background: var(--main-color); }
.header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap a { padding: 0; display: block;}
.mega-menu-body .mega-menu-outor-shadow { display: block; }
.new-mgmenu-simple-left { padding-left:calc((100% - 1750px) / 2 + 140px ); width: 70%; padding-top: 47px; padding-bottom: 24px; padding-right: 50px; }
.new-mgmenu-simple-wrap { display: flex; flex-flow: wrap; }
.new-mgmenu-simple-right { padding-right: 0; padding-top: 27px; padding-bottom: 0; padding-left: 54px; width: 30%; background: linear-gradient(151deg, #005CB9 17.82%, #002953 120.35%); min-height:367px; }
.new-mgmenu-simple-nav-wrap { display: flex; flex-flow: wrap; }
.new-mgmenu-simple-nav { width: calc(100% / 4); padding-left: 15px; }
.new-mgmenu-simple-header h2 { font-size: 17px; font-style: normal; font-weight: 600; line-height: 26px; font-family: var(--din-medium); text-transform: uppercase; color: #9C9C9C; letter-spacing: 0px; padding-bottom: 10px; }
.mg-nav-menu .hs-menu-flow-horizontal>ul>li>a { font-size: 18px; font-style: normal; font-weight: 400; line-height:24px; color: #fff; }
.mg-nav-menu ul { flex-flow: column; }
.mg-nav-menu .hs-menu-flow-horizontal>ul>li>a:after { display: none; }
.new-mgmenu-simple-right h2 { font-size: 32px; font-style: normal; font-weight: 300; line-height: 35px; color: #fff; font-family: var(--main-font); max-width: 370px; letter-spacing: 0; }
.header-new-mgmenu .parent-menu .new-mgmenu-simple-right .btn-1 a { border-radius: 4px; background: #FFF; padding: 19px 22px; display: inline-block; position: relative; text-align: center; font-size: 20px; font-weight: 700; min-width:214px; }
.header-new-mgmenu .parent-menu .new-mgmenu-simple-right .btn-1 { margin-top: 30px; }
.header-new-mgmenu .parent-menu .new-mgmenu-simple-right .btn-1 a:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!fill=!string!%3E%3Cpath d=!string!fill=!string!/%3E%3C/svg%3E"); position: absolute; right: 17px; width: 13px; height: 13px; top: 50%; transform: translateY(-50%); }
.new-mgmenu-simple-cta-img { margin-top: -60px; }
.new-mgmenu-product-link .text a.external svg { display: none; }
.new-mgmenu-product-link { display: flex; flex-flow: wrap; }
.header-2023.new-mgmenu-header-wrap .menu_location_div .header_address_info.normal span:before { display: none; }
.new-mgmenu-header-wrap .header_address_info span { padding-left: 0; font-size: 17px; }
.new-mgmenu-header-wrap .menu_location_div { width: 167px; padding: 0 14px; }
.new-mgmenu-header-wrap .th_left { width: 291px; }
.new-mgmenu-header-wrap .header-new-mgmenu-right-side { width: calc(100% - 291px); background-color: #fff; }
.header-new-mgmenu-search-main-wrap { width: calc(100% - 344px); }
.new-mgmenu-header-wrap .header_market_info_in.up_stock:after { background: url(https://www.aaon.com/hubfs/investors-2024/images/market-up.svg) no-repeat center / cover; bottom: 6px; }
.header_market_info_in.down_stock:after { background: url(https://www.aaon.com/hubfs/investors-2024/images/market-down.svg) no-repeat 50%/100% 100%; bottom: 6px; }
.new-mgmenu-header-wrap .header_user_icon { padding-left: 10px; }
.header_market_info_in.up_stock:after,
.header_market_info_in.down_stock:after { right: 15px; }
.new-mgmenu-simple-nav:first-child { padding: 0; }

/* .header-nav .hs-menu-flow-horizontal>ul>li>a.open { color: var(--quaternary-color); } */
.header-nav > span > .hs-menu-flow-horizontal>ul>li>a.open, .mg-nav-menu .hs-menu-flow-horizontal>ul>li>a:hover { color: var(--quaternary-color); }

.new-mgmenu-simple-left .social_media { display: inline-block; padding-top: 50px; }
.new-mgmenu-simple-left .social_media ul { display: flex; align-items: center; }
.new-mgmenu-simple-left .social_media ul li+li { margin-left: 10px; }
.new-mgmenu-simple-left .social_media ul li a { line-height: 1; max-height: 34px; display: flex; align-items: center; width:34px; justify-content:center; }
.header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap a:hover img { opacity: .5; }
.header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap a img { transition: all .5s ease-in-out; }
.header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap a img + svg { display: none; }

.header-new-mgmenu .parent-menu .new-mgmenu-simple-right .btn-1 a svg { display: none; }

/* update footer css */
.footer-wrap .top-footer { width: 100%; }
.footer-wrap .bottom-footer { width: 100%; display: flex; flex-flow: row wrap; align-items: end; justify-content: space-between; }
.footer-rewarp .footer-wrap { display: inline-block; width: 100%; }

.top-footer .footer-menu-wrap .footer-menu-list:nth-child(1),
.top-footer .footer-menu-wrap .footer-menu-list:nth-child(2) { width: 24%; }
.top-footer .footer-menu-wrap .footer-menu-list { width: 12%; }
.top-footer .footer-menu-list:nth-child(1) ul,
.top-footer .footer-menu-list:nth-child(2) ul { column-count: 2; margin: 0 -5px; }
.top-footer .footer-menu-list:nth-child(1) ul li,
.top-footer .footer-menu-list:nth-child(2) ul li { padding: 0 5px; }
.top-footer .footer-menu-wrap { justify-content: start; }
.top-footer .footer-menu li { line-height: 0; margin-bottom: 13px; }
.top-footer .footer-menu li a { padding-right: 0; line-height: 1.4; }
.top-footer .footer-menu li a svg { position: relative; top: 0; right: 0; margin-left: 10px; }


/* Responsive Css */
@media (min-width: 992px){
    .mainmenu .hs-menu-wrapper > ul > li:nth-child(2), .mainmenu .hs-menu-wrapper > ul > li:nth-child(3), .mainmenu .hs-menu-wrapper > ul > li:nth-child(4) { position: static; }
    .mainmenu .hs-menu-wrapper > ul > li > ul { width: max-content; background: var(--dropcolor); visibility: hidden; pointer-events: none;  padding:0px 0px 10px; left:-15px; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { font-weight: 400; color: var(--droplinkcolor); padding: 4px 15px; font-size: 16px; }
    /* .mainmenu .hs-menu-wrapper > ul > li:hover > a, .main_header .hs-menu-wrapper > ul > li > a:hover { color: var(--headerbottomlinkhover);  } */
    .mainmenu > span > div.hs-menu-wrapper>ul>li:hover>a, .main_header .hs-menu-wrapper > ul > li > a:hover { color: var(--headerbottomlinkhover);  }
    .mainmenu .hs-menu-wrapper > ul > li:hover > ul { visibility: visible; pointer-events: inherit; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a:hover, .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li > a:hover { color: var(--droplinkhovercolor); background-color: var(--droplinkhoverbgcolor); }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li:last-child > a { border: 0; }
    /* .mainmenu .hs-menu-wrapper > ul > li > a:before { position: absolute; content: ""; height: 0; width: 100%; bottom: 0; left: 0; background: var(--quaternary-color); transition: all ease-in-out .4s; } */
    /* .mainmenu .hs-menu-wrapper > ul > li:hover > a:before { height: 5px; } */

    /* .internet_header .mainmenu .hs-menu-wrapper > ul > li > a:before{ display: none; } */

    .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul { left: 100% !important; top: 0 !important; width: 220px; background: #ececec; padding: 0; pointer-events: none; font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li { display: inline-block; vertical-align: top; width: 100%; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li > a { display: inline-block !important; vertical-align: top !important; width: 100% !important; color: var(--droplinkcolor); font-weight: 600; padding: 15px 15px; border-bottom: 1px solid #000; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li:last-child > a { border: 0; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li:hover > ul { pointer-events: inherit; }
    .mainmenu .hs-menu-wrapper > ul > li:nth-last-child(2) > ul > li > ul { left: auto !important; right: 100%; }
    .external svg { margin-left: 15px; }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a.external:hover path { fill:var(--droplinkhovercolor);}

    .mainmenu .hs-search-field { display: none; }
    a.child-triggerm, a.mobile-trigger {
        display: none !important;
    }
    .footer-menu li a:hover {  color: var(--headerbottomlinkhover);  }
    .footer-menu li a.external:hover path { fill:var(--droplinkhovercolor);}
    .footer-social ul li a:hover path { fill: var(--quaternary-color); }
    
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap.active-nav { opacity:1; visibility:visible; }
    
    .header-nav .hs-menu-flow-horizontal>ul>li>a { position: relative; }
    .header-nav .hs-menu-flow-horizontal>ul>li>a:before { position: absolute; content: ""; bottom: -10px; left: 0; width: 100%; height: 10px; background: transparent; }

    .header-logos-wrap { width: 19%; gap: 15px; max-height: 56px; }
    .header-nav-search-wrap { width: 79%; }
    .header-nav .hs-menu-flow-horizontal>ul>li>a { padding: 16px 40px 16px 0; }
    .header-search input.hs-search-field__input { height: 56px; margin-top:0px; }
    
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap .new-mgmenu-simple-nav a.external { position: relative; padding-right: 22px; /*display: inline-flex; align-items: center;*/ }
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap .new-mgmenu-simple-nav a.external > svg { position: absolute; margin: 0; right: 0; display: none; }
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap .new-mgmenu-simple-nav a.external:after { content: ''; background: url(https://www.aaon.com/hubfs/AAON/images/menu-new-tab.svg) no-repeat center; width: 11px; height: 24px; position: absolute; display: inline-block; margin-left: 10px; }
    
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap .new-mgmenu-simple-nav li.hs-menu-item + li{margin-top:10px;}
    
}  
@media (min-width: 1500px){
    .header-main-wrap .wrapper,.footer-main-wrap .wrapper { width: 1470px; max-width: 100%; padding: 0 15px; }
    header.header.internet_header .top_header .i-wrapper { width: calc(100% - 180px); }
    .footer-nav-main-wrap .wrapper,.footer-nav-logo-btn-main-wrap .wrapper { width: 1490px; }
}
@media (min-width: 1770px){
    .header-main-wrap .wrapper,.footer-main-wrap .wrapper { width: 1750px; max-width: 100%; padding: 0 15px; }
    header.header.internet_header .top_header .i-wrapper { width: calc(100% - 180px); }
    .footer-nav-main-wrap .wrapper,.footer-nav-logo-btn-main-wrap .wrapper { width: 1490px; }
}

@media (max-width:1800px){
    /*.new-mgmenu-simple-left { padding-left: 303px; }*/
}
@media (max-width: 1769px){
    .header-nav-search-wrap { width: 75%; padding-left: 5%; }
    .header-search { width: 16%; }
    .header-nav { width: 84%; }
    .header-nav .hs-menu-flow-horizontal > ul > li > a { padding: 25px 60px 25px 0px; }
    
    .new-mgmenu-simple-left { padding-left:calc((100% - 1470px) / 2 + 120px ); }
    
    .header-nav .hs-menu-flow-horizontal > ul > li > a { padding: 16px 40px 16px 0; }
    
    .footer-menu-list{padding:0px 10px; width:calc(100% / 5);}
    .footer-menu li a{display:-webkit-inline-box;}
    .footer-wrap .left-side{width:80%;}
    .footer-wrap .right-side{width:20%;}
    
}


@media (max-width: 1499px){ 
    .header-logos-wrap { gap: 15px; }
    .header-nav-search-wrap { padding-left: 3%; }
    .header-nav .hs-menu-flow-horizontal>ul>li>a { padding: 25px 31px 25px 0px; }
    
    .footer-menu-list { padding: 0px 15px; width: calc(100% / 5); }
    .footer-menu-wrap { margin: 0px -15px; padding-top: 50px; }
    .footer-wrap .right-side { padding-left: 15px; }
    .footer-right-simple-menu ul li { padding: 0px 12px; }
    .footer-right-logo { padding-bottom: 32px; }
    .footer-social { padding-top: 30px; padding-bottom: 20px; }
    
    .footer-wrap .left-side { width: 80%; }
    .footer-wrap .right-side { width: 20%; }
    .header-nav .hs-menu-flow-horizontal>ul>li>a { padding: 16px 40px 16px 0; }

    .footer-main-wrap .footer-signout { padding: 0px 12px; }
    
    .new-mgmenu-simple-left { padding-left:calc((100% - 1120px) / 2 + 62px ); }

    .top-footer .footer-menu-wrap .footer-menu-list:nth-child(1),
    .top-footer .footer-menu-wrap .footer-menu-list:nth-child(2) { width: 26%; }
    .top-footer .footer-menu-wrap .footer-menu-list { width: 16%; }
}

/* @media (max-width:1300px){
    .new-mgmenu-simple-left { padding-left: 150px; }
} */
  
@media (max-width:1200px){
    .mainmenu .hs-menu-wrapper > ul > li > a { padding: 15px 22px 15px 0px; font-size: 16px; }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { display: none; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a, .mainmenu .hs-menu-wrapper .mega_menu_section .mega_menu_left li.hs-item-has-children>ul.hs-menu-children-wrapper>li>a { font-size: 15px; }
    .mainmenu .hs-menu-wrapper > ul > li > ul { left: auto !important; right: 0; }
    .header--no-navigation { padding: 11px 0; } 
    .header-nav { width: 80%; }
    .header-search { width: 20%; }
    .header-search input.hs-search-field__input { font-size: 16px; height: 50px; }
    .header-search input.hs-search-field__input::-webkit-input-placeholder { font-size: 16px; }
    .header-search input.hs-search-field__input::-moz-placeholder { font-size: 16px; }
    .header-search input.hs-search-field__input:-ms-input-placeholder { font-size: 16px; }
    .header-search input.hs-search-field__input:-moz-placeholder { font-size: 16px; }

    .footer-heading h3 { font-size: 15px; letter-spacing: 0; }
    .footer-heading { margin-bottom: 10px; }
    .footer-menu li { margin-bottom: 5px; }
    .footer-menu-list { padding: 0px 8px; }
    .footer-menu-wrap { margin: 0px -8px; }
    .footer-menu li a.external svg { margin-left: 9px; }
    .footer-social { padding-top: 20px; padding-bottom: 15px; }
    .footer-simple-menu ul li a { font-size: 14px; }
    .footer-simple-menu ul li { padding: 0px 13px; }
    .footer-simple-menu ul { margin: 0px -13px; }
    .footer-right-simple-menu ul li { padding: 0px 7px; }
    .footer-right-simple-menu ul li a { font-size: 14px; }
    .footer-social ul li { width: 24px; line-height: normal; }

    .header-nav .hs-menu-flow-horizontal>ul>li>a { padding: 16px 40px 16px 0; }
    
    .footer-main-wrap .footer-signout { padding: 0px 7px; }
    .footer-main-wrap .footer-signout > a { font-size: 14px; }
    
    .header-nav .hs-menu-flow-horizontal>ul>li>a{padding: 16px 20px 16px 0;}
    
    .new-mgmenu-simple-left { padding-left:calc((100% - 920px) / 2 + 82px ); }
    
    .footer-wrap{display:block;}
    .footer-wrap .left-side,
    .footer-wrap .right-side{width:auto;}
    .footer-wrap .right-side{text-align: center;}
    .footer-right-simple-menu ul{justify-content:center;}
    
    .top-footer .footer-menu-wrap .footer-menu-list:nth-child(1),
    .top-footer .footer-menu-wrap .footer-menu-list:nth-child(2) { width: 50%; padding-bottom: 30px; }
    .top-footer .footer-menu-wrap .footer-menu-list { width: 33.33%; }
}


@media (max-width:991px){
    
    .header-main-wrap { position:relative; }
    header.header { box-shadow: none; position: relative; }
    .mainmenu .hs-menu-wrapper > ul { width: 100%; }
    .mainmenu .hs-menu-wrapper ul { transition: none; }
    .mainmenu .hs-menu-wrapper > ul > li > a { width: 100%; padding: 15px; font-size: 16px; }
    .mainmenu .hs-menu-wrapper > ul > li > ul { background: var(--headerbottombg); padding:15px 0; width: 100%; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { color: #000000; font-weight: 600; padding: 10px; }
    
    body .header-nav .hs-menu-flow-horizontal>ul>li>a { font-size:23px; line-height: 26px; }
    
    header .logo img { width: 117px !important; }
    .main_header { padding: 18px 0; }
    .top_header_inner { margin: 0 -15px; }
    .main_header .top_links .hs-menu-wrapper>ul>li>a { font-size: 0; height: 22px; width: 22px; padding: 0; }
    .main_header .hs-menu-wrapper>ul>li+li { margin: 0; }
    .main_header .top_links .hs-menu-wrapper>ul>li { margin-left: 16px !important; }
    .main_header .top_links .hs-menu-wrapper>ul { width: 77px; flex-direction: unset; }
    .top_search { margin-right: 10px; }
    
     
    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; position: relative; top: auto; }
    .hs-menu-wrapper.hs-menu-flow-vertical ul { display: flex; }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul { flex-direction: column; }

    .mainmenu, .mainmenu li, .mainmenu li a { display:block; float:none; position:static; top:auto; right:auto; left:auto; bottom:auto; padding:0px; margin:0px; background-image:none; background-color:transparent; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; max-width:none; width:100%; height:auto; line-height:1; font-weight:normal; text-decoration:none; text-indent:0px; text-align:left; }
    a.mobile-trigger { display:inline-block !important; cursor:pointer; position:absolute; top: 10px; left: calc((100% - 690px)/2); width: 25px; height: 25px; text-align:center; background:transparent; padding: 0; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; }
    a.mobile-trigger:hover { text-decoration:none; }
    a.mobile-trigger span { display:inline; }
    a.mobile-trigger span:before { position:absolute; content:'Menu'; }
    a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; }
    .mobile_menu_toggle .mobile-trigger { top:2px; }

    .mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background:transparent; }
    .mobile-open a.mobile-trigger span:after { opacity:1; }
    .mobile-open .mobile_menu_toggle a.mobile-trigger { display: block !important; }
    .mobile_menu_toggle a.mobile-trigger i, .mobile-open .mobile_menu_toggle a.mobile-trigger i:before, .mobile-open .mobile_menu_toggle a.mobile-trigger i:after { background: #fff; }
    .mobile_menu_toggle a.mobile-trigger i:before { margin-top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile_menu_toggle a.mobile-trigger i:after { margin-top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    
    a.mobile-trigger i { display:inline; position:relative; top:-2px; margin-left:0; -webkit-transition-duration:0s; -webkit-transition-delay:.2s; -moz-transition-duration:0s; -moz-transition-delay:.2s; transition-duration:0s; transition-delay:.2s; }
    a.mobile-trigger i:before, a.mobile-trigger i:after { position:absolute; content: ''; }
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 20px; height: 2px; display:inline-block; background: var(--hamburger); }
    a.mobile-trigger i:before { margin-top:-6px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    a.mobile-trigger i:after { margin-top:6px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    .mobile_menu_toggle a.mobile-trigger i { background-color:rgba(0,0,0,0.0); -webkit-transition-delay:.2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile_menu_toggle a.mobile-trigger i:before { margin-top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile_menu_toggle a.mobile-trigger i:after { margin-top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }

    span.child-triggerm { display:block !important; cursor:pointer; position:absolute; top:0px; right:0; width:60px !important; height:100% !important; padding:0 !important; }
    span.child-triggerm span { position:absolute; height:30px; width:30px; left:50%; top:8px; transition:all ease .5s; transform:translateX(-50%); }
    span.child-triggerm span:before { position:absolute; content:""; height:14px; width:2px; left:50%; top:50%; background: #fff; transform:translateX(-50%) translateY(-50%); }
    span.child-triggerm span:after { position:absolute; content:""; height:2px; width:14px; left:50%; top:50%; background: #fff; transform:translateX(-50%) translateY(-50%); }
    span.child-triggerm.child-open span { transform:translateX(-50%) rotate(45deg); }

    .mainmenu.js-enabled .hs-menu-children-wrapper { display:none; }  
    .mainmenu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; }

    .mainmenu.js-enabled .hs-menu-flow-horizontal { position:absolute; height:auto; top: 59px; left: 0; width: 100%; max-width:100%; padding:0px; background-color: #000; z-index:8888; display: none; }
    
    .mainmenu .hs-menu-flow-horizontal > ul > li { position:relative; }
    .mainmenu .hs-menu-flow-horizontal > ul > li, .mainmenu .hs-menu-wrapper .mega_menu_section .mega_menu_left li.hs-item-has-children>ul.hs-menu-children-wrapper>li { border-bottom:1px solid rgba(255,255,255,0.3); }

    .mainmenu .hs-menu-wrapper .mega_menu_section .mega_menu_left li.hs-menu-item { width: 100%; position: relative; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a, .mainmenu .hs-menu-wrapper .mega_menu_section .mega_menu_left li.hs-menu-item a, .mainmenu .hs-menu-wrapper .mega_menu_section .mega_menu_left li.hs-item-has-children>ul.hs-menu-children-wrapper>li>a { padding: 11px 25px; font-size: 16px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a, .mainmenu .hs-menu-wrapper .mega_menu_section .mega_menu_left li.hs-item-has-children>ul.hs-menu-children-wrapper>li>a { text-indent: 15px; } 
    .mainmenu .hs-menu-wrapper .mega_menu_section .mega_menu_left li.hs-menu-item>a:after { display: none; }
    .mainmenu .hs-menu-wrapper .mega_menu_section .mega_menu_left li.hs-item-has-children>ul.hs-menu-children-wrapper { width: 100%; padding: 0; background: #000; } 
     

    .header-main-wrap .wrapper { width: 100%; }
    .header-logos-wrap { width: 35%; }
    .header-nav-search-wrap { width: 60%; }
    .header-nav { width: auto; }
    .header-search { width: 150px; }
    .header-wrap { padding-left: 45px; }
    a.mobile-trigger { left: 12px; top: 40%; transform: translateY(-50%); }
    a.mobile-trigger i { display: inline; margin-left: 0; position: relative; top: -2px; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s }
    a.mobile-trigger i:after,
    a.mobile-trigger i:before { content: ""; position: absolute }
    a.mobile-trigger i,
    a.mobile-trigger i:after,
    a.mobile-trigger i:before { background-color: #fff; display: inline-block; height: 2px; width: 31px }
    a.mobile-trigger i:before { margin-top: -9px }
    a.mobile-trigger i:after,
    a.mobile-trigger i:before { -webkit-transition-delay: .2s, 0; -webkit-transition-duration: .2s; -webkit-transition-property: margin, -webkit-transform }
    a.mobile-trigger i:after { margin-top: 9px }
    .mobile-open a.mobile-trigger i { background-color: transparent; -webkit-box-shadow: 0 1px 1px transparent; -moz-box-shadow: 0 1px 1px transparent; box-shadow: 0 1px 1px transparent; -webkit-transition-delay: .2s }
    .mobile-open a.mobile-trigger i:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
    .mobile-open a.mobile-trigger i:after,
    .mobile-open a.mobile-trigger i:before { -webkit-box-shadow: 0 1px 1px transparent; -moz-box-shadow: 0 1px 1px transparent; box-shadow: 0 1px 1px transparent; margin-top: 0; -webkit-transition-delay: 0, .2s }
    .mobile-open a.mobile-trigger i:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
    .mainmenu  .hs-menu-wrapper.hs-menu-flow-horizontal ul>li.hs-item-has-children>a { display: inline-block; width: auto !important; }
    .mainmenu .hs-menu-wrapper > ul > li > a { line-height: normal; font-size: 22px; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { color: #fff; font-size: 20px; font-weight: 400; }
    .mainmenu .hs-menu-wrapper a.external svg { margin-left: 17px; }
    .mainmenu .hs-menu-wrapper > ul > li > ul { padding: 0 0 0 26px; }
    .mainmenu .hs-menu-flow-horizontal > ul .child_open > a { font-weight: 600; color: var(--headerbottomlinkhover); }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.child_open>a.child-triggerm .fa-angle-down:before { color: var(--headerbottomlinkhover); content: "\f106"; font-weight: 600; }

    .header-nav-search-wrap > .header-search { display: none; }
    .header-nav-search-wrap { width: auto; }
    .header-logos-wrap { width: auto; }
    .mainmenu .hs-search-field form input[type=text] { padding-left: 46px; height: 55px; border-radius: 31px; color: #ffffff; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.696C8.76142 11.696 11 9.45747 11 6.69604C11 3.93462 8.76142 1.69604 6 1.69604C3.23858 1.69604 1 3.93462 1 6.69604C1 9.45747 3.23858 11.696 6 11.696Z' stroke='%236BC4E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0212 14.8L10 10.696' stroke='%236BC4E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 11px center / 21px; font-size: 22px; font-style: normal; font-weight: 400; line-height: 36px; letter-spacing: 0.22px; text-transform: capitalize; }
    .mainmenu .hs-search-field { border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.3); padding:15px; }
    .mainmenu.js-enabled .hs-menu-flow-horizontal { top: 100%; overflow-x: auto; max-width: 382px; height: calc(100vh - 62px); padding-bottom:50px; }
    .mainmenu .hs-search-field form input::placeholder { font-size: 20px; } 
    .mainmenu .hs-search-field form input::-webkit-input-placeholder { font-size: 16px; }
    .mainmenu .hs-search-field form input::-moz-placeholder { font-size: 16px; }
    .mainmenu .hs-search-field form input:-ms-input-placeholder { font-size: 16px; }
    .mainmenu .hs-search-field form input:-moz-placeholder { font-size: 16px; }
    
    .footer-wrap .left-side { width: 100%; }
    .footer-wrap { flex-flow: wrap; }
    .footer-menu-wrap { padding-top: 30px; justify-content: unset; }
    .footer-wrap .right-side { width: 100%; text-align: left; display: flex; flex-flow: column-reverse; padding-left: 0; }
    .footer-right-simple-menu ul li { padding: 0; }
    .footer-menu-list { width: calc(100% / 3); padding-bottom: 30px; /*padding-bottom: 16px;*/ }
    .footer-social { padding-top: 15px; padding-bottom: 10px; }
    .footer-right-logo { padding-bottom: 0; padding-top: 10px; }
    .footer-main-wrap { padding: 50px 0 40px; }
    
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap { position: static; visibility: visible; opacity: 1; padding: 15px; min-height:auto; display:none; }
    .new-mgmenu-simple-left { padding: 0; width: 100%; }
    .new-mgmenu-simple-nav { width: 100%; padding-left: 0; border-bottom:1px solid rgba(255, 255, 255, 0.3); padding: 15px 0; }
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap.active-nav { display:block; visibility: visible; opacity: 1; }
    .new-mgmenu-simple-nav:first-child { padding-bottom:15px; }
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap .hs_cos_wrapper { position: static; visibility: visible; opacity: 1; display: block; min-height: auto; }
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap .hs_cos_wrapper .hs-menu-wrapper { position: static; opacity: 1; visibility: visible; display: block; height:auto; padding-bottom:0; }

    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap .hs_cos_wrapper .hs-menu-wrapper ul >li { border: none; }
    .new-mgmenu-simple-nav:last-child { border: none; padding-bottom: 0; }
    .mainmenu.js-enabled .hs-menu-flow-horizontal ul > li > a { position: relative; padding-right: 30px; }
    .mainmenu.js-enabled .hs-menu-flow-horizontal ul > li > a:after { content: "\f107"; position: absolute; right: 20px; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); font-family: fontawesome; line-height: 1; }
    .header-new-mgmenu .parent-menu .new-mgmenu-list-main-wrap ul > li > a { font-size: 18px; }
    .mainmenu.js-enabled .hs-menu-flow-horizontal ul > li.open > a:after { transform: rotate(180deg); }
    body.mobile-open { overflow: hidden; height: 100%; }
    
    .new-mgmenu-simple-right { width: 100%; padding: 15px; min-height: auto; margin-top: 15px; }
    .new-mgmenu-simple-right h2 { font-size: 26px; line-height: 1.2; }
    
    .new-mgmenu-simple-left .social_media ul li a:after { display: none; }
    .new-mgmenu-simple-left .social_media ul li a { padding: 0 !important; }
    .new-mgmenu-simple-left .social_media { padding: 25px 0; }
    .new-mgmenu-simple-left .social_media ul { flex-direction: row; }
    
    .footer-main-wrap .footer-signout { padding: 0; }
    

}

@media (max-width: 767px) {
    .footer-menu-list { width: 100%; }
    .footer-menu-list:last-child { padding-bottom: 0; }
    .footer-main-wrap { padding: 30px 0 30px; }
    .footer-menu-wrap { padding-top: 20px; margin-bottom: 20px; }
    .footer-right-logo { max-width: 160px; }

    .top-footer .footer-menu-wrap .footer-menu-list:nth-child(1),
    .top-footer .footer-menu-wrap .footer-menu-list:nth-child(2) { width: 100%; }
    .top-footer .footer-menu-wrap .footer-menu-list { width: 100%; }
}

@media (max-width: 575px) {
    .top-footer .footer-menu-list:nth-child(1) ul, .top-footer .footer-menu-list:nth-child(2) ul { column-count: 1; }
} 
@font-face {
    font-family: 'DIN-blog';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_bold-webfont.woff2') format('woff2'),
        url('https://www.aaon.com/hubfs/Aaon/fonts/din_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-blog';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_blackalternate-webfont.woff2') format('woff2'),
        url('https://www.aaon.com/hubfs/Aaon/fonts/din_blackalternate-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-blog';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_medium-webfont.woff2') format('woff2'),
        url('https://www.aaon.com/hubfs/Aaon/fonts/din_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-blog';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_regular-webfont.woff2') format('woff2'),
        url('https://www.aaon.com/hubfs/Aaon/fonts/din_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-blog';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_lightalternate-webfont.woff2') format('woff2'),
        url('https://www.aaon.com/hubfs/Aaon/fonts/din_lightalternate-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'DIN-RegularAlternate';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_regularalternate-webfont.woff2') format('woff2'),
        url('https://www.aaon.com/hubfs/Aaon/fonts/din_regularalternate-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.pagination { width:100%; text-align:center; display:block; }
.pagination ul { margin:0; padding:0 0 80px; list-style:none;  display:flex; flex-wrap:wrap; justify-content:center; width:100%; }
.pagination ul:empty { display:none; }
.pagination ul li { width:50px; height:50px; color:#45403E; margin: 0 5px; cursor:pointer; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; font-size: 20px; font-weight: 700; line-height: 26px; transition:all .4s ease; }
.pagination ul li:hover,.pagination ul li.active { background:#005CB9; color:#fff; } 
.pagination ul li i { font-size:30px; color:#005CB9; transition:all .4s ease; } 
.pagination ul li:hover i { color:#fff; }
.pagination ul li.disabled { display:none !important; }

.blog-section { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.blog-section .title { padding-bottom: 85px; }
.blog-section .title h2 { font-size: 44px; text-transform: capitalize; color: var(--tertiary-color); }
.blog-section .filter_btn { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; max-width: 80%; padding-bottom:70px; }
.blog-section .filter_btn .filter_part { width: 80%; padding-right: 15px; display: flex; flex-wrap: wrap; }
.blog-section .filter_btn .btn_part { width: 20%; padding-left: 15px; display: flex; justify-content: flex-end; }
.blog-section .filter_part .filtr_title { color: #000; font-size: 23px; font-weight: 700; line-height: 36px; /* 156.522% */ letter-spacing: 0.23px; width: 15%; }
.blog-section .filter_part .filter_main { display: flex; flex-wrap: wrap; width: 85%; }
.blog-section .filter_part .filter_main .col { margin: 0 15px; position: relative; width: 25%; line-height: normal; padding-bottom: 15px; }
.blog-section .filter_part .filter_main .col span { display: inline-block; position: relative; padding-right: 30px; color: var(--AAON-core-blue, #005CB9); font-size: 20px; font-weight: 600; line-height: 28px; /* 140% */ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; }
.blog-section .filter_part .filter_main .col ul { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 100%; left: -15px; z-index: 1; background: #fff; padding: 7px; border: 1px solid rgba(0, 0, 0, .5); width: 100%; display: none; }
.blog-section .filter_part .filter_main .col span:before { position: absolute; content: ""; top: 12px; right: 0; background: url(https://www.aaon.com/hubfs/aaon-rep/images/down-angle.svg)no-repeat center/cover; width: 14px; height: 9px; }
.blog-section .filter_part .filter_main .col ul li a { font-size: 16px; display:inline-block; width:100%; }
.blog-section .filter_part .filter_main .col ul li+li { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0,0,0,.5); }


.blog-section .section_main { display: flex; flex-wrap: wrap; align-items:flex-start; }
.blog-section .section_main .left_part { width: 13%; padding-right: 15px; position: sticky; top: 50px; }
.blog-section .section_main .Right_part { width: 87%; padding-left: 15px; }
.blog-section .section_main .left_part ul { list-style-type: none; padding: 0; margin: 0; }
.blog-section .section_main .left_part ul li a { color: var(--tertiary-color); font-size: 42px; font-weight: 400;     /* 66.667% */ line-height: 1.1; opacity: .2; }
.blog-section .section_main .left_part ul li.active a { opacity: 1; }
.blog-section .section_main .left_part ul li+li { margin-top: 15px; }
.blog-section .section_main .Right_part .blog_post_date { color: var(--color7); font-size: 22px; font-weight: 600; line-height: 35px; /* 159.091% */ letter-spacing: 1px; text-transform: capitalize; opacity: .8; }
.blog-section .section_main .Right_part h2 { font-size: 26px; font-weight: 600; line-height: 35px; /* 134.615% */ text-transform: capitalize; }
.blog-section .section_main .Right_part .post-item+.post-item { margin-top: 20px; }
.blog-section .section_main .Right_part .aurther-info { padding-bottom: 50px; }

/* .cus_pagination.pagination ul { padding: 100px 0 0; }
.cus_pagination.pagination ul li { background: transparent; color: #666; font-size: 16px; width: 40px; height: 40px; font-family:var(--din-regular); font-weight:400; }
.cus_pagination.pagination ul li:hover,
.cus_pagination.pagination ul li.active { color: #000 !important; }
.cus_pagination.pagination ul li:hover svg path { stroke: #000; }
.cus_pagination.pagination ul li.not-active svg path { stroke: #B5B5B5; }
.cus_pagination.no-item { padding: 23px 0; }
.cus_pagination.pagination ul li.left-angle.disabled, .cus_pagination.pagination ul li.right-angle.disabled { display: flex !important; }
.cus_pagination.pagination ul li.left-angle.disabled svg path, .cus_pagination.pagination ul li.right-angle.disabled svg path { stroke: #B5B5B5; } */

.blog_post { display: inline-block; width: 100%; vertical-align: top; padding: 136px 0; }
.blog_post .title_aurther_detail { padding-bottom: 40px; max-width: 1106px; }
.blog_post h1 { font-size: 32px; font-style: normal; font-weight: 400; line-height: 48px; }
.blog_post h1 span { color: var(--tertiary-color); }
.blog_post .post_aur { color: var(--tertiary-color); font-size: 18px; font-weight: 600; line-height: 27px; padding-top: 9px; }
.blog_post .post_aur a { color: var(--tertiary-color); }
.blog_post .blog-post__body { max-width: 1106px; color: var(--color6); font-size: 18px; font-weight: 600; line-height: 27px; /* 150% */ }
.blog_post .blog-post__body p+p { padding-top: 40px; }

.image_slider.post_img_slider { background: transparent; padding-top: 0; }
.image_slider.post_img_slider .section_wrap { padding: 0; }
.image_slider.post_img_slider .section_wrap .slick-list.draggable { margin-left: -15px; padding-right: 800px; }
.image_slider.post_img_slider .section_wrap .inner .img { height: 451px; }

.blog-section .filter_part .filter_main .clear-filter { padding-bottom: 15px; line-height: normal; }
.blog-section .filter_part .filter_main .clear-filter a { color: #005cb9; cursor: pointer; display: inline-block; font-size: 20px; font-weight: 600; line-height: 28px; text-decoration: underline; }

.blog_post .breadcrumb { font-size: 15px; font-style: normal; font-weight: 600; line-height: 27px; color: #636569; margin-bottom: 20px; }
.blog_post .breadcrumb svg { margin: 0px 5px; }
.blog_post .breadcrumb a { color: #636569; text-decoration: underline; font-weight: 600; }


.blog-listing-wrap{padding:135px 0;}
.blog-listing-wrap .blog-title{margin-bottom:100px}
.blog-listing-wrap .filter-part{display:flex;flex-wrap:wrap}
.blog-listing-wrap .filter-part .filter-title{width:100px;font-size:23px;font-weight:700;letter-spacing:.23px;line-height:36px}
.blog-listing-wrap .filter-part .filter-main{width:calc(100% - 100px);display:flex;flex-wrap:wrap;align-items:center;column-gap:30px;row-gap:30px;padding-left:60px}
.blog-listing-wrap .filter-type{color:var(--secondary-color);cursor:pointer;display:inline-block;font-size:20px;font-weight:600;line-height:28px;padding-right:30px;position:relative;text-decoration-line:underline;text-decoration-skip-ink: none; text-decoration-style: solid; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
.blog-listing-wrap .filter-type::before{background:url(https://www.aaon.com/hubfs/aaon-rep/images/down-angle.svg) no-repeat center / cover;content:"";height:6px;position:absolute;right:0;top:12px;width:12px}
.blog-listing-wrap .filter-main .col{position:relative;}
.blog-listing-wrap .filter-main .col ul{background:#fff;border:1px solid rgba(0,0,0,.5);display:none;left:0px;list-style-type:none;margin:0;padding:7px;position:absolute;top:100%;width:200px;max-height: 250px;overflow-y: auto;z-index:1}
.blog-listing-wrap .filter-main .col ul li a{display: inline-block; font-size: 16px; width: 100%;}
.blog-listing-wrap .filter-main .clear-filter{display:none;}
.blog-listing-wrap .filter-main .clear-filter a{display:inline-block;font-size:20px;font-weight:600;line-height:28px;}


.blog-listing-wrap .featured-tag-listing { margin-top: 40px; } 
.blog-listing-wrap .recent-news-listing{margin-top:50px;}
.blog-listing-wrap .list-main-title{ font-size:18px; font-weight: 600; line-height: 35px;color:var(--color7);position: relative; padding-left: 28px;margin-bottom:25px;text-transform: uppercase;}
.blog-listing-wrap .list-main-title::before{ content: "";position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 18px; height: 18px; background: url(https://www.aaon.com/hubfs/aaon-rep/images/featured-icon.svg) no-repeat center / cover; }
.blog-listing-wrap .featured-tag-listing .list-main-title::before{ background: url(https://www.aaon.com/hubfs/aaon-rep/images/featured-icon.svg) no-repeat center / cover; }
.blog-listing-wrap .recent-news-listing .list-main-title::before{ background: url(https://www.aaon.com/hubfs/aaon-rep/images/recent-news-icon.svg) no-repeat center / cover; }

.blog-listing-wrap .listing-row .list-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px;}
.blog-listing-wrap .listing-row .list-item:last-child{margin-bottom:0;}
.blog-listing-wrap .listing-row .list-item .post-date{width:8%;font-size: 18px; font-weight: 600;line-height: 1.94;color: rgba(99,101,105,0.8);}
.blog-listing-wrap .listing-row .list-item .post-title{width:50%;padding:0 20px 0 10px;}
.blog-listing-wrap .featured-tag-listing  .listing-row .list-item .post-title a{color:var(--secondary-color)}
.blog-listing-wrap .listing-row .list-item .post-title a{font-size: 18px; font-weight: 600; line-height: 1.94; text-transform: capitalize;cursor:pointer;color:var(--main-color);}
.blog-listing-wrap .listing-row .list-item .post-title a:hover,
.blog-listing-wrap .featured-tag-listing  .listing-row .list-item .post-title aa:hover{color:var(--tertiary-color)}
.blog-listing-wrap .listing-row .list-item .icon-link-row{width:42%;display:flex;flex-wrap:wrap;gap: 18px;}
.blog-listing-wrap .listing-row .list-item .icon-link-row .link-col{width: calc(33.33% - 12px);}
.blog-listing-wrap .listing-row .list-item .icon-link-row.four-icon-link-row{gap:16px;}
.blog-listing-wrap .listing-row .list-item .icon-link-row.four-icon-link-row .link-col{width: calc(25% - 12px);}
.blog-listing-wrap .listing-row .list-item .icon-link-row .link-col a{color:var(--color6);position:relative;font-size: 18px; font-weight: 600; line-height: 1.94; text-transform: capitalize;padding-left:28px;cursor:pointer;}
.blog-listing-wrap .listing-row .list-item .icon-link-row .link-col a:hover{color:var(--tertiary-color);}
.blog-listing-wrap .listing-row .list-item .icon-link-row .link-col a::before{ content: ""; height: 9px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 18px; height: 18px; background: url(https://www.aaon.com/hubfs/aaon-rep/images/paperclip-icon.svg) no-repeat center / cover; }
.blog-listing-wrap .listing-row .list-item .icon-link-row .link-col.url-link a::before{background:url(https://www.aaon.com/hubfs/aaon-rep/images/link-icon.svg) no-repeat center / cover; }

.blog-pagination.pagination ul{margin-top:70px;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0;row-gap:10px;}
.blog-pagination.pagination .number{font-size:16px;font-weight:400;color:#666;padding:0 15px;line-height:1;height: auto;width: auto;}
.blog-pagination.pagination .left-angle{padding-right:25px}
.blog-pagination.pagination .right-angle{padding-left:25px;padding-right:0}
.blog-pagination.pagination .number.active,.blog-pagination.pagination .number:hover{color:#000;background:unset}
.blog-pagination.pagination .left-angle i,.blog-pagination.pagination .right-angle i{display:block;color:#000;font-size:24px;line-height:1}
.blog-pagination.pagination .left-angle.disable i,.blog-pagination.pagination .right-angle.disable i{color:#b5b5b5}
.blog-pagination.pagination .left-angle:hover,.blog-pagination.pagination .right-angle:hover{background:unset;color:#000}
.blog-pagination.pagination .left-angle,.blog-pagination.pagination .right-angle{width:auto;height:auto;line-height:1;margin:0}
.blog-pagination.pagination ul:empty { display: none; }

@media (max-width:1499px){
    .image_slider.post_img_slider .section_wrap .slick-list.draggable { padding-right: 500px; }

    .blog-listing-wrap .listing-row .list-item .post-title{width:45%;}
    .blog-listing-wrap .listing-row .list-item .icon-link-row{width: 47%;}
}

@media (max-width:1200px){
    .pagination ul { padding:0px 0 60px;}
    .blog-section .filter_part .filtr_title { width: 20%; }
    .blog-section .filter_part .filter_main { width: 80%; }
    .blog_post { padding: 100px 0; }
    .blog_post .title_aurther_detail { padding-bottom: 50px; }
    .image_slider.post_img_slider .section_wrap .slick-list.draggable { padding-right: 150px; }

    .blog-listing-wrap .listing-row .list-item .post-title{width:92%;padding-right:0;}
    .blog-listing-wrap .listing-row .list-item .icon-link-row{width:100%;margin-top:20px;}
    .blog-listing-wrap .listing-row .list-item{ margin-bottom:30px;}
}

@media (max-width:991px){

    .pagination ul { padding:0px 0 50px; }
    .blog-section .filter_part .filtr_title { width: 25%; }
    .blog-section .filter_part .filter_main { width: 75%; }
    .blog-section .filter_btn .filter_part { width: 100%; padding: 0; }
    .blog-section .filter_btn { max-width: 100%; }
    .blog-section .section_main .left_part { width: 20%; }
    .blog-section .section_main .Right_part { width: 80%; }
    .image_slider.post_img_slider .section_wrap .slick-list.draggable { padding-right:80px; }
    .image_slider.post_img_slider .section_wrap .inner .img { height: 250px; }

    .blog-listing-wrap .filter-part .filter-title{margin-bottom:25px;}
    .blog-listing-wrap .filter-part .filter-main{padding-left: 0px;width: 100%;row-gap:20px;}
    .blog-listing-wrap .listing-row .list-item .post-date{width:100%;}
    .blog-listing-wrap .listing-row .list-item .post-title{width:100%;margin-top:5px;padding:0;}
    .blog-listing-wrap .listing-row .list-item .icon-link-row,
    .blog-listing-wrap .listing-row .list-item .icon-link-row.four-icon-link-row{margin-top: 5px;}
    .blog-listing-wrap .list-main-title{ margin-bottom:30px;}
}

@media (max-width:767px){

    .blog-section .filter_btn { padding-bottom:50px; }
    .pagination ul li { width: 40px; height: 40px; margin:0 3px; }
    .blog-section .filter_part .filtr_title { width: 100%; }
    .blog-section .filter_part .filter_main { width: 100%; padding: 25px 0 0; }
    .blog-section .filter_part .filter_main .col { width: 100%; margin: 0; }
    .blog-section .section_main .left_part { display: none; }
    .blog-section { padding: 50px 0; }
    .blog-section .title { padding-bottom: 50px; }
    .blog-section .section_main .Right_part { width: 100%; padding: 0; }

    .image_slider.post_img_slider .section_wrap .inner .img { height: 150px; }
    .image_slider.post_img_slider .section_wrap .slick-list.draggable { padding-right: 50px; }
    .blog_post { padding: 70px 0; }

    .blog_post .breadcrumb { margin-bottom: 13px; }

    .blog-listing-wrap{padding:50px 0;}
    .blog-listing-wrap .blog-title{margin-bottom:50px}
    .blog-listing-wrap .filter-part .filter-title{width:100%;}
    .blog-listing-wrap .filter-part .filter-main{width:100%;padding-left:0;}

    .blog-listing-wrap .filter-main .col{max-width: 33.33%;}
    .blog-listing-wrap .filter-type{padding-right:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:block;font-size: 18px;}
    .blog-listing-wrap .filter-main .clear-filter{width:100%}
    .blog-listing-wrap .filter-main .clear-filter a{font-size: 18px;}
    .blog-listing-wrap .filter-part .filter-main{column-gap:20px;}
    .blog-listing-wrap .filter-main .col.month-filter ul,.blog-listing-wrap .filter-main .col.year-filter ul { right: 0; left: unset;width:140px; }
    .blog-listing-wrap .listing-row .list-item .icon-link-row,
    .blog-listing-wrap .listing-row .list-item .icon-link-row.four-icon-link-row{gap:16px;row-gap: 2px;justify-content: space-between;}
    .blog-listing-wrap .listing-row .list-item .icon-link-row.four-icon-link-row .link-col,
    .blog-listing-wrap .listing-row .list-item .icon-link-row .link-col{width: auto;}
    .blog-listing-wrap .listing-row .list-item .post-date,
    .blog-listing-wrap .listing-row .list-item .post-title a,
    .blog-listing-wrap .listing-row .list-item .icon-link-row .link-col a,
    .blog-listing-wrap .list-main-title{font-size:16px;line-height:normal;}
    .blog-listing-wrap .list-main-title::before{width:16px;height:16px}


} 
.error_page { display: inline-block; width: 100%; vertical-align: top; padding: 225px 0; text-align: center; position: relative; z-index: 1; }
.error_page:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); z-index: -1; }
.error_page .error_title h1 { font-size: 324.923px; font-style: normal; font-weight: 700; line-height: 1.2; /* 120% */ text-transform: uppercase; color: var(--color8); }
.error_page .content h2 { font-size: 100px; font-style: normal; font-weight: 300; line-height: 1; color: var(--color8); }
.error_page .content { padding-bottom: 70px; }

.rep_search_hero { display: inline-block; width: 100%; vertical-align: top; padding: 73px 0; }
.rep_search_hero form input { border-radius: 11px; background: #D5EEF9; border:none; color: var(--color6); font-size: 56px; font-style: normal; font-weight: 400; line-height: 67.2px; height: 86px; padding-left: 60px; background-repeat: no-repeat; background-position: 21px center; text-transform: capitalize; background-image:url(https://www.aaon.com/hubfs/raw_assets/public/Rep%20Portal/images/result-icon.svg) }
.rep_search_hero form input::placeholder { color: var(--color6); font-size: 56px; font-weight: 400; line-height: 67.2px; }

.rep_search_result { display: inline-block; width: 100%; vertical-align: top; padding-bottom: 145px; }
.rep_search_result .title { padding-bottom: 42px; }
.rep_search_result .title h1 { color: #001F60; font-size: 44px; font-weight: 700; line-height: 36px;}
.rep_search_result .hs-search-results ul li a { background: #E4E4E4; padding: 39px 79px 39px 39px; display: inline-block; width: 100%; position: relative; color: #000; font-size: 30px; font-style: normal; font-weight: 400; line-height: 36px; /* 120% */ }
.rep_search_result .hs-search-results ul li:nth-child(even) a { background: #D0D0D0; }
.rep_search_result .hs-search-results ul li a:before { position: absolute; content: ""; background: url(https://www.aaon.com/hubfs/aaon-rep/images/right-arrow.svg)no-repeat center/cover; right: 40px; top: 44px; width: 30px; height: 24px; }
.rep_search_result .hs-search-results ul li p.hs-search-results__description { padding: 39px; color: #000; font-size: 24px; font-style: normal; font-weight: 400; line-height: 36px; display: none; }
.rep_search_result .hs-search-results__pagination { display: inline-block; width: 100%; padding-top: 30px; }
.rep_search_result .hs-search-results ul li p.hs-search-results__description span { color: #0065A4; }

/* Password prompt page CSS */
.password-prompt-page { padding: 55px 0; }
.password-prompt-page .logo-img { max-width: 171px; margin: 0 auto; }
.password-prompt-page .logo-img img { width: 100%; }
.password-prompt-page .content-wrap { padding: 60px 0 12px; text-align: center; font-family: 'DIN-2014'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 48.524px; }
.password-prompt-page .content-wrap h1 { text-align: center; font-family: 'DIN-2014'; font-size: 40.833px; font-style: normal; font-weight: 600; line-height: 48.524px; }
.password-prompt-page .password-prompt-wrap { background: var(--tertiary-color); max-width: 655px; margin: 0 auto; padding: 39px 45px 44px; }
.password-prompt-page form input[type=password] { height: 44px !important; margin: 0 auto !important; border-radius: 0; padding: 7px 12px; }
.password-prompt-page form input::placeholder { font-family: 'DIN-2014'; font-size: 20.631px; font-style: normal; font-weight: 600; }
.password-prompt-page .password-prompt-wrap input[type=submit] { width: 100%; border-radius: 0; color: #FFF; font-family: 'DIN-2014'; font-size: 20.631px; font-style: normal; font-weight: 600; line-height:30px; margin-top: 14px; padding: 7px 20px; text-transform: capitalize; }
.password-prompt-page .password-prompt-wrap input[type=submit]:hover { background: var(--quaternary-color); }
.password-prompt-page .password-prompt { color: #ffffff; text-align: left; font-size: 18px; line-height: 30px; }


@media (max-width:1200px){
    .error_page { padding: 150px 0; }
    .error_page .error_title h1 { font-size: 250px; }
    .error_page .content h2 { font-size: 70px; }
    
    .rep_search_result { padding-bottom: 100px; }
}

@media (max-width:991px){
    .rep_search_hero form input { height: 86px !important; font-size: 30px; line-height:40px; }
}

@media (max-width:767px){
    .error_page { padding: 100px 0; }
    .error_page .content h2 { font-size: 50px; }
    .error_page .error_title h1 { font-size: 200px; }
    
    .rep_search_hero form input { height: 86px !important; font-size: 23px; line-height:33px; }
    
    .password-prompt-page .content-wrap { padding-top: 30px; line-height: 30px; }
    .password-prompt-page .password-prompt-wrap { padding: 30px; }
}

@media (max-width:500px){
    .error_page .error_title h1 { font-size: 100px; }
    .error_page .content h2 { font-size: 40px; }
    .error_page .content { padding: 30px 0 50px; }
    
    .rep_search_result .hs-search-results ul li a { padding: 25px 42px 25px 15px; font-size: 20px; line-height: 30px; }
    .rep_search_result .hs-search-results ul li p.hs-search-results__description { padding: 20px 15px; font-size: 18px; line-height: 28px; }
    .rep_search_result .hs-search-results ul li a:before { top: 35px; right: 10px; width: 20px; height: 14px; }
    .rep_search_hero { padding: 23px 0 45px; }
    
    .rep_search_result { padding-bottom: 50px; }
    
    .password-prompt-page .password-prompt-wrap { padding: 15px; }
    
}  
}  
 




/* Custom Fonts */


@font-face {
    font-family: 'DIN-2014';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_bold-webfont.woff2') format('woff2'),
         url('https://www.aaon.com/hubfs/Aaon/fonts/din_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-2014';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_blackalternate-webfont.woff2') format('woff2'),
         url('https://www.aaon.com/hubfs/Aaon/fonts/din_blackalternate-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-2014';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_medium-webfont.woff2') format('woff2'),
         url('https://www.aaon.com/hubfs/Aaon/fonts/din_medium-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-2014';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_regular-webfont.woff2') format('woff2'),
         url('https://www.aaon.com/hubfs/Aaon/fonts/din_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-RegularAlternate';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_regularalternate-webfont.woff2') format('woff2'),
         url('https://www.aaon.com/hubfs/Aaon/fonts/din_regularalternate-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-2014';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/din_lightalternate-webfont.woff2') format('woff2'),
         url('https://www.aaon.com/hubfs/Aaon/fonts/din_lightalternate-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'DIN 2014';
    src: url('https://www.aaon.com/hubfs/Aaon/fonts/DIN2014-Demi.woff2') format('woff2'),
        url('https://www.aaon.com/hubfs/Aaon/fonts/DIN2014-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



::selection {
    color: #005CB9;
    background: ;
}

/* Root */
:root {
    --main-color:                         #000000;
    --secondary-color:                    #005CB9;
    --tertiary-color:                     #001F60;
    --quaternary-color:                   #6BC4E8;
    --color5:                             #F8F5F1;
    --color6:                             #636569;
    --color7:                             #A7A8A9;
    --color8:                             #EFEFEF;
    --color9:                             #fff;
    --color10:                            ;
    --color11:                            ;
    --color12:                            ;
    --color13:                            ;
   
      
    --main-font:                          DIN-2014;
    --sec-font:                           DIN-2014;
    --din-light:                          DIN-2014;
    --din-regular:                        DIN-2014;
    --din-medium:                         DIN-2014;
    --din-bold:                           DIN-2014;
    --din-black:                          DIN-2014;
    --din-font:                           DIN 2014;
  
    --headertopbg:                        
    
    
        
    
    rgba(#null, 1)
;
    --headertoplink:                      ;
    --headertoplinkhover:                 ;
    --headerbottombg:                     
    
    
        
    
    rgba(0, 0, 0, 1.0)
;
    --headerbottomlink:                   #FFFFFF;
    --headerbottomlinkhover:              #6BC4E8;
    --dropcolor:                          #000000;
    --droplinkcolor:                      #FFFFFF;
    --droplinkhovercolor:                 #6BC4E8;
    --droplinkhoverbgcolor:               ;  
    --hamburger:                          #FFFFFF;
  
    --body_font:                          DIN-2014;
    --body_font_size:                     24;
  
    --link_color:                         #005CB9;
    --link_hover_color:                   #001F60;  
    
    
}

h1, h2, h3, h4, h5, h6, .general_int_raw .financial_price_wrap .financial_price_text, .financial_price_text { letter-spacing: -1px; }

/* body,.body-wrapper { display: inline-block; vertical-align: top; width: 100%; } */

*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

hr { border:none; outline:none; float:left; width:100%; height:1px; background:#000000; clear:both; margin:30px 0; }
.clear { clear:both }

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }

.row-fluid [class*="span"] { min-height:0; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:1; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:var(--secondary-color); background:transparent; width:24px; height:24px; font-size:0; cursor:pointer; border:0; transition:all ease-in-out .4s; }
.slick-arrow:before { position: absolute; height: 24px; width: 24px; content: ""; background: url('https://www.aaon.com/hubfs/Aaon/images/product-slider-arrow.svg') no-repeat center / cover; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.slick-arrow:hover { background:transparent; color:#ECECEC;  }
.slick-arrow.slick-prev { left:0; }
.slick-arrow.slick-prev:before {  }
.slick-arrow.slick-next { right:0; transform: rotate(180deg); }
.slick-arrow.slick-next:before {  }
.slick-arrow.slick-disabled { display:none !important; }

ul.slick-dots { margin:0; list-style:none; text-align:center; padding:17px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; line-height:0; }
ul.slick-dots li button { display:inline-block; background:#ffffff; border:1px solid #005CB9; width:16px; height:16px; border-radius:100%; font-size:0; cursor:pointer; padding:0; box-shadow:none; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#005CB9; }

.container .dnd-section > .row-fluid, .wrapper { margin:0 auto !important; width:1200px; max-width: 100%; padding:0 15px; float:none !important; }
.i-container .dnd-section > .row-fluid, .i-wrapper { margin:0 auto !important; width:1200px; max-width: 100%; padding:0 15px; float:none !important; }
main.body-container-wrapper { display: inline-block; vertical-align: top; width: 100%; }

.social_icon ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.social_icon ul li a { display: flex; align-items: center; justify-content: center; height: 45px; width: 45px; background: var(--secondary-color); border-radius: 100%; }
.social_icon ul li + li { margin-left: 10px; }
.social_icon ul li a { color: #fff; font-size: 20px; }
.social_icon ul li a:hover { background: var(--main-color); }

/* Contact */
.contact-details-main-wrap { padding: 130px 0 250px; }
.contact-details-wrap { max-width: 1069px; }
.contact-details-two-part-info { padding-top: 15px; }
.contact-details-two-part-info ul { margin: 0; padding: 0; }
.contact-details-two-part-info ul li { display: inline-block; width: 100%; color: var(--color10); }
.contact-details-two-part-wrap:after { content: ''; display: block; width: calc(100% - 30px); border-bottom: 1px solid var(--main-color); padding-top: 40px; margin: 0px auto; }
.contact-tab-content { display:none; }
.contact-tabs-title { padding: 16px 0; position: relative; cursor: pointer; }
.contact-tabs-title h2 { font-size: 30px; font-style: normal; font-weight: 600; line-height: 51px; }
.contact-tabs-list { border-bottom: 1px solid var(--main-color); }
.contact-tab-content { padding-bottom: 35px; }
.contact-tabs-title:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='11' viewBox='0 0 17 11' fill='none'%3E%3Cpath d='M1 1L9 9L16 1' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A"); width: 17px; height: 11px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; transition: all 400ms ease-in-out; }
.contact-tabs-title.active:after { transform: rotate(180deg) translateY(50%); }
.contact-tab-content .contact-details-two-part-info { padding-top: 25px; }
.contact-main-heading h1 { font-size: 44px; font-style: normal; font-weight: 400; line-height: 36px; letter-spacing: 0.44px; }
.contact-form-main-wrap { padding: 109px 0 134px; background: #F8F5F1; }
.contact-form-wrap { max-width: 840px; margin: 0px auto; }
.contact-form-hc h2 { font-size: 44px; font-style: normal; font-weight: 400; line-height: 67.2px; color: var(--tertiary-color); }
.contact-form-hc .content { padding: 16px 0 25px; font-size: 18px; font-weight: 400; line-height: 27px; color:var(--color6); max-width: 80%; margin: 0 auto; }
.contact-form { text-align: left; padding-top: 45px; }
.contact-form .hs_submit.hs-submit { text-align: center; }
.contact-form form .hs-button { border-radius: 8px; width: 204px; padding: 21px 20px; margin-top: 57px; text-transform: none; font-size: 20px; }

/* Hero */
.hero-main-wrap { position: relative; z-index: 1; background-blend-mode: luminosity; background-color: rgb(0 0 0 / 100%) !important; padding:125px 0px 125px; }
.hero-main-wrap:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; background: rgb(0 0 0 / 60%); }
.hero-wrap { max-width: 475px; }
.hero-wrap h1 { font-size: 40px; line-height: 48px; }

/* Privacy Policy Page */
.privacy_policy_sc { padding: 200px 0; }
.privacy_policy_wrap { display: flex; flex-wrap: wrap; }
.privacy_policy_wrap .left ul { padding: 0; margin: 0; list-style-type: none; }
.privacy_policy_wrap .left { width: 430px; max-width: 100%; }
.privacy_policy_wrap .right { width: calc(100% - 430px); padding-left: 80px; }
.privacy_policy_wrap .right .tab_raw .content { width: 850px; max-width: 100%; font-size: 18px; }
.privacy_policy_wrap .right .top { margin-bottom: 50px; display: flex; justify-content: space-between; gap: 30px; }
.privacy_policy_wrap .right .top h1 { font-size: 44px; color: #001F60; line-height: 1; }
.privacy_policy_wrap .right .tab_raw .content p { padding: 0 0 30px; }
.privacy_policy_wrap .right .tab_raw .content h2 { margin-bottom: 5px; }
.privacy_policy_wrap .right .tab_raw .content ul { margin: 0 0 20px; padding-left: 20px; }
.privacy_policy_wrap .left ul li a { display: inline-block; vertical-align: top; width: 100%; padding: 20px 0; border-top: 1px solid #A7A8A9; font-weight: 600; }
.privacy_policy_wrap .left ul li a.list { position: relative; padding-right: 25px; }
.privacy_policy_wrap .left ul li a.list:after { position: absolute; content: ""; top: 0; right: 0; height: 12px; width: 22px; background: url(https://www.aaon.com/hubfs/menu-drop-arrow.svg) no-repeat center / cover; bottom: 0; margin: auto 0; }

.privacy_policy_wrap .left ul li a.list + ul li a { padding: 0; border: 0; margin: 0; letter-spacing: 0.2px; font-size: 20px; line-height: 25px; font-weight: 400; color: #000; text-transform: uppercase; }
.privacy_policy_wrap .left ul li a.list + ul { padding-left: 20px; margin-bottom: 20px; }
.privacy_policy_wrap .left ul li a.list + ul li a:hover, .privacy_policy_wrap .left ul li a.list + ul li.active a { color: #005CB9; }
.privacy_policy_wrap .in { position: sticky; top: 30px; }

.add_policy_raw { border-radius: 8px; border: 1px solid #A7A8A9; padding: 50px 70px; margin-bottom: 120px; }
.add_policy_raw:last-child { margin-bottom: 0; }
.add_policy_raw h3 { font-size: 44px; color: #001F60; font-weight: 400; margin-bottom: 10px; }
.add_policy_raw .sub_text { font-size: 18px; color: #000; margin-bottom: 15px; width: 870px; max-width: 100%; }
.doc_list_item_wrap { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.doc_list_item_wrap .doc_list_item { width: calc(50% - 20px); margin: 10px; padding-right: 50px; }
.doc_list_item_wrap .doc_list_item .doc_label { display: flex; align-items: center; gap: 10px; font-size: 14px; letter-spacing: 0.32px; color: #636569; font-weight: 400; margin-bottom: 5px; }
.doc_list_item_wrap .doc_list_item .file_name { font-size: 25px; color: #005CB9; }
.doc_list_item_wrap .doc_list_item .file_link a { font-size: 16px; color: #000; line-height: 20px; display: flex; align-items: center; gap: 15px; }
.doc_list_item_wrap .doc_list_item .wrap { display: flex; align-items: center; gap: 15px 40px; margin: 20px 0 0; /*justify-content: space-between;*/ }

.privacy_policy_wrap .tab_raw { display: none; }
.privacy_policy_wrap .tab_raw#tab1 { display: block; }
.privacy_policy_wrap .left ul li.current a { color: #001F60; }
.privacy_policy_wrap .right .top .btn_style1.download a:before { position: relative; content: ""; display: inline-block; vertical-align: middle; height: 20px; width: 19px; top: -1px; left: 0; background: url(https://www.aaon.com/hubfs/download-icon.png) no-repeat center / cover; margin-right: 7px; }

.topicsmain_wrap { display: inline-block; width: 100%; vertical-align: top; padding: 70px 0; }
.topicsmain_wrap .topics-main-heading { display: flex; align-items: center; padding-bottom: 16px; margin-bottom: 50px; border-bottom: 1px solid #000; }
.topicsmain_wrap .topics-main-heading h5 { padding-left: 0; color: var(--secondary-color); font-family: var(--main-font); }
.topicsmain_wrap .section_wrap { display: flex; flex-wrap: wrap; align-items: flex-start; }
.topicsmain_wrap .section_wrap .left_part { width: 63%; padding-right: 31px; padding-top:37px; }
.topicsmain_wrap .section_wrap .right_part { width: 37%; padding-left: 31px; position:relative; }
.topicsmain_wrap .topic_post .topic_inner { border-radius: 12px; border: 1px solid var(--color7); padding: 25px 50px 35px 35px; position: relative; }
.topicsmain_wrap .topic_post .topic_inner+.topic_inner { margin-top: 16px; }
.topicsmain_wrap .topic_post .topic_inner a.cursor-link { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.topicsmain_wrap .publist_date { font-size: 22px; letter-spacing: 1px; color: var(--color7); font-family: var(--din-medium); opacity: 0.8; font-weight: 600; padding-bottom: 6px; }
.topicsmain_wrap .topic_post .topic_inner h2 { color: #000; transition: all .5s ease-in-out; }
.topicsmain_wrap .topic_post .topic_inner .content { padding-top: 16px; font-size: 18px; }
.topicsmain_wrap .topic_post .topic_inner:hover h2 { color: var(--secondary-color); }

.topicsmain_wrap .section_wrap .right_part .title_btn { display: flex; align-items: flex-end; padding-bottom: 16px; margin-bottom: 50px; border-bottom: 1px solid #000; justify-content: space-between; }
.topicsmain_wrap .section_wrap .right_part h5 { color: var(--secondary-color); font-family: var(--main-font); }
.topicsmain_wrap .right_part .recenter_postwrap { max-height: 967px; min-height: 967px; overflow-y: scroll; padding-left: 24px; position: relative; direction: rtl; }
.topicsmain_wrap .right_part .recenter_postwrap .post_inner { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; position:relative; }
.topicsmain_wrap .recenter_postwrap .post_inner .post-title { font-size: 20px; text-transform: capitalize; font-family: var(--main-font); }
.topicsmain_wrap .right_part .recenter_postwrap .post_wrap { direction: ltr; }
/* .topicsmain_wrap .section_wrap .right_part:before { position: absolute; content: ""; top: 130px; left: 70px; width: 100%; height: 110px; background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.6) 63.5%, rgba(255, 255, 255, 0.63) 18.5%, #FFF 100%); z-index: 2; } */
.topicsmain_wrap .right_part .recenter_postwrap::-webkit-scrollbar-track { border-radius: 20px; }
.topicsmain_wrap .right_part .recenter_postwrap::-webkit-scrollbar { width: 11px; background-color: #D9D9D9; border-radius:20px; }
.topicsmain_wrap .right_part .recenter_postwrap::-webkit-scrollbar-thumb { border-radius: 20px; background-color:rgba(0, 0, 0, 0.51); }
.topicsmain_wrap .section_wrap .right_part:after { position: absolute; content: ""; bottom: 0; left: 41px; width: 100%; height: 180px; background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.6) 33.5%, rgba(255, 255, 255, 0.63) 68.5%, #FFF 100%); z-index: 2; }
.topicsmain_wrap .right_part .recenter_postwrap .post_inner a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; }
.topicsmain_wrap .recenter_postwrap .post_inner:hover .post-title { color: var(--secondary-color); }
.topicsmain_wrap .right_part .recenter_postwrap .post_inner:last-child { margin-bottom: 0; }

.featured_videos { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.featured_videos.btm_space_decrease { padding-bottom: 50px; }
.featured_videos.top_btm_space_decrease { padding: 50px 0; }
.featured_videos.top_space_decrease { padding-top: 50px; }
.featured_videos .title h2 { font-size: 22px; }
.featured_videos .col .in { padding: 0 40px; }
.featured_videos .featured_slider { margin: 0 -40px; }
.featured_videos .inner .img { width: 100%; height: 353px; display: flex; align-items: center; justify-content: center; position: relative; }
.featured_videos .inner .img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.featured_videos .inner .btm_part { padding: 23px 0 0; }
.featured_videos .inner .btm_part .date { font-size: 22px; font-style: normal; font-weight: 600; line-height: 35px; /* 159.091% */ letter-spacing: 1px; text-transform: capitalize; opacity: .8; color: var(--color7); }
.featured_videos .title { padding-bottom: 20px; margin-bottom: 43px; border-bottom: 1px solid #000; }
.featured_videos .inner .btm_part h2 { color: #000; line-height: 1.2; text-transform: capitalize; font-size:28px; }
.featured_videos .inner .btm_part .link_style { padding-top: 15px; }
.featured_videos .inner .btm_part .link_style a:before,
.featured_videos .inner .btm_part .link_style a:after { display: none; }
.featured_videos .inner .btm_part .link_style a svg { line-height: 1; vertical-align: middle; margin-left: 10px; transition: all .5s ease-in-out; }
.featured_videos .inner .btm_part .link_style a { font-family: var(--din-medium); font-weight: 600; }
.featured_videos .inner .btm_part .link_style a:hover svg path { stroke: var(--tertiary-color); }
/* .featured_videos .featured_slider ul.slick-dots { padding-top: 63px; } */
.featured_videos .featured_slider ul.slick-dots li button { background: #D9D9D9; border: none; }
.featured_videos .featured_slider ul.slick-dots li.slick-active button { background: var(--secondary-color); }
.featured_videos .featured_slider .slick-arrow { top: 28%; margin: 0; height: 45px; width: 25px; }
.featured_videos .featured_slider .slick-arrow:before { height: 45px; width: 25px; background: url(https://www.aaon.com/hubfs/AAON/images/right-angle.svg) no-repeat center / cover; }
.featured_videos .featured_slider .slick-arrow.slick-next { transform: none; }
.featured_videos .featured_slider .slick-arrow.slick-prev { transform: rotate(180deg); }

.sales_pas { display: inline-block; width: 100%; vertical-align: top; padding: 120px 0 170px; }
.sales_pas .top_part .top_content { max-width: 960px; margin-left: 50px; color: var(--secondary-color); padding-bottom: 70px; }
.sales_pas .top_part .filter_part { margin-left: 50px; display: flex; flex-wrap: wrap; max-width: 960px; }
.sales_pas .top_part .filter_part .filterWrap { position: relative; }
.sales_pas .top_part .filter_part .search { background: var(--color5); border-radius: 12px; padding: 47px 50px; height:100%; }
.sales_pas .top_part .filter_part .filterWrap ul { list-style-type: none; padding: 0; margin: 0; display: none; position: absolute; top: 100%; border-radius: 12px; border: 1px solid #A7A8A9; background: #FFF; padding: 20px; width: 100%; border-top: 0; }
.sales_pas .top_part .filter_part .left_part { width: calc(43% - 15px); background: var(--color5); border-radius: 12px; padding: 47px 50px; margin-right: 15px; height:100%; }
.sales_pas .top_part .filter_part .right_part { width: calc(57% - 15px); margin-left: 15px; }
.sales_pas .top_part .filter_part .filterWrap span { display: inline-block; width: 100%; padding-right: 30px; position: relative; font-size: 19px; color: rgba(35, 31, 32, 0.50); text-transform: capitalize; font-family: var(--main-font); border-radius: 12px; border: 1px solid #A7A8A9; background: #FFF; padding: 20px;}
.sales_pas .filter_part .left_part .filter_title { font-size: 18px; font-weight: 600; line-height: 27px; padding-bottom: 10px; font-family: var(--din-medium); text-transform: capitalize; }
.sales_pas .top_part .filter_part .filterWrap span:before { position: absolute; content: ""; top: 32px; right: 10px; background: url(https://www.aaon.com/hubfs/AAON/images/calender-down.png) no-repeat center / cover; width: 14px; height: 8px;}
.sales_pas .top_part .filter_part .search input { width: 100%; border-radius: 12px; border: 1px solid #A7A8A9; background: #FFF; height: 61px; padding: 10px 30px 10px 10px; font-family: 'DIN-2014'; font-size: 19px; padding: 20px 45px 20px 20px; }
.sales_pas .top_part .filter_part .search label { font-size: 18px; font-weight: 600; line-height: 27px; padding-bottom: 10px; font-family: var(--din-medium); text-transform: capitalize; display: inline-block; }
.sales_pas .top_part .filter_part .right_part .form_wrap { position: relative; }
.sales_pas .top_part .filter_part .right_part .form_wrap button { position: absolute; /*top: 19px; right: 10px;*/ padding: 0; border: none; background: transparent; right: 18px; top: 21px; }
.sales_pas .top_part .filter_part .filterWrap ul li a { font-size: 19px; line-height: 48px; color: #231F20; text-transform: capitalize; display:inline-block; width:100%; }
.sales_pas .top_part .filter_part .filterWrap ul li a:hover { color: var(--secondary-color); }
.sales_pas .top_part .filter_part .filterWrap span.active:before { transform: rotate(180deg); }

.sales_pas .btm_part { padding-top: 102px; }
.sales_pas .btm_part .sort_by { display: flex; justify-content: flex-end; align-items: center; padding-bottom:30px; }
.sales_pas .btm_part .sort_by h5 { font-size: 23px; font-style: normal; font-weight: 700; line-height: 36px; /* 156.522% */ letter-spacing: 0.23px; color: #231F20; margin-right: 15px; }
.sales_pas .sort_by .form_inner+.form_inner { margin-left: 15px; }
.sales_pas .sort_by .form_inner input[type="radio"] { width: 100%; height: 100%; opacity: 0; position: absolute; }
.sales_pas .sort_by .form__group { display: flex; flex-wrap: wrap; align-items: center; }
.sales_pas .sort_by .form__group .form_inner { position: relative; }
.sales_pas .sort_by .form__group .form_inner label { position: relative; padding-left: 30px; font-size: 16px; font-weight: 600; line-height: 48px; font-family: var(--din-medium); color: #636569; text-transform: capitalize; cursor:pointer; }
.sales_pas .sort_by .form__group .form_inner label:before { position: absolute; content: ""; top: 2px; left: 0; width: 16px; height: 16px; border: 1px solid var(--secondary-color); border-radius: 100%; }
.sales_pas .sort_by .form_inner input[type="radio"]:checked + label:before { background: var(--secondary-color); }
.sales_pas .sort_by .form_inner input[type="radio"]:checked + label { color: var(--secondary-color); }

.sales_pas .table .heading_wrap { display: flex; flex-wrap: wrap; background: var(--secondary-color); padding: 14px; }
.sales_pas .table .heading_wrap .heading.first { width: 27%; }
.sales_pas .table .heading_wrap .heading.second { width: 35%; }
.sales_pas .table .heading_wrap .heading.third { width: 21%; }
.sales_pas .table .heading_wrap .heading.four { width: 17%; }
.sales_pas .table .heading_wrap .heading { padding: 0 10px; }
.sales_pas .table .heading_wrap .heading h5 { font-size: 18px; font-weight: 600; line-height: 27px; color: #fff; }
.sales_pas .table .table_body .inner { display: flex; flex-wrap: wrap; padding: 23px 14px 30px; }
.sales_pas .table .table_body .inner .first { width: 27%; padding: 0 10px; font-weight: 600; text-decoration: underline; }
.sales_pas .table .table_body .inner .second { width: 35%; padding: 0 10px; }
.sales_pas .table .table_body .inner .third { width: 21%; padding: 0 10px; }
.sales_pas .table .table_body .inner .four { width: 17%; padding: 0 10px; }
.sales_pas .table .table_body .inner > div { font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; color: var(--color6); }
.sales_pas .pagination ul { padding: 100px 0 0; }
.sales_pas .pagination ul li { background: transparent; color: #666; font-size: 16px; width: 40px; height: 40px; font-family:var(--din-regular); font-weight:400; }
.sales_pas .pagination ul li:hover,
.sales_pas .pagination ul li.active { color: #000 !important; }
.sales_pas .pagination ul li:hover svg path { stroke: #000; }
.sales_pas .pagination ul li.not-active svg path { stroke: #B5B5B5; }
.sales_pas .no-item { padding: 23px 0; }

.inner_hero { position: relative; z-index: 1; padding: 140px 0px 120px; }
.inner_hero .hero-wrap { margin: 0 auto; }
.inner_hero:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.inner_hero .hero-wrap .hero_logo { padding-bottom: 55px; }
.inner_hero .hero-wrap .btn_style1 { padding: 45px 0; }
.inner_hero .btm_cont a { color: #fff; text-decoration: underline; }
.inner_hero .btm_cont a:hover { color: var(--headerbottomlinkhover); }

.img_btn { display: inline-block; width: 100%; vertical-align: top; position: relative; background-blend-mode: multiply; background-color: var(--secondary-color) !important; }
/* .img_btn:before { position: absolute; top: 0; content: ""; left: 0; width: 100%; height: 100%; z-index: -1; background-blend-mode: multiply; background-color: var(--secondary-color); } */
.img_btn .section_wrap { flex-wrap: wrap; }
.img_btn .section_wrap .col { width: 25%; }
.img_btn .section_wrap .col .img { width: 100%; display: flex; align-items: center; justify-content: center; height: 372px; position: relative; z-index: 1; }
.img_btn .section_wrap .col .img:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%); }
.img_btn .section_wrap .col .img:hover .btn_style1 a { background: #fff; color: var(--secondary-color); }
.img_btn .section_wrap .col .img a.main_tab { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.img_btn .section_wrap .col.current .img { background: transparent !important;}

.tklisting_hubdb .pagination ul { padding: 100px 0 0; }
.tklisting_hubdb .pagination ul li { background: transparent; color: #666; font-size: 16px; width: 40px; height: 40px; font-family:var(--din-regular); font-weight:400; }
.tklisting_hubdb .pagination ul li:hover,
.tklisting_hubdb .pagination ul li.active { color: #000 !important; }
.tklisting_hubdb .pagination ul li:hover svg path { stroke: #000; }
.tklisting_hubdb .pagination ul li.not-active svg path { stroke: #B5B5B5; }
.tklisting_hubdb .no-item { padding: 23px 0; }
.tklisting_hubdb .pagination ul li.left-angle.disabled, .tklisting_hubdb .pagination ul li.right-angle.disabled { display: flex !important; }
.tklisting_hubdb .pagination ul li.left-angle.disabled svg path, .tklisting_hubdb .pagination ul li.right-angle.disabled svg path { stroke: #B5B5B5; }


.title_cont_section { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; z-index: 1; position: relative; }
.title_cont_section .section_wrap { display:none; }
.title_cont_section .section_wrap .btm_inner { display: flex; flex-wrap: wrap; }
.title_cont_section .section_wrap .left_part { width: 40%; padding-right: 15px; }
.title_cont_section .section_wrap .right_part { width: 60%; padding-left: 15px; color: #fff; }
.title_cont_section .section_wrap .left_part ul { list-style-type: none; padding: 0; margin: 0; }
.title_cont_section .section_wrap .left_part ul li a { color: rgb(255 255 255 / 60%); font-size: 32px; font-style: normal; font-weight: 300; line-height: 28px; }
.title_cont_section .section_wrap .left_part ul li { position: relative; padding-left: 20px; }
.title_cont_section .section_wrap .left_part ul li:before { position: absolute; content: ""; top: 0; left: 0; width: 6px; height: 100%; background: #fff; opacity: 0; transition: all .5s ease-in-out; }
.title_cont_section .section_wrap .left_part ul li.current:before { opacity: 1; }
.title_cont_section .section_wrap .left_part ul li.current a { font-size: 50px; color: #fff; line-height:1; }
.title_cont_section .right_part .inner { display: flex; flex-wrap: wrap; margin: 0 -55px;}
.title_cont_section .right_part .inner .in { width: 50%; padding: 0 30px 60px 55px; font-size: 20px; /*padding: 0 55px 60px; font-size: 22px;*/ }
.title_cont_section .right_part .inner .in .box_title { font-weight: 700; padding-bottom: 30px; }
.title_cont_section .left_part ul li+li { margin-top: 27px; }
.title_cont_section .right_part .right_inner { display: none; }

.image_slider { display: inline-block; width: 100%; vertical-align: top; padding: 50px 0 100px; background: #000000; }
.image_slider .section_wrap { padding-left: calc((100% - 1170px) / 2); }
.image_slider  .slick-list.draggable { padding-right: 150px; }
.image_slider .inner { padding: 0 15px; }
.image_slider .inner .img img { object-fit: cover; height: 100% !important; width: 100%; }
.image_slider .inner .img { height: 342px; }
.image_slider .section_wrap ul.slick-dots { position: absolute; right: 50px; }
.image_slider .section_wrap ul.slick-dots li button { background: transparent; border-color: #fff; }
.image_slider .section_wrap ul.slick-dots li.slick-active button { background: #fff; }
.image_slider .section_wrap button.slick-arrow { position: absolute; left: 15px; top: auto; bottom: 0; width: 46px; height: 46px; border: 1px solid #fff; }
.image_slider .section_wrap .img_slider { padding-bottom: 70px; }
.image_slider .section_wrap button.slick-arrow.slick-next { left: 70px; }
.image_slider .section_wrap button.slick-arrow:before { background: url(https://www.aaon.com/hubfs/AAON/images/slider-left-icon.svg)no-repeat center/cover; width: 21px; height: 33px; }

.register_now { padding-top: 100px; text-align: center; }
.register_now .btn_style1 { padding-top: 35px; }
.register_now h2 { font-size: 56px; color: #fff; }

.video_testimonials { display: inline-block; width: 100%; vertical-align: top; padding: 140px 0 100px; }
.video_testimonials .title { padding-bottom: 50px; }
.video_testimonials h2 { color: #001F60; font-size: 44px; font-weight: 400; line-height: 36px; /* 81.818% */ letter-spacing: -0.44px; font-family: var(--main-font); }
.video_testimonials .section_wrap { display: flex; flex-wrap: wrap; margin: 0 -7px; }
.video_testimonials .section_wrap .col { width: 25%; padding: 0 7px; }
.video_testimonials .section_wrap .col a { width: 100%; height: 250px; display: flex; border-radius: 12px; justify-content: center; align-items: center; }
.video_testimonials .section_wrap .col a i { color: rgba(0, 0, 0, 0.25); }

.faq { display: inline-block; width: 100%; vertical-align: top; padding: 80px 0 170px; }
.faq .title { padding-bottom: 74px; }
.faq h2 { color: #001F60; font-size: 44px; font-weight: 400; line-height: 36px; letter-spacing: -0.44px; font-family: var(--main-font); }
.faq .faq_wrap .col { border-top: 1px solid var(--tertiary-color); padding: 34px 0; }
.faq .faq_wrap .col:last-child { border-bottom: 1px solid var(--tertiary-color); }
.faq .faq_wrap .col .faq_title { display: inline-block; width: 100%; padding-right: 50px; font-size: 26px; font-weight: 600; color: rgb(0 0 0 / 80%); cursor: pointer; position: relative; }
.faq .faq_wrap .col .faq_content { padding-top: 28px; max-width: 80%; display: none; }
.faq .faq_wrap .col .faq_title:before { position: absolute; content: ""; top: 8px; right: 0; background: url(https://www.aaon.com/hubfs/AAON/images/plus-1.svg)no-repeat center/cover; width: 24px; height: 24px; }
.faq .faq_wrap .col .faq_title.active:before { background: url(https://www.aaon.com/hubfs/AAON/images/minus-1.svg)no-repeat center/cover; height: 2px; top: 19px; }

/* Investors - Governance - Directors Page */
.dir_sc { padding: 100px 0 40px; }
.dir_sc .top_wrap { padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap; }
.dir_sc .title h2 { color: var(--tertiary-color); font-family: var(--main-font); font-size: 44px; font-weight: 400; letter-spacing: -.44px; line-height: 36px; }
.dir_sc .top_wrap .title { padding: 0 15px 0 0; }
.dir_sc .top_wrap .btn_style a { padding: 17px 20px; font-size: 17px; border-radius: 5px; color: var(--color9); background: var(--secondary-color); position: relative; font-family: var(--din-bold); font-weight: 700; min-width: 220px; display: inline-block; text-align: center; }
.dir_sc .top_wrap .btn_style a:before { position: relative; content: ""; height: 16px; width: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; top: -2px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M8 12 3 7l1.4-1.45L7 8.15V0h2v8.15l2.6-2.6L13 7zm-6 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 0 14v-3h2v3h12v-3h2v3q0 .825-.587 1.413A1.92 1.92 0 0 1 14 16z'/%3E%3C/svg%3E"); }
.dir_sc .top_wrap .btn_style a:hover { background: var(--tertiary-color); }

.dir_sc .top_wrap .text { width: 750px; max-width: 100%; padding-right: 15px; font-size: 20px; line-height: 28px; color: #000; }
.dir_sc .top_wrap .text_btn.full_width { width: 100%; display: flex; justify-content: space-between; flex-wrap:wrap; align-items:center; }

.dir_sc .dir_wrap { display: flex; flex-wrap: wrap; margin: 0 -13px; padding-left: 0; align-items: flex-start; }
.dir_sc .dir_col { width: 33.33% ; padding: 13px; }

.dir_colin { position: relative;  border-radius: 10px; border: 1px solid #d4d4d4; overflow: hidden; }
.dir_colin .fullbox { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }
.dir_colin .dir_avatar { height: 14vw; display: flex; align-items: flex-end; justify-content: center; transition: all ease-in-out .4s; background: #e1e2e3; }
.dir_colin .dir_avatar img { width: 100%; height: 100% !important; object-fit: cover; }

.dir_infoin { padding: 20px; }
.dir_infoin h4 { font-size: 22px; line-height: 30px; font-family: var(--din-light); font-weight: 400; color: var(--secondary-color); }
.dir_infoin .dir_desg { color: #A7A8AA; font-size: 16px; line-height: 23px; font-style: italic; margin-top: 5px; }

.dir_infoin .link_style { margin-top: 30px; }
.dir_infoin .link_style a { padding-right: 40px; font-size: 17px; line-height: 24px; min-width: auto; color: var(--secondary-color); font-family: var(--din-bold); font-weight: 700; }
.dir_infoin .link_style a:before { width: 26px; height: 26px; background: var(--secondary-color); }
.dir_infoin .link_style a:after { margin: auto 0; width: 15px; height: 11px; filter: brightness(0) invert(1); top: 1px; right: 5px; background: url(https://www.aaon.com/hubfs/investors-2024/images/right-blue.png) no-repeat 50% / cover; }

.dir_infoin .link_style a:hover:before, .dir_col:hover .dir_infoin .link_style a:before { background: var(--quaternary-color); }
.dir_infoin .link_style a:hover, .dir_col:hover .dir_infoin .link_style a { color: var(--quaternary-color); }


.dir_pos { font-size: 16px; line-height: 23px; color: #000; margin-top: 5px; }
.dir_col:hover .dir_avatar { background: #D7EFF9; }  
/* .dir_col:hover .dir_avatar img { filter: grayscale(0); } */

.dir_pop_raw { display: none; }
.dir_pop_raw.fancybox-content { padding: 0 !important; width: 990px; max-width: 100%; border-radius: 15px; box-shadow: 0px 0px 64.8px 0px rgba(0, 0, 0, 0.25); }
.dir_pop_top { color: #000; padding: 60px 70px 0; display: flex; flex-wrap: wrap; /*align-items: center;*/ border-radius: 15px 15px 0px 0px; }
.dir_pop_avatar { line-height: 0; width: 300px; max-width: 100%; }
.dir_pop_details { text-align: left; color: #000; font-size: 25px; line-height: 36px; padding-left: 25px; width: calc(100% - 300px); padding-bottom: 15px; }
.dir_pop_details h4 { color: #000; font-size: 32px; line-height: 45px; margin-bottom: 10px; }
.dir_pop_content { padding: 40px 70px; text-align: left; font-size: 18px; line-height: 27px; color: #000; }
.dir_pop_content p { padding: 13px 0; }
.fancybox-stage .dir_pop_raw .fancybox-button { top: 5px !important; right: 5px !important; padding: 4px; opacity: 1 !important; }
.fancybox-stage .dir_pop_raw .fancybox-button svg path { fill: #6BC4E8; }
.dir_pop_details.noImg { padding-left: 0; width: 100%; padding-bottom: 15px; }

.sc_experince { display: inline-block; width: 100%; vertical-align: top; padding: 109px 0 134px; background: var(--color5); }
.sc_experince .section_wrap { max-width: 810px; margin: 0 auto; }
.sc_experince .section_wrap .title_content { text-align: center; padding-bottom: 48px; }
.sc_experince .section_wrap .title_content h2 { color: var(--tertiary-color); font-size: 44px; font-style: normal; font-weight: 400; line-height: 67.2px; }
.sc_experince .section_wrap .cont { color: var(--color6); font-size: 18px; font-weight: 400; line-height: 27px; margin: 0 auto; max-width: 80%; padding: 16px 0 0; }
.sc_experince .form h3 { display: none; }
.sc_experince .form form.sc_experince .form form .actions { display: flex; justify-content: center; }
.sc_experince .form form .hs_submit.hs-submit { text-align: center; }
.sc_experince .form form .hs_submit.hs-submit input[type=submit] { border-radius: 8px; font-size: 20px; margin-top: 57px; padding: 21px 20px; text-transform: none; width: 204px; }

.tklisting_hubdb { display: inline-block; width: 100%; vertical-align: top; padding: 36px 0 100px; }
.tklisting_hubdb .need_help { display: flex; justify-content: flex-end; }
.tklisting_hubdb .need_help a { font-size: 28px; font-style: normal; font-weight: 700; line-height: 35px; /* 125% */ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; text-transform: capitalize; }
.tklisting_hubdb .featured { padding-top: 80px; }
.tklisting_hubdb .fea_title { padding-bottom: 46px; }
.tklisting_hubdb .fea_title h2 { font-size: 44px; font-weight: 400; line-height: 56px; /* 81.818% */ letter-spacing: -0.44px; color: var(--tertiary-color); }
.tklisting_hubdb .sectoin_wrap { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.tklisting_hubdb .sectoin_wrap .col { width: 25%; padding: 0px 12px; }
.tklisting_hubdb .sectoin_wrap .col .inner { border-radius: 8px; border: 1px solid #000; padding: 25px; position:relative; height:100%; }
.tklisting_hubdb .inner .label_wrap { display: flex; align-items: center; padding-bottom: 21px; }
.tklisting_hubdb .inner .label_wrap span.icon { line-height: 1; margin-right: 13px; }
.tklisting_hubdb .inner label { color: #6F6F6F; font-size: 14.375px; font-weight: 400; line-height: 24px; /* 166.957% */ letter-spacing: -0.32px; }
.tklisting_hubdb .inner h3 { color: #000; font-size: 24px; font-weight: 400; line-height: 1.2; display: inline; padding-right: 0px; position: relative; }
.tklisting_hubdb .inner h3:after { display: inline-block; content: ""; top: 7px; right: 0; background: url(https://www.aaon.com/hubfs/AAON/images/right-icon.svg)no-repeat center/cover; width: 19px; height: 19px; margin-left: 6px; vertical-align: middle; }
.tklisting_hubdb .inner .box_content { padding-top: 25px; font-size: 16px; }
.tklisting_hubdb .sectoin_wrap .col .inner a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:1; }
.tklisting_hubdb .sectoin_wrap .col.coming_soon { opacity: .4; }
.tklisting_hubdb .sectoin_wrap .col.coming_soon .coming_soontext { position: absolute; bottom: 30px; }
.tklisting_hubdb .all_content { padding-top: 100px; }
.tklisting_hubdb .all_content .inner h3:after { display: none; }
.tklisting_hubdb .all_content .inner h3 { padding: 0; font-size: 28px; font-style: normal; font-weight: 600; line-height: 24px; }
.tklisting_hubdb .all_content .col .inner { padding-top: 58px; border-radius: 12px; border-color: var(--color7); }
.tklisting_hubdb .all_content .col .inner .wishlist { position: absolute; top: 10px; right: 10px; }
.tklisting_hubdb .all_content .col .inner .learn_more { padding-top: 35px; }
.tklisting_hubdb .all_content .sectoin_wrap .col { padding-bottom: 30px; }
.tklisting_hubdb .all_content .sectoin_wrap .col:hover h3 { color:#005CB9; }
.tklisting_hubdb .all_content .sectoin_wrap .col:hover path { fill:#005CB9; }
.tklisting_hubdb .all_content .flex-flow-column { flex-flow: column; justify-content: space-between; height: 100%; }


.toolkit_post { display: inline-block; width: 100%; vertical-align: top; padding: 75px 0 130px; }
.toolkit_post .title_btn { /*display: flex;*/ flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-bottom: 60px; }
.toolkit_post .title_btn .title_cont { padding-top: 10px; }
.toolkit_post .title_btn .title_cont .btn_style1 { width: 30%; }
.toolkit_post .title_btn .top_content { padding-top: 40px; }
.toolkit_post .title_btn .btn_style1 { display: flex; justify-content: flex-start; padding-top:30px; }
.toolkit_post .title_btn .btn_style1 a { position: relative; display: flex; align-items: center; min-width: 251px; justify-content: center; }
.toolkit_post .title_btn .btn_style1 a span { line-height: 1; padding-left: 25px; }
.toolkit_post .title_btn .btn_style1 a span svg { margin: 0; }
.toolkit_post .section_wrap { display: flex; flex-wrap: wrap; margin: 0 -7px; }
.toolkit_post .col { width: 20%; padding: 0 7px 20px; }
.toolkit_post .col .inner { padding: 40px 30px 30px 35px; border-radius: 8px; height: 100%; position:relative; z-index:1; }
.toolkit_post .col .inner:before { position: absolute; content: ""; top: 0px; left: 0; width: 100%; height: 100%; background: url(https://www.aaon.com/hubfs/aaon-rep/images/folder-pattern.svg)no-repeat center/ 100% 100%; z-index: -1; }
.toolkit_post .col .inner .sub_title { position: relative; padding-left: 30px; color: #6F6F6F; font-size: 14.375px; font-style: normal; font-weight: 400; line-height: 24px; /* 166.957% */ letter-spacing: 0.32px; }
.toolkit_post .col .inner .sub_title span { line-height: 1; position: absolute; top: 0; left: 0; vertical-align: middle; height: 23px; display: flex; align-items: center; }
.toolkit_post .col .inner .box_title { padding-top: 17px; font-size:20px; }
.toolkit_post .col .inner .box_btn { padding-top: 40px; }
.toolkit_post .col .inner .box_btn a { display:inline-block;padding: 3px 35px 3px 0; position: relative; color: #000; font-size: 16px; font-weight: 400; line-height: 20.7px; /* 129.123% */ }
.toolkit_post .col .inner .box_btn a:before { position: absolute; content: ""; top: 0; right: 0; background: url(https://www.aaon.com/hubfs/aaon-rep/images/down-arrow.svg)no-repeat center/cover; width: 22px; height: 25px; }
.toolkit_post .col .inner:hover .box_btn a { color: var(--secondary-color); }
.toolkit_post .col .inner.sqaure {  padding: 40px 25px 30px 25px; }
.toolkit_post .col .inner.sqaure:before { background: url(https://www.aaon.com/hubfs/aaon-rep/images/card-shape.svg)no-repeat center/100% 100%; }

.link_library { display: inline-block; width: 100%; vertical-align: top; /*padding: 0px 0 213px;*/padding: 0 0 100px; }
.link_library h2 { position: relative; display: inline-block; color: var(--secondary-color); font-size: 32px; line-height: 1.2; letter-spacing: 0.32px; }
.link_library h2 span { position: absolute; top: 0; right: 0; line-height: 1; }
.link_library .title { padding-bottom: 68px; }
.link_library .section_wrap .col+.col { margin-top: 45px; }
.link_library .section_wrap .col .inner .date { color: var(--color7); font-size: 22px; font-weight: 600; line-height: 1.2; /* 159.091% */ letter-spacing: 1px; text-transform: capitalize; }
.link_library .col .box_title a { display:inline-block;position: relative; padding-right: 50px; color: #000; font-size: 26px; font-weight: 600; line-height: 35px; /* 134.615% */ text-transform: capitalize; }
.link_library .col .box_title a:before { position: absolute; content: ""; top: 5px; right: 0; background: url(https://www.aaon.com/hubfs/aaon-rep/images/right-arrow.svg)no-repeat center/cover; width: 30px; height: 24px; transition: all .4s ease-in-out; }
.link_library .col .box_title a:hover:before { right: -5px; }
.link_library .col .box_title a:hover { color: var(--secondary-color); }

.twocolumn_tab .title_cont_section .right_part .inner.justify-center .in { width: 100%; max-width: 80%; /*max-width: 65%;*/ }
/* .twocolumn_tab .title_cont_section .right_part .inner { justify-content: center; } */
.inner_hero.full_width .hero-wrap { max-width: 100%; }
.img_btn.twocolumn_tab .section_wrap .col { width: 50%; }

.img_btn.twocolumn_tab .section_wrap .col.current .img:before { display: none; }

.literature { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.literature .title { padding-bottom: 85px; }
.literature .title h2 { font-size: 44px; text-transform: capitalize; color: var(--tertiary-color); }
.literature .filter_btn { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; max-width: 80%; }
.literature .filter_btn .filter_part { width: 80%; padding-right: 15px; display: flex; flex-wrap: wrap; }
.literature .filter_btn .btn_part { width: 20%; padding-left: 15px; display: flex; justify-content: flex-end; }
.literature .filter_part .filtr_title { color: #000; font-size: 23px; font-weight: 700; line-height: 36px; /* 156.522% */ letter-spacing: 0.23px; width: 15%; }
.literature .filter_part .filter_main { display: flex; flex-wrap: wrap; width: 85%; }
.literature .filter_part .filter_main .col { margin: 0 15px; position: relative; width: 15%; line-height: normal; padding-bottom: 15px; }
.literature .filter_part .filter_main .col span { display: inline-block; position: relative; padding-right: 30px; color: var(--AAON-core-blue, #005CB9); font-size: 20px; font-weight: 600; line-height: 28px; /* 140% */ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; }
.literature .filter_part .filter_main .col ul { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 100%; left: -15px; z-index: 1; background: #fff; padding: 7px; border: 1px solid rgba(0, 0, 0, .5); width: 100%; display: none; }
.literature .filter_part .filter_main .col span:before { position: absolute; content: ""; top: 12px; right: 0; background: url(https://www.aaon.com/hubfs/aaon-rep/images/down-angle.svg)no-repeat center/cover; width: 14px; height: 9px; }
.literature .filter_part .filter_main .col ul li a { font-size: 16px; display:inline-block; width:100%; }
.literature .section_wrap { padding-top: 85px; }
.literature .section_wrap .inner+.inner { margin-top: 36px; }
.literature .section_wrap .inner .date { color: var(--color7); font-size: 22px; font-weight: 600; line-height: 35px; letter-spacing: 1px; text-transform: capitalize; }
.literature .section_wrap .inner h3 { color: #000; font-size: 26px; font-weight: 600; line-height: 35px; text-transform: capitalize; }
.literature .section_wrap .inner h3 a { color: #000; position: relative; padding-right: 80px; display: inline-block; }
.literature .section_wrap .inner h3 a:before { position: absolute; content: ""; top: 6px; right: 0; background: url(https://www.aaon.com/hubfs/aaon-rep/images/down-arrow.svg)no-repeat center/cover; width: 22px; height: 25px; }
.literature .section_wrap .inner h3 a:hover { color: var(--secondary-color); }
.literature .filter_part .filter_main .col ul li+li { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0,0,0,.5); }

.past_webinar { display: inline-block; width: 100%; vertical-align: top; padding: 133px 0; }
.past_webinar .title { /*padding-bottom: 80px;*/ padding-bottom: 45px; }
.past_webinar h2 { color: var(--tertiary-color); font-size: 44px; font-weight: 400; line-height: 36px; }
.past_webinar .col+.col { margin-top: 33px; padding-top: 33px; border-top: 1px solid #E8E8E8; }
.past_webinar .inner .boxtitle_btn { display: flex; flex-wrap: wrap; padding-top: 7px; }
.past_webinar .inner .boxtitle_btn .box_title { /*width: 60%;*/ width: 55%; color: #000; font-size: 26px; font-weight: 600; line-height: 35px; /*text-transform: capitalize;*/ padding-right: 20px; }
.past_webinar .inner .btn_wrap { /*width: 40%;*/ width: 45%; display: flex; align-items: center; flex-wrap: wrap; /*gap: 5px 50px;*/ }
.past_webinar .inner .btn_wrap > div { width: 33.33%; }
.past_webinar .inner .btn_wrap > div + div { padding-left: 25px; }
.past_webinar .inner .btn_wrap > div + div + div { padding-left: 40px; }
/* .past_webinar .inner .btn_wrap .webcast { padding-right: 50px; }
.past_webinar .inner .btn_wrap .powerpoint { padding-left: 50px; } */
.past_webinar .inner .date { color: var(--color7); font-size: 22px; font-weight: 600; line-height: 35px; letter-spacing: 1px; text-transform: capitalize; }
.past_webinar .inner .btn_wrap a { /*padding-left: 60px;*/ padding-left: 32px; position: relative; cursor: pointer; display: inline-block; color: var(--secondary-color); font-size: 20px; font-weight: 600; line-height: 35px; /* 175% */ /*text-transform: capitalize; text-transform: uppercase;*/ }
.past_webinar .inner .btn_wrap a svg { position: absolute; /*top: 5px;*/ top: 7px; left: 0; transition: all .5s ease-in-out; max-width: 23px; }
.past_webinar .inner .btn_wrap .webcast a svg { }
/*.past_webinar .inner .btn_wrap .powerpoint a { padding-left: 40px; }*/
.past_webinar .inner .btn_wrap a:hover { color: var(--tertiary-color); }
.past_webinar .inner .btn_wrap a:hover svg path { fill: var(--tertiary-color); }
.past_webinar .inner .btn_wrap a svg path { transition: all .5s ease-in-out; }

.cus_pagination.pagination ul { padding: 100px 0 0; }
.cus_pagination.pagination ul li { background: transparent; color: #666; font-size: 16px; width: 40px; height: 40px; font-family:var(--din-regular); font-weight:400; }
.cus_pagination.pagination ul li:hover,
.cus_pagination.pagination ul li.active { color: #000 !important; }
.cus_pagination.pagination ul li:hover svg path { stroke: #000; }
.cus_pagination.pagination ul li.not-active svg path { stroke: #B5B5B5; }
.cus_pagination.no-item { padding: 23px 0; }
.cus_pagination.pagination ul li.left-angle.disabled, .cus_pagination.pagination ul li.right-angle.disabled { display: flex !important; }
.cus_pagination.pagination ul li.left-angle.disabled svg path, .cus_pagination.pagination ul li.right-angle.disabled svg path { stroke: #B5B5B5; }

.inner_hero.bg_color { background-color: var(--tertiary-color) !important;}
.inner_hero.bg_color:before { display: none; }

.contact_us { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.contact_us .section_wrap { display: flex; flex-wrap: wrap; }
.contact_us .section_wrap .left_part { width: 20%; padding-right: 30px; }
.contact_us .section_wrap .right_part { width: 80%; padding-left: 30px; }
.contact_us .section_wrap h2 { font-size: 44px; font-weight: 400; line-height: 36px; /* 81.818% */ letter-spacing: 0.44px; color: var(--tertiary-color); }
.contact_us .section_wrap .left_part .content { padding: 32px 0; font-size: 16px; line-height: 25px; color: var(--color6); font-family: var(--main-font); font-weight: 600; }
.contact_us .section_wrap .left_part .btn_style1 a { padding: 12px 10px; min-width: 190px; font-size: 17px; font-style: normal;font-weight: 700;line-height: 27px; }
.contact_us .section_wrap .left_part .btn_style1 a svg { margin-right: 0; } 
.contact_us .section_wrap .left_part .content strong { font-weight: 800; }
.contact_us .section_wrap .left_part .btn_style1 a span { margin-left: 6px; }

.contact_us .table { }
.contact_us .table .table_heading { background: var(--secondary-color); }
.contact_us .table .table_heading ul { display: flex; list-style-type: none; padding: 0; margin: 0; }
.contact_us .table .table_heading ul li { padding: 14px 20px; font-size: 20px; font-style: normal; font-weight: 400; color: #fff; border-right: 1px solid #fff; width:100%; }
/* .contact_us .table .table_heading ul li:nth-child(2) { width: 44.5%; } */
.contact_us .table .table_heading ul li:last-child { border: none; }
.contact_us .table_inner { border: 1px solid #B0B0B0; display:flex;}
.contact_us .table .table_content { }
.contact_us .table .table_content .slider { display: flex; }
.contact_us .table .slider { }
/* .contact_us .table .slider .title_cont { display: flex; flex-wrap: wrap; } */
.contact_us .table .slider .title_cont .box_intitle { padding: 13px 20px; font-size: 16px; font-weight: 700; line-height: 21px; color: #636569; }
.contact_us .table .slider .title_cont .cont { width: 100%; display: flex; }
.contact_us .table .slider .content_inner:nth-child(even) { background: var(--color5); }
.contact_us .table .slider .title_cont .cont .ci_text { width: 100%; color: #636569; font-size: 16px; font-style: normal; font-weight: 400; line-height: 21px; padding: 15px 20px; }
.contact_us .table .slider .title_cont .cont .team_text { width: 100%; border-left: 1px solid #B7B7B7; color: #636569; font-size: 16px; font-style: normal; font-weight: 400; line-height: 21px; padding: 15px 20px; }
.contact_us .table .slider .title_cont .cont .team_text ul { margin: 0; padding: 0; list-style-type: none; }
.contact_us .table .slider .title_cont .cont .ci_text ul { list-style-type: none; padding: 0; margin: 0; }
.contact_us .table .slider .title_cont .cont ul li { padding-left: 15px; position: relative; }
.contact_us .table .slider .title_cont .cont ul li:before { position: absolute; content: ""; top: 7px; left: 0; width: 5px; height: 5px; background: #636569; border-radius: 100%; }
.contact_us .table .slider .title_cont .cont ul li+li { margin-top: 10px; }

.contact_us .table_inner .table_left { width: 220px; }
.contact_us .table_inner .table_right { width: calc(100% - 220px); border-left: 1px solid #b0b0b0; }
.contact_us .section_wrap .right_part h3 { font-size: 30px; font-style: normal; font-weight: 400; line-height: 56.384px; color: var(--tertiary-color); padding-bottom: 12px; }

.contact_us .table_right_slider { display: flex; flex-wrap: wrap; }
.contact_us .table_right_slider .table_right_inner { width: 60%; border-right: 1px solid #b0b0b0; }
.contact_us .table_right_slider .table_right_inner:last-child { border: none; width: 40%; }

.contact_us .type_column .table_right_slider .table_right_inner { width:42%; border-right: 1px solid #b0b0b0; }
.contact_us .type_column .table_right_slider .table_right_inner.contact{width:26%;}
.contact_us .type_column .table_right_slider .table_right_inner.contact_this_team_text { border: none; width:32%; }

.sc_experince .form form li.hs-form-radio label { font-size: 20px; font-weight: 600; line-height: 36px; color: var(--color6); }
.sc_experince .form form li.hs-form-radio input + span:before { top: 10px; }
.sc_experince .form form li.hs-form-radio input + span:after { top: 14px; }
.sc_experince .form form select { font-style: normal; appearance: none; background: url(https://www.aaon.com/hubfs/AAON/images/blue-downarrow.svg)no-repeat 98%; }

.toolkit_post .backto { padding-bottom: 45px; }
.toolkit_post .backto a { display: flex; align-items: center; font-size: 18px; font-weight: 600; line-height: 30.299px; /* 168.33% */ text-transform: capitalize; }
.toolkit_post .backto a span { margin-right: 15px; }

.toolkit_post .title_btn .title_cont h2 { color: #001F60; font-family: var(--main-font); font-size: 44px; font-weight: 400; line-height: 36px; }

.contact_us .table .slider .title_cont .box_intitle > a > strong{font-weight:700;text-decoration:underline;}
.contact_us .table .slider .title_cont .box_intitle > a:hover > strong{text-decoration:none;}
.contact_us .table .slider .title_cont .box_intitle > a > span{margin-left:5px;}

.video_testimonials .section_wrap .col a .overlay-icon { opacity: 0; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; }
.video_testimonials .section_wrap .col a:hover { background-color: #8D8D8D !important; background-blend-mode: multiply; }
.video_testimonials .section_wrap .col a:hover .overlay-icon { opacity: 1; }

.img_btn .section_wrap .col .img { height: 116px; }
.img_btn .section_wrap .col .img:before { background: rgba(0, 0, 0, 0.85); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.55) 36%, rgba(0, 0, 0, 0.54) 37%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0.55) 56%, rgba(0, 0, 0, 0.66) 59%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.85)), color-stop(36%, rgba(0, 0, 0, 0.55)), color-stop(37%, rgba(0, 0, 0, 0.54)), color-stop(50%, rgba(0, 0, 0, 0.33)), color-stop(56%, rgba(0, 0, 0, 0.55)), color-stop(59%, rgba(0, 0, 0, 0.66)), color-stop(100%, rgba(0, 0, 0, 1))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.55) 36%, rgba(0, 0, 0, 0.54) 37%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0.55) 56%, rgba(0, 0, 0, 0.66) 59%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.55) 36%, rgba(0, 0, 0, 0.54) 37%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0.55) 56%, rgba(0, 0, 0, 0.66) 59%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.55) 36%, rgba(0, 0, 0, 0.54) 37%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0.55) 56%, rgba(0, 0, 0, 0.66) 59%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.55) 36%, rgba(0, 0, 0, 0.54) 37%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0.55) 56%, rgba(0, 0, 0, 0.66) 59%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); }
.img_btn .section_wrap .col:after { content: ''; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); width: 4px; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; }
.img_btn .section_wrap .col { position: relative; }
.img_btn .section_wrap .col:last-child:after { display: none; }
.img_btn .section_wrap .col.current .img:before { display: none; }

.ssph-main-wrap { padding: 149px 0; }
.ssph-heading-content-wrap { max-width: 923px; margin: 0px auto; }
.ssph-heading-content-wrap h1 { text-align: center; }
.ssph-heading-content-wrap .content { padding-top: 40px; font-size: 22px; font-weight: 300; }
.ssph-heading-content-wrap .content strong { font-weight: 600; }

.ssph-list-main-wrap { padding-top: 150px; }
.ssph-list-heading h2 { font-size: 44px; font-style: normal; font-weight: 400; line-height: 48px; }
.ssph-list { width: calc(100% / 3); padding: 37px; }
.ssph-list-wrap { display: flex; flex-flow: wrap; margin: 0px -37px; }
.ssph-info { padding: 25px 28px 35px; border-radius: 12px; border: 1px solid #B4B4B4; height: 100%; }
.ssph-info .ssph-tag { border-radius: 4px; background: #4ECF7A; display: inline-block; padding: 4px 12px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; color: #FAFAFA; width: 68px; text-align: center; }
.ssph-info .ssph-date { font-size: 11px; font-style: normal; font-weight: 400; line-height: 17px; text-transform: uppercase; margin-top: 13px; color: #636569; }
.ssph-heading-content h4 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #001F60; letter-spacing: 0; }
.ssph-heading-content .content { font-size: 14px; font-style: normal; font-weight: 400; line-height: 19px; color: #000; margin-top: 12px; max-width: 340px; }
.ssph-heading-content { margin-top: 20px; margin-bottom: 40px; }
.ssph-btn-popup-wrap { display: flex; align-items: center; }
.ssph-btn-popup-wrap .btn_style1 a { min-width: auto; padding:10px 14px; font-size: 16px;}
.ssph-btn-popup-wrap .btn_style1 a svg { margin-right: 13px; }
.ssph-btn-popup-wrap .ssph-btn-popup { margin-left: 45px; line-height: normal; }
.ssph-btn-popup-wrap .ssph-btn-popup a { font-size: 16px; font-style: normal; font-weight: 600; line-height: 28px; /*text-transform: uppercase;*/ text-decoration: underline; display: inline-block; vertical-align: top; }
.ssph-list-heading { padding-bottom: 44px; }

.ssph-popup-detials-wrap { border-radius: 15px; min-width: 424px; padding: 50px 35px; }
.ssph-popup-detials-wrap h2 { font-size: 20px; font-style: normal; font-weight: 600; line-height: 24px; }
.ssph-popup-detials-wrap .details { margin-top: 25px; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; color: #001F60; }
.ssph-popup-detials-wrap .details p+p { padding-top: 16px; }
.fancybox-slide--html .ssph-popup-detials-wrap .fancybox-button { padding: 0; right: 11px; top: 10px; }

.ssph-page-main-wrap ul li.number.pager__item.active { background: transparent; color: #000; }
.ssph-page-main-wrap ul li.number.pager__item { color: #666; font-size: 16px; font-style: normal; font-weight: 400; line-height: 48px; letter-spacing: 0; width: 40px; height: auto; justify-content: center; align-items: center; margin: 0; }
.ssph-page-main-wrap ul li { width: 40px; height: auto; }
.ssph-page-main-wrap ul li i { color: #000; font-size: 19px; }
.ssph-page-main-wrap ul li:hover,.ssph-page-main-wrap ul li.number.pager__item:hover { background: transparent; color: #000; }
.ssph-page-main-wrap ul li:hover i { color: #000; }
.ssph-page-main-wrap ul.pager__items { padding: 140px 0 80px; }
.ssph-page-main-wrap ul li.disabled { display: flex !important; color: #B5B5B5; }
.ssph-page-main-wrap ul li.disabled i { color: #B5B5B5; }
.sc_experince .form form input[type=file] { padding: 11px;  }

.ssph-btn-popup-wrap .ssph-btn-popup a { display: inline-flex; align-items: center; gap: 10px; }
.ssph-btn-popup-wrap .ssph-btn-popup a svg path { stroke: var(--link_color); transition: all .5s ease-in-out; }
.ssph-btn-popup-wrap .ssph-btn-popup a:hover svg path { stroke: var(--link_hover_color); }

.rppu-hero-main-wrap { padding: 103px 0 120px; }
.rppu-hero-main-wrap.text-white h4 { color: #fff; }
.rppu-hero-wrap h4 { font-size: 23px; font-style: normal; font-weight: 600; line-height: 36px; letter-spacing: 0.23px; text-transform: capitalize; color: #000; margin-bottom: 6px; }
.rppu-hero-wrap .content { max-width: 903px; margin: 0px auto; padding-top: 38px; }
.rppupi-details-main-wrap { padding: 76px 0 150px; }
.rppupi-heading { padding-bottom: 50px; }
.rppupi-heading h2 { font-size: 44px; font-style: normal; font-weight: 400; line-height: 36px; color: #001F60; }

.rppupi-details-wrap .left .rppupi-details { height: 548px; }
.rppupi-details img { width: 100%; height: 100%; object-fit: cover; }
.rppupi-details-wrap .right { padding-left: 23px; width: 70%; display: flex; flex-flow: wrap; }
.rppupi-details-wrap .left .rppupi-details:first-child { margin-bottom: 22px; }
.rppupi-details-wrap .left .rppupi-details:last-child { height: 519px; }
.rppupi-details-wrap .left { width: 30%; }
.rppupi-details-wrap .right .rppupi-details:first-child { width: calc(70% + 23px); padding-right: 23px; margin-bottom: 19px; height: 350px; }
.rppupi-details-wrap .right .rppupi-details:nth-child(2) { width: calc(30% - 23px); margin-bottom: 19px;height: 350px; }
.rppupi-details-wrap .right .rppupi-details:nth-child(3) { width: calc(30% - 23px); margin-bottom: 19px;height: 350px; }
.rppupi-details-wrap .right .rppupi-details:nth-child(4) { width: calc(70% + 23px); padding-left: 23px; margin-bottom: 19px; height: 350px; }
.rppupi-details-wrap .right .rppupi-details:last-child { width: 100%; height: 350px; }
.rppupi-details-wrap .box > div .rppupi-details:last-child { margin-bottom: 23px; }
.full-img .rppupi-details { aspect-ratio: 16/4.5; }
.rppupi-details-wrap .d-flex:last-child .left .rppupi-details { height: 350px; margin-bottom: 0; }
.rppupi-details-wrap .d-flex:last-child .right .rppupi-details { padding-right: 0; margin-bottom: 0; }
.back-to-top-wrap { text-align: center; padding-top: 90px; }
.back-to-top-wrap a { display: inline-flex; flex-flow: column; align-items: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; color: #000; cursor: pointer; }
.back-to-top-wrap a svg { margin-bottom: 13px; }
.rppupi-details-wrap .box:nth-child(1n+2) { margin-top: 23px; }
.rppupi-details-wrap .box .d-flex { align-items: flex-start; }
.rppupi-details-wrap .d-flex:last-child .left { width: 45%; }
.rppupi-details-wrap .d-flex:last-child .right { width: 55%; }

.slick-dots > li:only-child { display: none; }
.publish_date_text { color: var(--color6); font-size: 18px; font-weight: 400; line-height: 27px; margin-top: 3px; }


.rppu-hero-main-wrap.second-hero-main-wrap { padding: 146px 0 147px; margin-bottom: 60px; }
.second-hero-main-wrap .rppu-hero-wrap h1 { text-align: center; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFF; font-size: 160px; font-style: normal; font-weight: 800; line-height: 165px; letter-spacing: 4.8px; text-transform: uppercase; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -49.71%, rgba(0, 0, 0, 0.90) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.tklisting_hubdb .all_content .fea_title { display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; gap: 20px; }
.tklisting_hubdb .all_content .fea_title .sort-by { display: flex; flex-flow: wrap; align-items: center; line-height: normal; }
.tklisting_hubdb .all_content .fea_title .sort-by label { color: var(--light_black); font-size: 17px; font-weight: 600; letter-spacing: .17px; line-height: 28px; margin-right: 35px; text-transform: uppercase; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown { display: inline-block; position: relative;     line-height: 0; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown .dropdown-item { background: #fff; box-shadow: 0 0 15.6px 0 rgba(0, 0, 0, .25); color: #222; display: none; left: 0; min-width: 135px; padding: 16px 20px; position: absolute; top: 100%; z-index: 9999; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown:last-child { margin-right: 0; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown .title { color: var(--secondary-color); cursor: pointer; font-family: var(--din-regular); font-size: 16px; font-weight: 600; line-height: 22px; text-decoration: underline; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown .dropdown-item span { cursor: pointer; display: block; margin-bottom: 6px; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); line-height: 1.5; color: #222; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown+.dropdown { margin-left: 25px; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown .title svg { margin-left: 5px; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown .dropdown-item span:hover { color: var(--secondary-color); font-weight: 700; }
.tklisting_hubdb .all_content .fea_title .sort-by .dropdown.sort-date .dropdown-item { min-width: 180px; }
.tklisting_hubdb .top_bar.date { display: flex; justify-content: space-between; align-items: center; margin-bottom: 17px; }
.tklisting_hubdb .top_bar.date .date-text { font-size: 14.375px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: 0.32px; color: #6F6F6F; }
.tklisting_hubdb .top_bar.date .tag-green { background: #4ECF7A; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing:0px; color: #FFF; padding: 1px 9px; }
.tklisting_hubdb .all_content .col .inner { padding-top: 24px; }

.tklisting_hubdb .all_content .fea_title .sort-by .clear-filter { margin-left: 25px; line-height:0px; }
.tklisting_hubdb .all_content .fea_title .sort-by .clear-filter a { color: var(--secondary-color); cursor: pointer; font-family: var(--din-regular); font-size: 16px; font-weight: 600; line-height: 22px; text-decoration: underline; }


.sales_pas .table .table_body .inner .first > a{ display: block; position: relative; background: url(https://www.aaon.com/hubfs/AAON/images/download-icon.svg) no-repeat left -2px; padding-left: 27px; }

.past_webinar .search { position: relative; max-width: 425px; margin-bottom: 55px; }
.past_webinar .search input { width: 100%; border-radius: 12px; border: 1px solid #A7A8A9; background: #FFF; height: 61px; padding: 20px 40px 20px 24px; font-family: var(--din-bold); font-size: 18px; font-weight: 700; }
.past_webinar .search button { position: absolute; top: 21px; right: 20px; padding: 0; border: none; background: transparent; }


.hero-main-wrap .hero-wrap .btn_style1 { display: inline-block; }
.hero-main-wrap .hero-wrap .btn_style1 + .btn_style1 { margin-left: 30px; }
.link_library .inner .subtext{font-size:18px;font-weight:600;color:var(--color7);margin:8px 0;}
.inner_hero .hero-wrap h1 + .btm_cont { margin: 20px 0 0; }

/**** Warranty ****/
.bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.bg-img img { width: 100%; height: 100% !important; object-fit: cover; }

.banner-section { padding: 70px 0 80px; font-size: 18px; line-height: 27px; position: relative; min-height: 256px; display: flex; align-items: center;}
.banner-section .bg-img:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.76; }
.banner-section .btn_style1 { margin: 31px 0 0; }
.banner-section h1 { font-size: 40px; margin:0; }
.banner-section h2 { font-weight: 500; margin: 0 0 25px; }
.banner-section .inner .btn_style1 a{font-size:18px;font-weight:600;padding:12px 21px;}


.cta-strip { padding: 125px 0; background: var(--color5); font-size: 18px; line-height: 27px; }
.cta-strip .inner { margin: 0 auto; width: 100%; max-width: 776px; }
.cta-strip h2 { font-size: 44px; line-height: 54px; font-weight: 400; color: var(--main-color); margin: 0 0 24px; }

.warranty-module { padding: 95px 0; font-size: 18px; line-height: 27px; position: relative; }
.warranty-module strong { font-weight: 700; }
.warranty-module .cover { margin: 0 auto; max-width: 1387px; width: 100%; }
.process-section .left { width: 40%; padding: 0 50px 0 0; }
.process-section .right { width: 60%; border-radius: 8.812px; border: 1px solid var(--color7); padding: 40px 60px; }
.process-section .left h2 { margin: 0 0 10px; color: var(--main-color); }
/* .process-section .right { margin: 0 0 15px; } */
.process-section .right .number { margin: -8px 20px 0 0; font-size: 76px; line-height: 1; color: var(--quaternary-color); float: left; }
.process-section .right .text { width: calc(100% - 150px); padding: 0 0 0 15px; }
.process-section .right p:first-child { margin-bottom: 120px; }
.process-section .right .content p:nth-child(2) { margin-bottom: 15px; }
.process-section .left.no-right{width:auto;padding:0;}

.warranty-section { margin: 37px 0 0; border-radius: 10px; border: 1px solid var(--color6); background: var(--color9); overflow: hidden; }
.warranty-section .left { width: calc(100% - 490px); padding: 35px 40px; }
.warranty-section .right { width: 490px; background: var(--color5); padding: 48px 58px; }
.warranty-section .left .title { margin: 0 0 25px; gap: 15px 28px; }
.warranty-section .left .title span { display: inline-block; padding: 10px; border-radius: 5px; background: var(--main-color); color: var(--color9); font-size: 17px; text-transform: uppercase; font-weight: 700; min-width: 131px; text-align: center; }
.warranty-section .left .title h4 { color: var(--main-color); }
.warranty-section .left  h6 { margin: 25px 0 0; color: var(--secondary-color); font-weight: 600; }
.warranty-section .left  ul { margin: 10px 0 0 14px; padding: 0; list-style-type: none; }
.warranty-section .left ul li { margin: 3px 0; display: inline-block; width: 100%; position: relative; padding: 0 0 0 15px; }
.warranty-section .left ul li:before { content: ''; width: 4px; height: 4px; position: absolute; top: 11px; left: 0; background: #000; border-radius: 10px; }

.warranty-section .right h5 { font-size: 24px; line-height: 34px; color: var(--main-color); margin: 0 0 16px; }
.link-style { margin: 18px 0; display: inline-block; width: 100%; }
.link-style a { font-size: 20px; line-height: 27px; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.link-style a img { width: 20px; min-width: 20px; }
.warranty-section .right .link-style { margin:10px 0; }
.warranty-section .right .link-style a{ font-size:17px; font-weight:600; }

.warranty-text { margin: 85px auto 0; max-width: 653px; }
.warranty-text h2 { margin: 0 0 20px; color: var(--main-color); }

.video-resources { border-top: 1px solid #636569; padding: 35px 40px; }
.video-resources h6 { margin-bottom: 10px; color: var(--secondary-color); }
.video-resources .inside { margin: 0 -10px; }
.video-resources .box { margin: 10px; width: calc(33.33% - 20px); }
.video-resources .box .img { width: 49%; position: relative; }
.video-resources .box .img:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--main-color); opacity: 0.40; }
.video-resources .box .img img { width: 100%; }
.video-resources .box a.video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://www.aaon.com/hubfs/aaon-rep/images/play-icon.svg') no-repeat center center; } 
/* .video-resources .box a.video span { padding: 0 0 0 6px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 100px; background: rgba(255, 255, 255, 0.45); } */
.video-resources .box .text { width: 51%; font-size: 16px; line-height: 21px; padding: 0 0 0 16px; }
.video-resources .box .text h6 { font-size: 16px; line-height: 27px; text-transform: uppercase; color: var(--main-color); margin: 0 0 5px; font-weight: 700; }


.nav_menu { position: absolute; left: -130px; top: 100px; z-index: 1; transition: all ease-in-out .4s; }
.trigger-icon { padding: 0 0 0 20px; width: 130px; background: #005CB9; color: #FFF; border-radius: 0 4px 4px 0; cursor: pointer; }
.trigger-icon a.trigger { padding: 15px 15px 15px 38px; font-size: 14px; line-height: 15px; text-transform: uppercase; color: #FFF; display: inline-block; font-weight: 700; position: relative; }
.trigger-icon a.trigger span { display: inline-block; position: absolute; top: 29px; left: 0; margin-left: 0; width: 27px; }
.trigger-icon a.trigger span:after,
.trigger-icon a.trigger span:before { content: ""; position: absolute; left: 0; top: -9px; }
.trigger-icon a.trigger span:after { top: 9px; }
.trigger-icon a.trigger span,
.trigger-icon a.trigger span:after,
.trigger-icon a.trigger span:before { width: 27px; height: 2px; background-color: #FFF; transition: all 0.2s; backface-visibility: hidden; border-radius: 2px; }

.nav_menu.open .trigger-icon a.trigger span { background-color: transparent; }
.nav_menu.open .trigger-icon a.trigger span:before { transform: rotate(45deg) translate(5px, 5px); }
.nav_menu.open .trigger-icon a.trigger span:after { transform: rotate(-45deg) translate(7px, -8px); }

.nav_menu ul { margin: 0; padding: 0; }
.nav_menu ul li { margin: 8px 0; padding: 0; display: inline-block; width: 100%; }
.nav_menu ul li a { font-size: 17px; line-height: 22px; display: inline-block; width: 100%; padding: 0 0 0 20px; color: var(--color9); }
.nav_menu ul li a span { text-transform: uppercase; font-weight: 700; font-size: 14px; }

.nav_menu .nav { padding: 5px 0 20px; width: 350px; position: absolute; top: 100%; left: -350px; transition: all ease-in-out .4s; }
.nav_menu .nav:before { content: ''; width: 100%; height: calc(100% + 60px); position: absolute; top: -60px; left: 0; background: var(--secondary-color); z-index: -1; border-radius: 0 4px 4px 0; }
.nav_menu.open .nav { left: 0; }

.warranty-module.show .nav_menu { left: 0; position: fixed; }

/*** ****/
/* .btn-link a:after { content: ''; margin-left: 5px; width: 12px; height: 13px; background: url(https://www.aaon.com/hubfs/AAON/images/link-icon.svg) no-repeat center center; display: inline-block; } */
.hero-section { padding: 80px 0; color: var(--color6); }
.hero-section .inner { margin: 0 auto; max-width: 825px; width: 100%; font-size: 16px; line-height: 25px; }
.hero-section h1 { margin: 0 0 20px; font-size: 44px; line-height: 1.3; letter-spacing: 0.44px; color: var(--tertiary-color); }
.hero-section .content { font-family: 'DIN-RegularAlternate'; font-weight: 600; }
.hero-section .btn_style1 { margin: 35px 0 0; }
.hero-section .btn_style1 a { font-size: 17px; line-height: 28px; padding: 12px 20px; min-width: 190px; }
.hero-section .btn_style1 a img { vertical-align: top; margin: 7px 0 0 5px; }

.contact-table { padding: 0 0 145px; }

.repeater-table { margin: 0 0 89px; }
.repeater-table:last-child { margin-bottom: 0; }
.repeater-table .content { margin: 0 0 35px; font-size: 16px; line-height: 25px; color: var(--color6); max-width: 875px; width: 100%; font-weight: 600; font-family: 'DIN-RegularAlternate'; }
.repeater-table .content h2 { font-size: 30px; line-height: 1.4; font-weight: 400; color: var(--tertiary-color); margin: 0 0 15px; }

.repeater-table .table { border: 1px solid #B0B0B0; }
.repeater-table .table-title { background: var(--secondary-color); }
.repeater-table .table-title > div { width: 100%; font-size: 20px; line-height: 28px; padding: 15px 24px; color: #fff; border-right: 1px solid; }
.repeater-table .table-title > div:first-child { width: 272px; min-width: 272px; }
.repeater-table .table-title > div:last-child { border-right: none; }

.repeater-table .table-row > div { width: 100%; font-size: 16px; line-height: 22px; padding: 22px 20px; border-right: 1px solid #B7B7B7; color: var(--color6); }
.repeater-table .table-row > div:first-child { width: 272px; min-width: 272px; font-weight: 700; }
.repeater-table .table-row > div:last-child { border-right: none; }
.repeater-table .table-row > div img { margin-left: 4px; vertical-align: top; margin-top: 4px; }
.repeater-table .table-row > div a { text-decoration: underline; }

.repeater-table .table-row ul { margin: 0; padding: 0; list-style-type: none; }
.repeater-table .table-row ul li { margin: 0 0 8px; width: 100%; display: inline-block; position: relative; padding: 0 0 0 14px; }
.repeater-table .table-row ul li:before { content: ''; width: 4px; height: 4px; position: absolute; top: 9px; left: 0; background: var(--color6); border-radius: 10px; }
.repeater-table .table-row ul li:last-child { margin-bottom: 0; }
.repeater-table .table-row:nth-child(even) { background: var(--color5); }


.ssph-main-wrap .btn_style1 { margin-top: 50px; }
.ssph-main-wrap .btn_style1 a { padding: 13px 26px; font-size: 17px; line-height: 28px; }

.content-with-buttons { padding: 50px 0; }
.content-with-buttons .inner { max-width: 1387px; margin: 0 auto; width: 100%; }
.content-with-buttons .inner .content { font-size: 18px; line-height: 27px; }
.content-with-buttons .inner .content h2 { color: var(--main-color); margin-bottom: 15px; }
.content-with-buttons .inner .btn-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 35px 0 0; }
.content-with-buttons .inner .btn-wrap .btn_style1 > a { font-size: 15px; line-height: 25px; font-weight: 700; padding: 7px 25px; min-width: 184px; border-radius: 0; }
.content-with-buttons .inner .btn-wrap .btn_style1.style2 > a { background: var(--quaternary-color); } 
.content-with-buttons .inner .btn-wrap .btn_style1.style2 > a:hover { background: var(--tertiary-color); }
.content-with-buttons .inner .btn-wrap .btn_style1.style4 > a { border-radius: 8px; }
.content-with-buttons .inner .btn-wrap .link_style a { font-size: 15px; font-weight: 700; line-height: 33px; padding-right: 40px; min-width: unset; margin: 0 5px; }
.content-with-buttons .inner .btn-wrap .link_style a:before { width: 30px; height: 28px; }
.content-with-buttons .inner .btn-wrap .link_style a:after { width: 10px; height: 10px; right: 10px; }

/* 11-11-2025 */
.custom-cta { max-width: 372px; width: 100%; position: fixed; bottom: 80px; right: 80px; display: flex; flex-direction:column; justify-content: flex-end; gap: 12px; z-index: 12; }
.custom-cta .cta-card{ box-shadow: 6px 8px 26.2px 0 rgba(0, 0, 0, 0.16); padding: 18px 23px; border-radius: 10px; position: relative; }
.custom-cta .cta-card .title { font-size: 20px; line-height: 1.2; }
.custom-cta .cta-card .content { font-size: 16px; line-height: 1.2; margin-top: 8px; }
.custom-cta .cta-card .link-btn { margin-top: 8px; }
.custom-cta .cta-card .link-btn a { font-size: 16px; line-height: 24px; display: inline-flex; align-items: center; gap: 10px; }
.custom-cta .cta-card .link-btn a svg { margin-top: 3px; transition: .3s; }
.custom-cta .cta-card .link-btn a:hover svg{ transform: translateX(-4px); }
.custom-cta .cta-card .close-btn { line-height: 0; position: absolute; top: 13px; right: 14.5px; cursor:pointer; }

/* Warranty team */
.title-sec h2 {color: #001F60;font-size: 41px;line-height: 55.2px;letter-spacing: -1px;font-weight: 400;}
.title-sec {margin-bottom: 35px;}

.fellows-section .wrapper { max-width: 1282px; }
.fellows-item .left-part {width: 628px;margin-left: -80px;}
.fellows-item .right-part {width: calc(100% - 540px);padding-left: 70px; padding-top: 40px; padding-bottom: 40px;}
.fellows-item { align-items: center; }
.fellows-item h3 , .fellows-item h4 {font-size: 32px;font-style: normal;font-weight: 400;line-height: 45px; color: #222; }
.fellows-item h3 {font-weight: 700; }
.fellows-item h4 {margin-bottom: 24px; }
.fellows-item:nth-child(2n) {flex-direction: row-reverse; }
.fellows-item:nth-child(2n) .right-part { padding-left: 0; padding-right: 70px; }
.fellows-item:nth-child(2n) .left-part {margin-left: 0; margin-right: -80px; }
.fellows-item:not(:last-child) {padding-bottom: 30px;}
.fellows-item .right-part .content { font-size: 20px; }
.fellows-section.font-1827 .right-part .content { font-size:18px; line-height:24px;}
.fellows-section.font-1827 .fellows-item h3,
.fellows-section.font-1827 .fellows-item h4{font-size:24px; line-height:33px;}

.team-section .wrapper {max-width: 1282px;}
.team-section .team-row {flex-wrap: wrap;margin: 0 -8px;}
.team-section .team-row .team-item {width: calc(25% - 16px);margin: 10px 8px;border-radius: 10px;border: 1px solid #A7A8A9;overflow: hidden; }
.team-section .team-row .team-item .team-img img { width: 100%; height: 100% !important; object-fit: cover;}
.team-section .team-row .team-item .team-img {width: 100%; height: 241px; }
.team-section .team-row .team-item .team-content {padding: 22px 18px 22px 40px; }
.team-section .team-row .team-item .team-content h5 {font-weight: 600;}
.team-section .team-row .team-item .team-content h5, .team-section .team-row .team-item .team-content .description { font-size: 22px; font-style: normal; line-height: 28px; color: #222; }

.normal-content-sc { background: #000; padding: 110px 0; color: #fff; }
.normal-content-sc h2 { color: #fff; }
.normal-content-sc .inner { max-width: 1200px; margin: 0 auto; }
.normal-content-sc .content { padding: 20px 0 0; }

.img_btn.hideSpace .title_cont_section { padding: 10px 0; }


.product_info_col { width: 33.33%; height: 815px; position: relative; padding: 0px; display: flex; align-items: flex-start; justify-content: center; z-index: 1; }
.product_info_colin { display: inline-block; vertical-align: top; width: 100%; height: 100%; }
.product_info_wrap { position: relative; }
.product_info_col:after { position: absolute; content: ""; height: 100%; width: 100%; bottom: 0; left: 0; background: linear-gradient(359.21deg, #000000 0.52%, rgba(0, 0, 0, 0.629242) 38.07%, rgba(0, 0, 0, 0) 99.16%); }
.product_info_box { display: inline-block; vertical-align: top; width: 100%; padding: 80px; position: relative; z-index: 1; }
.product_info_hover { position: absolute; padding: 80px; left: 0; top: 0; transition: all ease-in-out .4s; z-index: 1; opacity: 1; visibility: visible; height: 100%; width: 100%; align-items: flex-start;}
.product_info_col:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-color: var(--secondary-color); mix-blend-mode: multiply; opacity: 0; transition: all ease-in-out .4s; }
.product_info_col .subtext { padding-top: 15px; font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320))); }
.product_info_col:hover:before { opacity: 1; }
.product_info_col:hover .product_info_hover { opacity: 1; visibility: visible; }
.product_info_col:hover .product_info_box { opacity: 0; visibility: hidden; }
button.reset-filter { border: 0; border-radius: 0; background-color: var(--secondary-color); color: #fff; padding: 5px 15px; margin-bottom: 15px; cursor: pointer; }
.product_list_itemin { position: relative; }
.product_list_itemin a.boxlink { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.pro_cat_list_section .product_list_item { width: calc(25% - 20px); }

.product_info_hover li a:hover { color: var(--quaternary-color) !important; }

.product_info_colin .link_style a { color: var(--quaternary-color); }
.product_info_colin .link_style a:before { background: var(--quaternary-color); }
.product_info_colin .link_style a:hover:before { background-color: #fff }
.product_info_colin .link_style a:hover:after { background: url(https://www.aaon.com/hubfs/raw_assets/public/Aaon/images/arrow-right-blue.svg) no-repeat 50%/cover }

.product_info_section.left_space { padding-left: calc((100% - 1350px) / 2); }
.product_info_section { padding-top: 100px; padding-bottom: 100px; background: #000; }
.product_info_hover { position: relative; z-index: 1; top: auto; height: 100%; display: flex; justify-content: center; align-items: center; }
.product_info_wrap.slide-show .slick-track { display: flex; height: inherit; }
.product_info_col { height: auto; }
.product-new-heading-content-wrap { width: 40%; padding-bottom: 50px; }
.product-new-heading-content-wrap h2 { color: #ffffff; font-family: var(--din-regular); }
.product_info_section .product-new-heading-content-wrap .content { padding-top: 24px; color: #ffffff; opacity: 1; }
.product_info_hover .pt-20.sm\:pt-20.font-24 ul:first-child { margin-top: 0; }
.product_info_col:before { opacity: 1; background: rgba(0, 0, 0, .5); }
.product_info_wrap.slide-show .product_info_col { margin-left: 24px; border-radius: 8px; overflow: hidden; }
.product_info_wrap.slide-show  .product_info_hover { padding: 80px 46px 60px; }
.product_info_section .product_info_col:hover h2.large{ opacity: 0; }
.product_info_wrap.slide-show .product_info_hover h2.large { font-size: calc(20.8px + 1vw); transition: .4s; }
.product_info_wrap.slide-show { width: calc(100% + 24px); margin-left: -24px; }
.product_info_wrap .slick-prev { left: 24px; }
.product_info_hover .pt-20.sm\:pt-20.font-24 ul { padding-left: 25px; }
.product_info_hover .pt-20.sm\:pt-20.font-24 ul li { margin-bottom:2px; }
.product_info_hover .pt-20.sm\:pt-20.font-24 ul a { text-decoration:underline; color:#fff; }
.product_info_wrap .slick-prev { display:none !important; }
.product_info_section .content {  opacity: 0; transition: .6s; }
.product_info_section .product_info_col:hover .content{ opacity: 1; }
.product_info_section .content::-webkit-scrollbar-track { background-color: #fff; }
.product_info_section .content::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
.product_info_section .content::-webkit-scrollbar-thumb { background-color: #001F60; }
.product_info_section .content .box { max-width: 366px; margin: 0 auto; padding: 20px; font-size: 18px; }
.product_info_section .content .box a { position: relative; z-index: 2; }
.product_info_section .content .box a span{ transition: .4s; }
.product_info_section .content .box a:hover span{ color: var(--quaternary-color)!important; }
.product_info_section .product_info_colin h2.large { font-size: 45px; line-height: 48px; position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; max-width: 355px; margin: 0 auto; padding: 20px; margin-top: -88px; transition: 0.6s; }
.product_info_section.non-global .product_info_colin h2.large {margin-top:0px;}
.product_info_section .product_info_colin .font-24 { padding-top: 15px; }
.product_info_section .product_info_col { min-height: 464px; filter: grayscale(100%); transition: .6s; overflow: hidden; }
.product_info_section .product_info_col:hover { filter: none; }
.product_info_section .product_info_col:after { position: absolute; content: ''; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, #000 90.45%); transition: .6s;  }
.product_info_section .product_info_col:hover:after{ background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 3.13%, #000 106.25%); }
.product_info_section .product_info_col:before { display: none; }
.product_info_section.product_infoSc { padding: 0; }


.banner-section.bannerSc-v2 .bg-img img { filter: grayscale(1); }
.banner-section.bannerSc-v2 .inner { text-align: left; }
.banner-section.bannerSc-v2 .inner h1 { margin: 0 0 30px; }


.employee-essentials-sc { padding: 65px 0 95px; }
.employee-essentials-sc.show .nav_menu { left: 0; position: fixed; }
.employee-essentials-sc .nav_menu .nav { width: 427px; left: -427px; }
.employee-essentials-sc .nav_menu.open .nav { left: 0; }
.employee-essentials-sc .nav_menu ul > li { position: relative; }
.employee-essentials-sc .nav_menu ul li .subClick { background: url(https://www.aaon.com/hubfs/AAON/images/chevron-arrow-white-down.svg) no-repeat center / 12px; display: inline-block; width: 54px; height: 22px; position: absolute; right: 34px; top: 4px; transition: 400ms; cursor: pointer; }
.employee-essentials-sc .nav_menu ul > li.current .subClick { transform: scale(-1); }
.employee-essentials-sc .nav_menu ul > li .subMenu { display: none; padding: 10px 0 5px 10px; }
.employee-essentials-sc .nav_menu ul > li > a { padding-right: 75px; }
.employee-essentials-sc .nav_menu ul > li .subMenu a > span { display: none; }

.employee-essentials-sc .essentials-item { padding: 0 0 75px; }
.employee-essentials-sc .essentials-item:last-child { padding: 0; }
.employee-essentials-sc .essentials-item > h2 { letter-spacing: -1px; color: var(--main-color); font-family: var(--din-medium); }
.employee-essentials-sc .essentials-item .essentials-ttl { font-size: 22px; font-weight: 600; letter-spacing: -1px; font-family: var(--din-medium); padding: 24px 30px 24px 0; position: relative; cursor: pointer; }
.employee-essentials-sc .essentials-item .essentials-acc { border-top: 1px solid var(--color11); }
.employee-essentials-sc .essentials-item .essentials-acc:first-child{ border-top: 0; }
.employee-essentials-sc .essentials-item .essentials-acc:last-child { border-bottom: 1px solid var(--color11); }
.employee-essentials-sc .essentials-item .essentials-ttl:before, 
.employee-essentials-sc .essentials-item .essentials-ttl:after { content: ''; width: 18px; height: 2px; background: var(--color6); position: absolute; right: 0; top: 40px; transition: 400ms; }
.employee-essentials-sc .essentials-item .essentials-ttl:before { transform: rotate(90deg); }
.employee-essentials-sc .essentials-item .essentials-ttl.active:before { transform: rotate(0); }
.employee-essentials-sc .essentials-item .essentials-acc .essentials-txt { display: none; font-size: 18px; font-weight: 600; font-family: var(--din-medium); padding: 0 0 33px; transform: translateY(-12px); }
/*.employee-essentials-sc .essentials-txt .desc { max-width: 570px; }*/
.employee-essentials-sc .essentials-txt  .essentials-list { display: flex; flex-wrap: wrap; gap: 10px 50px; max-width: 1170px; margin: 25px 0 0; }
.employee-essentials-sc .essentials-txt .essentials-list > a { flex: 1 1 calc(50% - 50px); text-decoration: underline; position: relative; padding-left: 38px; }
.employee-essentials-sc .essentials-txt .essentials-list > a:hover { text-decoration: none; }
.employee-essentials-sc .essentials-txt .essentials-list > a:before { content: ''; background: url(https://www.aaon.com/hubfs/AAON/images/material-download.svg); width: 24px; height: 24px; display: inline-block; filter: brightness(0) saturate(100%) invert(23%) sepia(98%) saturate(1680%) hue-rotate(195deg) brightness(95%) contrast(101%); position: absolute; left: 0; top: 0; }

.academy-table .repeater-table .table-title div::selection { color: #FFFFFF; }
.academy-table .repeater-table .table-row > div { padding: 22px 24px; }

/* Responsive Css */

@media (min-width:1770px){
/*     .topicsmain_wrap .wrapper { width: 1750px; max-width: 100%; padding: 0 15px; } */
    .featured_videos .wrapper { width: 1750px; max-width: 100%; padding: 0 15px; }
    .sales_pas .btm_part .wrapper { width: 1750px; max-width: 100%; padding: 0 15px; }
    
}

@media (min-width: 1440px){
    .sc_experince form .hs-form-field>label { font-size: 17px; }
}

@media (min-width:992px){
    .topicsmain_wrap .topic_post .topic_inner h2 { font-size: 25px; }
}

@media (min-width:768px){
    .desk_hide { display: none; }
    .select_interior { display: none; }
    .mobile_tab_content { display: none; }
    .topicsmain_wrap .topics-main-heading h5,.topicsmain_wrap .section_wrap .right_part h5 { font-size: 25px; }

    
}
@media (min-width: 1500px){
    .container .dnd-section > .row-fluid, .wrapper { width: 1380px; }
    .i-container .dnd-section > .row-fluid, .i-wrapper{ width: 1330px; } 
    .image_slider .section_wrap { padding-left: calc((100% - 1470px) / 2); }
    .title_cont_section .wrapper { width: 1470px; }
}
@media (min-width: 1550px){
    .container .dnd-section > .row-fluid, .wrapper { width: 1500px; }
}

@media (min-width: 1500px){
    .privacy_policy_sc .wrapper { width: 1630px; } 
}

@media (min-width:1770px){
    .title_cont_section .wrapper { width: 1750px; }
    .image_slider .section_wrap { padding-left: calc((100% - 1750px) / 2); }
}

@media (max-width: 1629px){
    .tklisting_hubdb .all_content .fea_title .sort-by .dropdown.sort-date .dropdown-item { left: auto; right: 0; }
}
@media (max-width: 1550px){
    .add_policy_raw { padding: 50px 30px; }
    .contact_us .table_right_slider .table_right_inner { width: 50%; }
    .contact_us .table_right_slider .table_right_inner:last-child { width: 50%; }
    
    .contact_us .type_column .table_right_slider .table_right_inner { width:42%; border-right: 1px solid #b0b0b0;}
    .contact_us .type_column .table_right_slider .table_right_inner.contact_this_team_text { border: none; width:32%; }
    .contact_us .type_column .table_heading ul li{font-size: 16px;padding: 14px 10px;}
}


@media (max-width: 1499px){
    .privacy_policy_wrap .left { width: 300px; }
    .privacy_policy_wrap .left ul li a.list + ul { padding-left: 10px; }
    .privacy_policy_wrap .left ul li a.list + ul li a { font-size: 16px; }
    .privacy_policy_wrap .right { width: calc(100% - 300px); padding-left: 50px; }
    .add_policy_raw { padding: 30px; margin-bottom: 50px; }
    .add_policy_raw h3 { font-size: 36px; }
    .doc_list_item_wrap .doc_list_item { padding-right: 0; }
    .doc_list_item_wrap .doc_list_item .wrap { flex-wrap: wrap; /*gap: 5px;*/ }
    .doc_list_item_wrap .doc_list_item .file_name { width: 100%; font-size: 20px; }
    .privacy_policy_sc { padding: 100px 0; }
    .privacy_policy_wrap .left ul li a { font-size: 18px; }
    
    .topicsmain_wrap .section_wrap .left_part { padding-right: 30px; }
    .topicsmain_wrap .section_wrap .right_part { padding-left: 30px; }
/*     .topicsmain_wrap .section_wrap .right_part:before { left: 50px; } */
    .topicsmain_wrap .section_wrap .right_part:after { left: 50px; }
    
    .featured_videos .col .in { padding: 0 20px; }
    .featured_videos .featured_slider { margin: 0 -20px; padding: 0 30px; }
    .featured_videos .featured_slider .slick-arrow.slick-prev { left: 10px; }
    .featured_videos .featured_slider .slick-arrow.slick-next { right: 10px; }
    
    .literature .filter_btn { max-width: 100%; }
    .literature .section_wrap { padding-top: 70px; }
    .literature .title { padding-bottom: 60px; }
    
    .contact_us .section_wrap .right_part { padding-left: 20px; }
    
    .toolkit_post .col .inner { padding: 40px 25px 30px; }
    .toolkit_post .col .inner .box_title { font-size: 16px; }
    .toolkit_post .col .inner .box_btn a { font-size: 14px; }
    
    
    .ssph-main-wrap { padding: 100px 0; }
    .ssph-list-main-wrap { padding-top: 100px; }
    .ssph-list-heading { padding-bottom: 20px; }
    .ssph-list { padding: 10px; }
    .ssph-btn-popup-wrap .ssph-btn-popup { margin-left: 16px; }
    .ssph-heading-content { margin-bottom: 30px; margin-top: 15px; }
    .ssph-page-main-wrap ul.pager__items { padding: 115px 0 70px; }
    .ssph-list-wrap { margin: 0 -10px; }

    .rppupi-details-wrap .left .rppupi-details { height: 438px; }
    .rppupi-details-wrap .right .rppupi-details:first-child,
    .rppupi-details-wrap .right .rppupi-details:nth-child(2),
    .rppupi-details-wrap .right .rppupi-details:nth-child(3),
    .rppupi-details-wrap .right .rppupi-details:nth-child(4) { height: 300px; }
    .rppupi-details-wrap .right .rppupi-details:last-child { height: 300px; }
    .rppupi-details-wrap .left .rppupi-details:last-child { height: 478px; }
    .rppupi-details-wrap .d-flex:last-child .left .rppupi-details { height: 300px; }

    .past_webinar .inner .btn_wrap > div { width: 50%; }
    .past_webinar .inner .btn_wrap > div + div + div { padding: 10px 0 0; }
    
    .product_info_section.left_space { padding-left: calc((100% - 1170px) / 2); }
    .product_info_section .content .box ul{padding-left:20px;}
    .product_info_wrap.slide-show .product_info_hover > div{width:100%;}
    .product_info_wrap.slide-show  .product_info_hover{padding:60px 15px;}
    .product_info_section .product_info_col{min-height: 405px;}

} 

@media (max-width:1440px){
    .product_info_box, .product_info_hover { padding: 30px; }
    .product_info_section .product_info_colin h2.large { font-size: 30px; line-height: 40px; }
    .general_int_raw .financial_price_wrap { margin:15px 0 0; }
    .product_thumb_imgbox { height:80px; }
} 

@media (max-width:1400px){
    
    /* Warranty team */
    .fellows-item .left-part {margin-left: 0; width: 50%; }
    .fellows-item .right-part { width: 50%; padding-left: 30px; }
    .fellows-item:nth-child(2n) .right-part { padding-right: 30px; }
    .fellows-item:nth-child(2n) .left-part {  margin-right: 0; }
}

@media (max-width:1200px){
    .container .dnd-section > .row-fluid, .wrapper { width:920px; }
    .i-container .dnd-section > .row-fluid, .i-wrapper{ width: 920px; }

    .contact-details-main-wrap { padding: 100px 0 160px; }
    .contact-tab-content .contact-details-two-part-info { padding-top: 15px; }
    .contact-tabs-title h2 { font-size: 27px; line-height: normal; }

    /**/
    .privacy_policy_wrap .right .top h1 { font-size: 34px; }
    .privacy_policy_wrap .right .top { margin-bottom: 20px; align-items: center; flex-wrap: wrap; gap: 15px; }
    .privacy_policy_wrap .right .top .btn_style1 { width: 100%; }
    .add_policy_raw h3 { font-size: 28px; }
    
    .hero-main-wrap { padding: 100px 0px 150px; }
    .topicsmain_wrap .section_wrap .left_part { padding-right: 15px; width: 60%; }
    .topicsmain_wrap .section_wrap .right_part { padding-left: 15px; width: 40%; }
    .topicsmain_wrap .topic_post .topic_inner { padding: 25px; }
/*     .topicsmain_wrap .topic_post .topic_inner .content { font-size: 20px; } */
    .topicsmain_wrap .recenter_postwrap .post_inner .post-title { font-size: 20px; }
    .topicsmain_wrap .topic_post .topic_inner h2 { line-height: 1.2; }
    
    .featured_videos { padding: 70px 0; }
    .featured_videos .col .in { padding: 0 15px; }
    .featured_videos .featured_slider { margin: 0 -15px; }
    .featured_videos .inner .img { height: 250px; }
/*     .featured_videos .featured_slider ul.slick-dots { padding-top: 40px; } */
    
    .sales_pas { padding: 100px 0 150px; }
    .sales_pas .top_part .top_content { max-width: 100%; margin: 0; font-size:24px; }
    .sales_pas .top_part .filter_part { max-width: 100%; margin: 0; }
    .sales_pas .table .heading_wrap .heading.first { width: 20%; }
    .sales_pas .table .heading_wrap .heading.second { width: 42%; }
    .sales_pas .table .table_body .inner .first { width: 20%; }
    .sales_pas .table .table_body .inner .second { width: 42%; }
    .sales_pas .table .table_body .inner > div { font-size: 14px; }
    .sales_pas .table .heading_wrap .heading h5 { font-size: 16px; }

    .inner_hero { padding: 100px 0; }

    .img_btn .section_wrap .col .img { height: 300px; }
    .title_cont_section { padding: 80px 0; }
    .title_cont_section .right_part .inner .in { padding: 0 15px 30px; }
    .title_cont_section .right_part .inner { margin: 0 -15px; }

    .image_slider .section_wrap { padding-left: calc((100% - 950px) / 2); }
    .image_slider .inner .img { height: 300px; }

    .register_now { padding-top: 80px; }

    .video_testimonials { padding: 100px 0 80px; }
    .video_testimonials .section_wrap .col a { height: 200px; }

    .faq { padding: 50px 0 100px; }
    .faq .title { padding-bottom: 50px; }
    .faq .faq_wrap .col { padding: 25px 0; }

    .sc_experince { padding: 100px 0; }
    .sc_experince .section_wrap .cont { padding-top: 30px; }
    
    .tklisting_hubdb .sectoin_wrap .col { width: 33.33%; padding-bottom: 30px; }
    .tklisting_hubdb .sectoin_wrap .col.coming_soon { min-height: 367px; }

    .toolkit_post { padding: 100px 0; }
    .toolkit_post .title_btn .top_content { padding-top: 50px; }
    .toolkit_post .title_btn { padding-bottom: 50px; }
    .toolkit_post .col { width: 33.33%; }
    .toolkit_post .col .inner { padding: 50px 20px; }
    .toolkit_post .col .inner.sqaure { padding: 50px 20px 30px; }
    
    .link_library { /*padding-bottom: 100px;*/ padding: 0 0 50px; }
    .link_library .title { /*padding-bottom: 50px;*/ padding-bottom: 30px; }
    .link_library .col .box_title a { font-size: 20px; }
    .link_library .col .box_title a:before { top: 2px; }
    .link_library h2 { font-size: 30px; }
    .link_library h2 span { top: 3px; }
    .link_library .section_wrap .col .inner .date { font-size: 18px; }
    
    .literature .filter_part .filtr_title { width: 20%; }
    .literature .filter_part .filter_main { width: 80%; }
    .literature .filter_part .filter_main .col { width: 25%; }
    
    .past_webinar { padding: 100px 0; }
    /*.past_webinar .inner .btn_wrap .webcast { padding-right: 15px; }
    .past_webinar .inner .btn_wrap .webcast .powerpoint { padding-left: 15px; }*/
    
    
    .contact_us .section_wrap .right_part { padding-left: 15px; }
    .contact_us .table .table_heading ul li { font-size: 16px; padding:10px;  }
    .contact_us .table .slider .title_cont .box_intitle { font-size: 16px; /*word-break: break-all;*/ text-wrap-mode: wrap; padding:10px; }
    .contact_us .table_inner .table_left { width: 150px; }
    .contact_us .table_inner .table_right { width: calc(100% - 150px); }
    .contact_us .table .slider .title_cont .cont ul li { font-size: 16px; }
    .contact_us .table .slider .title_cont .cont .ci_text, .contact_us .table .slider .title_cont .cont .team_text { padding: 10px; }
    
    .contact_us .section_wrap .left_part .btn_style1 a { padding: 15px 10px; }
    
    .contact_us .section_wrap .left_part { width: 25%; padding-right: 10px; }
    .contact_us .section_wrap .right_part { width: 75%; padding-left: 30px; }
    
    /*.contact_us .type_column{word-break: break-all;}*/
    .contact_us .type_column .table_heading ul li{min-height: 68px;}
    .contact_us .table .type_column .slider .title_cont .cont ul li{font-size: 14px;}
    .contact_us .table .type_column .slider .title_cont .cont .ci_text, 
    .contact_us .table .type_column .slider .title_cont .cont .team_text{padding:5px;}
    
    .toolkit_post .title_btn .title_cont h2 { font-size: 32px; line-height: 1.5; }
    
    .toolkit_post .col .inner:before { left: 0; }
    .img_btn .section_wrap .col .img { height: 86px; }
    .img_btn .section_wrap .col .img h3 { font-size: 24px; }
    
    .ssph-main-wrap { padding: 80px 0; }
    .ssph-heading-content-wrap .content { font-size: calc(14.4px + .5vw); padding-top: 30px; }
    .ssph-list-main-wrap { padding-top: 70px; }
    .ssph-btn-popup-wrap { flex-flow: wrap; }
    .ssph-btn-popup-wrap .ssph-btn-popup { width: 100%; margin-left: 0; margin-top: 20px; text-align: center; }
    .ssph-btn-popup-wrap .btn_style1 a { width: 100%; }
    .ssph-btn-popup-wrap .btn_style1 { width: 100%; }
    .ssph-info { padding: 20px 20px 27px; }
    .ssph-page-main-wrap ul.pager__items { padding: 60px 0 0; }

    .rppupi-details-wrap .right .rppupi-details:first-child, .rppupi-details-wrap .right .rppupi-details:last-child, .rppupi-details-wrap .right .rppupi-details:nth-child(2), .rppupi-details-wrap .right .rppupi-details:nth-child(3), .rppupi-details-wrap .right .rppupi-details:nth-child(4) { height: 250px; }
    .rppupi-details-wrap .left .rppupi-details:last-child { height: 360px; }
    .rppupi-details-wrap .left .rppupi-details { height: 406px; }
    .rppupi-details-wrap .d-flex:last-child .left .rppupi-details { height: 250px; }
    .back-to-top-wrap { padding-top: 60px; }
    .rppupi-details-main-wrap { padding: 60px 0 90px; }
    .rppu-hero-main-wrap { padding: 90px 0 90px; }
    
    .rppu-hero-main-wrap.second-hero-main-wrap { padding: 100px 0; margin-bottom: 0; }
    .second-hero-main-wrap .rppu-hero-wrap h1 { font-size: 110px; line-height: 1.2; }
    
    .process-section .left { padding: 0 20px 0 0; }
    .process-section .right .number { width: 100%; margin: 0 0 15px; }
    .process-section .right .text { padding: 0; width: 100%; }
    .process-section .right .content p:nth-child(2) { margin-bottom: 0; }
    .process-section .right { padding: 30px; }
    .warranty-section .left { padding: 30px; width: calc(100% - 340px); }
    .warranty-section .right { padding: 30px; width: 340px; }
    
    .video-resources .box { align-items: inherit; flex-flow: column; }
    .video-resources .box .img { width: 100%; height: 130px; }
    .video-resources .box .img img { width: 100%; height: 100% !important; object-fit: cover; }
    .video-resources .box .text { width: 100%; padding: 0; margin: 15px 0 0; }
    .link-style a { font-size: 18px; }
    
    .repeater-table .table-title > div  { padding: 16px 12px; }
    .repeater-table .table-row > div { padding: 16px 12px; }
    

    .dir_sc .dir_col { flex: 0 0 33.332%; max-width: 33.332%; }
    .dir_colin .dir_avatar { height: 17vw; }
    
    /* Warranty team */
    .fellows-item .right-part .content {font-size: 16px; }
    .fellows-item h3, .fellows-item h4 { font-size: 28px; line-height: 38px;}

    .team-section .team-row .team-item { width: calc(33.333% - 16px); }

    .normal-content-sc { padding: 70px 0; }
    
    .pro_cat_list_section .product_list_item { width: calc(33.33% - 20px); }
    .product_info_box h2.large, .product_info_hover h2.large { font-size: 30px; }
    .product_info_col .subtext { font-size: 20px; }
    
    .product_info_section.left_space { padding-left: calc((100% - 920px) / 2); }
    .product_info_section { padding-bottom: 70px; padding-top: 70px; }
    .product_info_section .content .box { padding: 0; }
    .product-new-heading-content-wrap { width: 50%; padding-bottom: 30px; }
    .product_info_section .product-new-heading-content-wrap .content { padding-top: 15px; }
    .product_info_wrap.slide-show .product_info_hover { padding: 30px; }
    .product_info_wrap.slide-show .product_info_hover h2.large { font-size: 30px; }
    .product_info_wrap.slide-show .product_info_col { margin-left: 12px; }
    .product_info_wrap.slide-show { margin-left: -12px; width: calc(100% + 12px); }
    .product_info_wrap .slick-prev { left: 12px; }
    
    .academy-table .repeater-table .table-row > div { padding: 16px 12px; }
    
}

@media (max-width:991px){
    .container .dnd-section > .row-fluid, .wrapper { width:720px; }
    .i-container .dnd-section > .row-fluid, .i-wrapper{ width: 720px; }

    .contact-details-main-wrap { padding: 60px 0 80px; }
    .contact-main-heading h1 { font-size: 38px; line-height: normal; }
    .contact-form-main-wrap { padding: 80px 0; }
    .contact-form-hc .content { padding: 20px 0; }
    .contact-form { padding-top:20px; }
    form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea { height: 50px; }
    .contact-form form .hs-button { margin-top: 30px; }
    .contact-form-hc h2 { font-size: 32px; line-height: normal; }
    
    /**/
    .privacy_policy_wrap .left { width: 250px; }
    .privacy_policy_wrap .right { width: calc(100% - 250px); padding-left: 30px; }
    .add_policy_raw { padding: 30px 15px; }
    .doc_list_item_wrap { margin: 0; }
    .doc_list_item_wrap .doc_list_item { width: 100%; margin: 0 0 30px; }
    .doc_list_item_wrap .doc_list_item:last-child { margin-bottom: 0; }
    .doc_list_item_wrap .doc_list_item .file_name { width: 50%; padding-right: 15px; }
    .doc_list_item_wrap .doc_list_item .wrap .file_link { width: 50%; }
    /*.doc_list_item_wrap .doc_list_item .wrap { gap: 0; }*/
    
    .topicsmain_wrap .right_part .title_btn .btn_style1 a { min-width: auto; }
    .topicsmain_wrap .publist_date { font-size:20px; }
    
    .topicsmain_wrap .topic_post .topic_inner .content { font-size: 18px; }
    .topicsmain_wrap .recenter_postwrap .post_inner .post-title { font-size: 17px; }
    
    .sales_pas .table .heading_wrap .heading h5 { font-size: 13px; }
    .sales_pas .table .table_body .inner > div {font-size: 13px;}
    .sales_pas .btm_part { padding-top: 70px; }
    .sales_pas { padding: 70px 0 100px; }
    .sales_pas .top_part .filter_part .left_part { padding: 30px; }
    .sales_pas .top_part .filter_part .search { padding: 30px; }
    
    .img_btn .section_wrap .col { width: 50%; }
    .title_cont_section .section_wrap .left_part { width: 30%; }
    .title_cont_section .section_wrap .right_part { width: 70%; }
    .title_cont_section .section_wrap .left_part ul li { margin-top: 15px; }
    .title_cont_section .right_part .inner .in .box_title { padding-bottom: 15px; }

    .image_slider .section_wrap { padding-left: calc((100% - 750px) / 2); }
    .image_slider .inner .img { height: 250px; }

    .video_testimonials { padding: 100px 0 70px; }
    .video_testimonials h2 { font-size: 36px; }
    .register_now h2 { font-size: 36px; }

    .faq { padding: 30px 0 100px; }
    .faq h2 { font-size: 36px; line-height:1.2; }
    .faq .faq_wrap .col .faq_title { font-size: 20px; }
    .faq .faq_wrap .col .faq_content { padding-top: 20px; max-width: 100%; }
    .sc_experince { padding: 70px 0; }
    
    .tklisting_hubdb .featured { padding-top: 50px; }
    .tklisting_hubdb .fea_title { padding-bottom: 30px; }
    .tklisting_hubdb .sectoin_wrap .col { width: 50%; }
    .tklisting_hubdb .all_content { padding-top: 50px; }
    
    .toolkit_post .col { width: 50%; }
    .link_library .col .box_title a:before { top: 8px; }
    
    /*.past_webinar .title { padding-bottom: 50px; }*/
    .past_webinar .inner .boxtitle_btn .box_title { width: 50%; padding-right: 15px; font-size: 22px; line-height: 32px; }
    /*.past_webinar .inner .btn_wrap { width: 50%; padding-left: 15px; }*/
    .past_webinar .inner .btn_wrap > div { width: 100%; }

    .contact_us { padding: 80px 0; }
    .contact_us .section_wrap h2 { font-size: 32px; line-height: 1.5; }
    .contact_us .section_wrap .left_part .content { font-size: 16px; }
    .contact_us .section_wrap .left_part { width: 100%; padding: 0 0 30px; }
    .contact_us .section_wrap .right_part { width: 100%; padding:0; }
/*     .contact_us .table .slider .title_cont .box_intitle { width: 24.8%; } */
    
    .toolkit_post .title_btn .title_cont h2 { font-size: 26px; }
    .toolkit_post .col .inner.sqaure { padding: 50px; }
    .toolkit_post .col .inner { padding: 50px; }
    
    .img_btn .section_wrap .col:nth-child(even):after { display: none; }
    
    .ssph-list-heading h2 { font-size: 34px; line-height: normal; }
    .ssph-list-main-wrap { padding-top: 50px; }
    .ssph-list { width: calc(100% / 2); }
    .ssph-page-main-wrap ul.pager__items { padding: 40px 0 0; }

    .rppupi-details-main-wrap { padding: 50px 0 70px; }
    .rppu-hero-main-wrap { padding: 60px 0; }    
    .rppupi-heading { padding-bottom: 40px; }
    .rppupi-heading h2 { font-size: 35px; line-height: normal; }
    .rppupi-details-wrap .left .rppupi-details { height: 253px; }
    .rppupi-details-wrap .left .rppupi-details:last-child { height: 241px; }
    .rppupi-details-wrap .right .rppupi-details:first-child,
    .rppupi-details-wrap .right .rppupi-details:last-child,
    .rppupi-details-wrap .right .rppupi-details:nth-child(2),
    .rppupi-details-wrap .right .rppupi-details:nth-child(3),
    .rppupi-details-wrap .right .rppupi-details:nth-child(4) { height: 162px; }
    .rppupi-details-wrap .right .rppupi-details:first-child { padding-right: 15px; width: calc(65% + 15px); margin-bottom: 15px; }
    .rppupi-details-wrap .right .rppupi-details:nth-child(2),
    .rppupi-details-wrap .right .rppupi-details:nth-child(3) { width: calc(35% - 15px); margin-bottom: 15px; }
    .rppupi-details-wrap .right .rppupi-details:nth-child(4) { padding-left: 15px; width: calc(65% + 15px); margin-bottom: 15px; }
    .rppupi-details-wrap .box>div .rppupi-details:last-child, .rppupi-details-wrap .box> div .rppupi-details:last-child{ margin-bottom: 15px; }
    .rppupi-details-wrap .right .rppupi-details:last-child { width: 100%; }
    .rppupi-details-wrap .d-flex:last-child .left .rppupi-details { height: 162px; }
    .rppupi-details-wrap .right { padding-left: 15px; }
    .back-to-top-wrap { padding-top: 30px; }
    .back-to-top-wrap a { font-size: 17px; line-height: normal; }
    .back-to-top-wrap a svg { margin-bottom: 10px; }
    
    .rppu-hero-main-wrap.second-hero-main-wrap { padding:70px 0; }
    .second-hero-main-wrap .rppu-hero-wrap h1 { font-size: 100px; }
    
    .past_webinar .inner .btn_wrap > div + div { padding: 10px 0 0; }
    
    .sc_experince .section_wrap .title_content h2 { font-size: 32px; line-height: normal; }
    
    /**** ****/
    .banner-section { padding: 60px 0; }
    .banner-section h2 { margin: 0 0 20px; }
    .banner-section h1 { margin: 0 0 10px; }
    
    .warranty-module { padding: 50px 0; }
    
    .process-section .left { width: 100%; padding: 0; }
    .process-section .right { width: 100%; margin: 30px 0 0; }
    
    .warranty-section .left .title { gap: 10px 16px; }
    .warranty-section .left .title h4 { font-size: 22px; line-height: 1.3; }
    
    .warranty-section .left { width: 100%; }
    .warranty-section .right { width: 100%; }
    .warranty-text { margin: 40px auto 0; }
    .video-resources { padding: 30px; }
    
    .link-style { margin: 8px 0; }
    .link-style a { font-size: 16px; }
    .warranty-section .right .link-style{margin:8px 0;}
    .warranty-section .right .link-style a{font-size:16px;}
    
    .cta-strip { padding: 50px 0; }
    .cta-strip h2 { font-size: 32px; line-height: 40px; margin: 0 0 15px; }
    
    .video-resources .box .img { height: 110px; }
    
    .trigger-icon { width: 50px; padding: 10px; position: absolute; top: 0; left: 0; }
    .trigger-icon a.trigger { font-size: 0; }
    .trigger-icon a.trigger { padding: 0; }
    .trigger-icon a.trigger span { top: 15px; }
    .nav_menu { top: 50px; }
    .nav_menu .nav { padding: 20px 0; width: 280px; left: -280px; }
    .nav_menu ul li a { padding: 0 0 0 15px; }
    
    .trigger-mobile { width: 50px; height: 50px; position: absolute; top: 0; right: 0; opacity: 0; }
    .trigger-mobile a.trigger { padding: 0; text-transform: uppercase; color: #FFF; display: inline-block; position: relative; }
    .trigger-mobile a.trigger span { display: inline-block; position: absolute; top: 6px; left: 10px; margin-left: 0; width: 27px; }
    .trigger-mobile a.trigger span:after,
    .trigger-mobile a.trigger span:before { content: ""; position: absolute; left: 0; top: -9px; transform: rotate(45deg) translate(5px, 5px); }
    .trigger-mobile a.trigger span:after { top: 9px; }
    
    .trigger-mobile a.trigger span,
    .trigger-mobile a.trigger span:after,
    .trigger-mobile a.trigger span:before { width: 27px; height: 2px; background-color: #FFF; transition: all 0.2s; backface-visibility: hidden; border-radius: 2px; }
    
    .trigger-mobile a.trigger span { background-color: transparent; }
    .trigger-mobile a.trigger span:before { transform: rotate(45deg) translate(5px, 5px); }
    .trigger-mobile a.trigger span:after { transform: rotate(-45deg) translate(7px, -8px); }
    
    .nav_menu.open .trigger-icon { opacity: 0; }
    .nav_menu.open .trigger-mobile { opacity: 1; }
    
    .nav_menu .nav:before { height: 100%; top: 0; }
    
    /**** ****/
    .hero-section { padding: 50px 0; }
    .hero-section h1 { font-size: 36px; margin: 0 0 10px; }
    .hero-section .content { font-family: var(--main-font); font-size: 15px; }
    .hero-section .btn_style1 { margin: 22px 0 0; }
    
    .contact-table { padding: 0 0 60px; }
    .repeater-table { margin: 0 0 45px; }
    .repeater-table .content { font-family: var(--main-font); font-size: 15px; }
    .repeater-table .content h2 { font-size: 24px; line-height: 1.2; }
    .repeater-table .table-title > div { font-size: 17px; }

    .repeater-table .table { width: 100%; overflow-x: scroll; }
    .repeater-table .table > div { width: 830px; }

      /* Investors - Governance - Directors Page */

    .dir_sc .title h2 { font-size: 36px; line-height: 1.2; }
    .dir_sc { padding: 60px 0 30px; }
    .dir_pop_content { padding: 30px 15px; }
    
    /* Warranty team */
    
    .fellows-item .left-part { width: 40%; }
    .fellows-item .right-part { width: 60%; }

    .team-section .team-row .team-item .team-content { padding: 16px 15px; }
    .team-section .team-row .team-item .team-content h5, .team-section .team-row .team-item .team-content .description { font-size: 16px; line-height: normal; }
    .team-section .team-row .team-item .team-img {  height: 190px; }
    
    .product_info_section.left_space { padding-left: calc((100% - 720px) / 2); }
    .product_info_section { padding-bottom: 60px; padding-top: 50px; }
    
    .product_info_box h2.large, .product_info_hover h2.large { font-size: 24px; }
    .pro_cat_list_section .product_list_item { width: calc(50% - 20px); }
    
}

@media (max-width:767px){
    .container .dnd-section > .row-fluid, .wrapper { width:100%; }
    .i-container .dnd-section > .row-fluid, .i-wrapper{ width: 100%; }
    
    .contact-form-main-wrap { padding: 60px 0; }
    .contact-form-hc .content { padding: 20px 0; }
    .contact-details-main-wrap { padding: 50px 0 50px; }
    .contact-tabs-title h2 { font-size: 20px; line-height: normal; }
    .contact-tabs-title { padding: 11px 0; }
    .contact-form { padding-top: 0; }
    .field.hs-form-field { margin-bottom: 9px; }
    .contact-form-hc h2 { font-size: 40px; line-height: normal; }
    
    /**/
    .privacy_policy_sc { padding: 60px 0; }
    .privacy_policy_wrap .left { width: 100%; margin-bottom: 20px; }
    .privacy_policy_wrap .right { width: 100%; padding: 0; }
    .privacy_policy_wrap .right .top .btn_style1 { display: none; }
    .privacy_policy_wrap .right .top { margin-bottom: 40px; }
    .privacy_policy_wrap .right .tab_raw .content h2 { font-size: 26px; }
    .privacy_policy_wrap .right .tab_raw .content { font-size: 16px; }
    .doc_list_item_wrap .doc_list_item .file_name { width: 100%; padding: 0 0 5px; }
    .doc_list_item_wrap .doc_list_item .wrap .file_link { width: 100%; }
    .add_policy_raw h3 { font-size: 24px; }
    .add_policy_raw .sub_text { font-size: 16px; margin-bottom: 25px; }

    .hero-main-wrap { padding: 50px 0; }
    .topicsmain_wrap .section_wrap .left_part { width: 100%; padding: 0; }
    .topicsmain_wrap .section_wrap .right_part { width: 100%; padding: 70px 0 0; }
    .topicsmain_wrap { padding: 50px 0; }
    .topicsmain_wrap .topics-main-heading h5 { }
    .topicsmain_wrap .topics-main-heading { margin-bottom: 40px; }
    .topicsmain_wrap .topic_post .topic_inner { padding: 23px 15px; }
    .topicsmain_wrap .publist_date { font-size: 17px; }
    .topicsmain_wrap .topic_post .topic_inner .content { font-size: 16px; }
    .topicsmain_wrap .topic_post .topic_inner+.topic_inner { margin-top: 25px; }
    .topicsmain_wrap .right_part .title_btn .btn_style1 a { min-width: 85px; padding: 10px; font-size: 10px; border-radius: 4px; }
    .topicsmain_wrap .section_wrap .right_part:after { display:none }
    .topicsmain_wrap .right_part .recenter_postwrap { padding-left: 15px; max-height: 750px; min-height: 750px; }
    .topicsmain_wrap .section_wrap .right_part .title_btn { margin-bottom: 30px; }
    .featured_videos { padding: 30px 0 50px; }
    .featured_videos.btm_space_decrease { padding-bottom: 30px; }
    .featured_videos.top_btm_space_decrease { padding: 30px 0; }
    .featured_videos.top_space_decrease { padding-top: 30px; }
    .featured_videos .title { margin-bottom: 30px; }
    .featured_videos .inner .img { height: 225px; }
    .featured_videos .inner .img span.play,
    .featured_videos .inner .img span.play svg { width: 95px; height: 95px; }
    .featured_videos .inner .btm_part .date { font-size: 14px; line-height: 20px; }
    .featured_videos .inner .btm_part h2 { font-size: 20px; }
    .hero-wrap h1 { font-size: 21px; line-height: 22px; }
    .hero-wrap { max-width: 200px; }
    .hero-main-wrap .btn_style1 { padding-top: 20px; }
    
    .sales_pas { padding: 50px 0; }
    .sales_pas .top_part .top_content { padding-bottom: 50px; font-size: 24px; }
    .sales_pas .top_part .filter_part .left_part { width: 100%; margin: 0 0 100px; }
    .sales_pas .top_part .filter_part .right_part { width: 100%; margin: 0; }
    .sales_pas .table .heading_wrap { display: none; }
    .sales_pas .table .table_body .inner { border-radius: 12px; background: var(--color5); padding: 38px; }
    .sales_pas .btm_part .sort_by { justify-content: center; }
    .sales_pas .table .table_body .inner+.inner { margin-top: 6px; }
    .sales_pas .table .table_body .inner > div { width: 100% !important; font-size: 16px; }
    .sales_pas .table .table_body .inner > div+div { margin-top: 14px; }
    
    .sales_pas .pagination ul li { width: 30px; height: 30px; }
    .sales_pas .pagination ul { padding-top: 50px; }
    
    .tklisting_hubdb .pagination ul li { width: 30px; height: 30px; }
    .tklisting_hubdb .pagination ul { padding-top: 50px; }
    
    .inner_hero { padding: 85px 0 100px; }
    .inner_hero .hero-wrap { max-width: 100%; margin: 0; }
    .inner_hero .hero-wrap h1 { font-size: 56px; line-height: 1; }

    .img_btn:before { height: 100%; }
    .img_btn .section_wrap .col { width: 100%; }

    .title_cont_section { background: #000000; }
    .title_cont_section .section_wrap .left_part { width: 100%; padding: 0; }
    .title_cont_section .section_wrap .right_part { width: 100%; padding: 25px 0 0; }

    .image_slider { padding-top: 0; }
    .image_slider .section_wrap { padding-left: 15px; }
    .image_slider .inner { padding: 0 10px; }
    .image_slider .section_wrap button.slick-arrow { display: none !important; }
    .image_slider .section_wrap .img_slider { padding: 0; }

    .video_testimonials { padding-bottom: 50px; }
    .video_testimonials .section_wrap .col { width: 50%; padding: 0 15px 30px; }
    .video_testimonials .section_wrap { margin: 0 -15px; }

    .sc_experince .section_wrap form .hs-form-field, .contact-form-main-wrap form .hs-form-field { width: 100% !important; }
    .sc_experince .section_wrap form .hs-form-field textarea, .contact-form-main-wrap form .hs-form-field textarea { height: auto; padding: 15px; }

    .tklisting_hubdb .need_help { justify-content: center; }
    .tklisting_hubdb .need_help a { font-size: 20px; }
    .tklisting_hubdb .sectoin_wrap .col { width: 100%; padding: 0 0 30px; }
    .tklisting_hubdb .sectoin_wrap { margin: 0; }
    .tklisting_hubdb .fea_title h2 { line-height: 1.2; }
    .tklisting_hubdb .sectoin_wrap .col:last-child { padding: 0; }
    .tklisting_hubdb .sectoin_wrap .col .inner { padding: 15px; }
    .tklisting_hubdb .all_content .col .inner { padding-top: 58px; }
    .tklisting_hubdb .sectoin_wrap .col.coming_soon { min-height: 260px; }
    
    .toolkit_post { padding: 70px 0; }
    .toolkit_post .title_btn .title_cont { padding: 0 0 30px; width: 100%; }
    .toolkit_post .title_btn .btn_style1 { width: 100%; justify-content: flex-start; }
    .toolkit_post .title_btn .top_content { padding-top: 30px; }
    .toolkit_post .section_wrap { margin: 0; }
    .toolkit_post .col { width: 100%; padding: 0 0 20px; }
    .toolkit_post .col .inner .box_btn { padding-top: 50px; }
    .toolkit_post .col .inner { max-width: 304px; margin: 0 auto;  }
    .toolkit_post .col .inner, .toolkit_post .col .inner.sqaure { padding:50px 30px; }

    .link_library h2 { font-size: 26px; }
    .link_library .col .box_title a { font-size: 18px; padding-right: 22px; }
    .link_library .section_wrap .col .inner .date { font-size: 16px; }
    .link_library .col .box_title a:before { width: 20px; height: 14px; }
    .link_library .section_wrap .col+.col { margin-top: 30px; }
    
    .img_btn.twocolumn_tab .section_wrap .col { width: 100%; }
    .twocolumn_tab .title_cont_section .right_part .inner .in { max-width: 100%; }
    
    .inner_hero .hero-wrap h1 { font-size: 40px; line-height: 1.4; }

    .literature { padding: 50px 0; }
    .literature .title { padding-bottom: 30px; }
    .literature .filter_btn .filter_part { width: 100%; padding: 0 0 15px; }
    .literature .filter_btn .btn_part { width: 100%; padding: 0; justify-content: flex-start; }
    .literature .filter_part .filtr_title { width: 100%; }
    .literature .filter_part .filter_main { width: 100%; padding: 30px 0 0; }
    .literature .filter_part .filter_main .col { width: 100%; padding: 0 0 30px; margin: 0; }
    .literature .filter_part .filter_main .col ul { left: 0; }
    .literature .section_wrap .inner h3 a { padding-right: 0; padding-bottom: 40px; }
    .literature .section_wrap .inner h3 a:before { top: auto; bottom: 0; left: 0; }
    
    .cus_pagination.pagination ul li { width: 30px; height: 30px; }
    .cus_pagination.pagination ul { padding-top: 50px; }
    

    .past_webinar { padding: 60px 0; }
    .past_webinar .inner .boxtitle_btn .box_title { width: 100%; padding: 0; font-size: 26px; line-height: 36px; }
    .past_webinar .inner .btn_wrap { width: 100%; padding: 20px 0 0; /*gap: 5px 30px;*/ }
    .past_webinar .inner .btn_wrap > div + div, .past_webinar .inner .btn_wrap > div + div + div { padding: 5px 0 0; }
    /*.past_webinar .inner .btn_wrap .webcast { width: 100%; padding: 0; }
    .past_webinar .inner .btn_wrap .powerpoint { width: 100%; padding: 15px 0 0; }
    .past_webinar .inner .btn_wrap > div + div { padding: 15px 0 0; }*/
    
    
    .contact_us .section_wrap .left_part { width: 100%; padding: 0 0 30px; }
    .contact_us .section_wrap .right_part { width: 100%; padding: 0; position: relative; padding-top:30px; }
    
    .contact_us .table .table_heading ul li:first-child { background: var(--secondary-color); }

    
    
    .contact_us .section_wrap .left_part .content { padding: 15px 0; }
    .contact-form-hc h2 { font-size: 32px; }
    
    .contact_us .section_wrap .right_part .table{width: 100%;}
    
    
    .contact_us .table_inner { border-top: none; border-left: none; border-right: none; padding-top:50px; }
    .contact_us .table_inner .table_right { border: none; width: calc(100% - 160px); }
    .contact_us .table_inner .table_left .table_heading ul li { border-right: 1px solid #b0b0b0; }
    .contact_us .table_inner .table_left { width: 160px; }
    .contact_us .table_inner .table_left .slider-container { border-right: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; }
    .contact_us .section_wrap .right_part h3 { line-height: 1.2; font-size:28px; }
    
    .contact_us .table_right_slider button.slick-arrow { top: -20px; left: auto; right: 0; transform: none; }
    .contact_us .table_right_slider .slick-prev.slick-arrow { right: 40px; transform: rotate(180deg); }
    .contact_us .table_right_slider .slick-arrow.slick-disabled { display: block !important; }
    .contact_us .table_right_slider button.slick-arrow:before { background: url(https://www.aaon.com/hubfs/aaon-rep/images/rep-right-arrow.svg)no-repeat center/cover; width: 27px; height: 16px; }
    .contact_us .table_right_slider .slick-arrow.slick-disabled:before { opacity: .2; pointer-events: none; }
    
    .contact_us .table .table_heading ul li { min-height: 74px; display: flex; align-items: center; font-size: 18px; }
    .contact_us .table_right_slider .table_right_inner:last-child { border-right:1px solid #b0b0b0; }
    
    .sc_experince .form form select { background-size: 16px; }
    .sc_experince .form form li.hs-form-radio label { font-size: 18px; line-height: 1.5; }
    .sc_experince .form form li.hs-form-radio input+span:before { top: 2px; }
    .sc_experince .form form li.hs-form-radio input+span:after { top: 6px; }
    .sc_experince .form form input, .sc_experince .form form select { font-size: 18px; }
    .sc_experince .form form input::placeholder { font-size: 18px; }
    
    .toolkit_post .backto { padding-bottom: 30px; }
    .toolkit_post .title_btn .title_cont h2 { font-size: 22px; }

    .img_btn .section_wrap .col:after { height: 4px; width: 100%; bottom: 0; top: auto; background: linear-gradient(90deg, hsl(0deg 0% 100% / 29%), #fff); }
    .img_btn .section_wrap .col:nth-child(even):after { display: block; }

    .ssph-heading-content-wrap h1 { font-size: 45px; line-height: normal; }
    .ssph-main-wrap { padding: 50px 0; }
    .ssph-heading-content-wrap .content { padding-top: 20px; }
    .ssph-list-main-wrap { padding-top: 40px; }
    .ssph-list { width: 100%; }
    .ssph-heading-content { margin-bottom: 20px; margin-top: 10px; }
    .ssph-page-main-wrap ul.pager__items { padding-top: 30px; }

    .sc_experince .form form input[type=file] { padding: 15px; height: auto; }
    
    .rppu-hero-main-wrap { padding: 50px 0; }
    .rppu-hero-wrap .content { padding-top: 15px; }
    .rppupi-heading { padding-bottom: 30px; }
    .rppupi-details-wrap .box .d-flex { flex-flow: wrap; }
    .rppupi-details-wrap .left { width: 100%; }
    .rppupi-details-wrap .right { width: 100%; padding-left: 0; }
    .rppupi-details-wrap .d-flex:last-child .left { width: 100%; }
    .rppupi-details-wrap .d-flex:last-child .right { width: 100%; padding-top: 15px; }
    .full-img .rppupi-details { aspect-ratio: 16/5; }
    .rppupi-details-main-wrap { padding: 40px 0 50px; }

    .hero-wrap .btn_style1 a { border-radius: 3px; font-size: 9px; font-style: normal; font-weight: 700; line-height: 11.588px; min-width: auto; padding: 9px 21px; }
    .topicsmain_wrap { padding: 40px 0; }
    .topicsmain_wrap .topics-main-heading { margin-bottom: 24px; }
    .hero-main-wrap { padding: 28px 0; }
    
    .rppu-hero-main-wrap.second-hero-main-wrap { padding: 50px 0; }
    .second-hero-main-wrap .rppu-hero-wrap h1 { font-size: 60px; }
    
    .title_cont_section .section_wrap .left_part ul li.current a {         font-size: 24px; }
    .twocolumn_tab .title_cont_section .right_part .inner.justify-center .in { max-width: 81%; }
    .title_cont_section .section_wrap .left_part ul li a { font-size: 24px; line-height: 25px; }
    
    .hero-main-wrap .hero-wrap .btn_style1 + .btn_style1{margin-left:0;}
    .link_library .inner .subtext{font-size:16px;margin:6px 0 0;}
    
    /**** *****/
    /*.banner-section h1 { font-size: 42px; }*/
    .process-section .right { padding: 15px; }
    .process-section .right .count .number { font-size: 42px; line-height: 1.1; }
    .warranty-section .left { padding: 15px; }
    .warranty-section .right { padding: 15px; }
    .warranty-section .right h5 { margin: 0 0 10px; font-size: 20px; line-height: 28px; }
    .warranty-section .left .title span { font-size: 14px; line-height: 22px; min-width: 100px; }
    .warranty-section .left ul { margin: 10px 0 0 7px }
    
    .link-style { margin: 5px 0; }
    .warranty-section .right .link-style{margin:5px 0;}
    
    .video-resources { padding: 15px; }
    .video-resources .box { width: 100%; max-width: 100%; margin: 0; }
    .video-resources .inside { margin: 0; gap: 18px 15px; justify-content: center; }
    .video-resources .box .img { height: 180px; }
    
    .repeater-table .table > div { width: 720px; }
    .repeater-table .table-row > div { font-size: 15px; line-height: 20px; }
    .repeater-table .table-title > div:first-child , .repeater-table .table-row > div:first-child { width: 180px; min-width: 180px; }


     /* Investors - Governance - Directors Page */
    .dir_sc .wrapper { max-width: 100%; }
    .dir_pop_top { flex-direction: column-reverse; padding-top: 30px; }
    .dir_pop_details { width: 100%; padding: 0 0 20px; }
    .dir_pop_details { font-size: 20px; line-height: 30px; }
    .dir_pop_details h4 { font-size: 26px; line-height: 32px; }
    .dir_pop_content { font-size: 16px; line-height: 24px; } 
    .names-positions.dir_sc .dir_wrap.col-3 .dir_col{width:50%;}
    
    /*** ***/
    .dir_sc .dir_col { width: 50%; flex: 0 0 50%; max-width: 50%; }
    .dir_colin .dir_avatar { height: 35vw; }
    .dir_sc .title h2 { font-size: 32px; line-height: 42px; }
    
    .dir_pop_details { font-size: 20px; line-height: 30px; padding: 0 0 20px; width: 100%; }
    
    .content-with-buttons { padding: 30px 0; }
    .content-with-buttons .inner .btn-wrap { margin: 20px 0 0; }
    
    /* Warranty team */
    .title-sec { margin-bottom: 22px; }
    .title-sec h2 { font-size: 30px; }
    .fellows-item .left-part {width: 100%; }
    .fellows-item .right-part {width: 100%; padding: 0; }
    .fellows-item:nth-child(2n) .right-part { padding-right:0; }
    .fellows-item h3, .fellows-item h4 {font-size: 24px; line-height: normal; }
    .fellows-item h3 { margin-bottom: 8px; }
    
    .team-section .team-row .team-item .team-content h5 { margin-bottom: 6px; }
    .team-section .team-row .team-item { width: calc(100% - 16px); margin: 20px 8px; }
    .team-section .team-row .team-item .team-img { height: auto; }
    .team-section .team-row .team-item .team-content h5, .team-section .team-row .team-item .team-content .description {font-size: 18px; }
    
    .normal-content-sc { padding: 50px 0; }
    .normal-content-sc .content { padding: 10px 0 0; }
    
    .product_info_col { width: 100%; height: 500px; }
    
    .product_info_section.left_space { padding-left: 15px; padding-right: 15px; }
    .product_info_wrap.slide-show .product_info_col { height:auto; }
    .product_info_section { padding-bottom: 40px; padding-top: 40px; }
    .product_info_wrap .slick-next,.product_info_wrap .slick-prev { width: 60px; height: 60px; } 
    .product_info_wrap.slide-show .product_info_col { margin-left: 0; }
    .product_info_wrap.slide-show { width: 100%; margin-left: 0; }
    .product_info_section .content .box { font-size: 16px; }
    
    .employee-essentials-sc { padding: 50px 0; }
    .employee-essentials-sc .nav_menu .nav { width: 280px; left: -280px; padding: 35px 0 20px; }
    .employee-essentials-sc .nav_menu.open .nav { left: 0; }
    .employee-essentials-sc .nav_menu ul li .subClick { width: 40px; right: 0; top: 0; }
    .employee-essentials-sc .nav_menu ul > li > a { padding-right: 35px; }
    .employee-essentials-sc .essentials-item { padding: 0 0 50px; }
    .employee-essentials-sc .essentials-item .essentials-ttl { font-size: 18px; padding: 12px 30px 12px 0; }
    .employee-essentials-sc .essentials-item .essentials-acc .essentials-txt { font-size: 16px; transform: translateY(-0); }
    .employee-essentials-sc .essentials-item .essentials-ttl:before,
    .employee-essentials-sc .essentials-item .essentials-ttl:after { width: 14px; top: 24px; }
    .employee-essentials-sc .essentials-txt .essentials-list > a { flex: 1 1 100%; padding-left: 28px; }
    .employee-essentials-sc .essentials-txt .essentials-list > a:before { width: 22px; height: 22px; background-size: 22px; top: 2px; }
    

}

@media (max-width:600px) {
    
    .dir_sc .dir_wrap { margin: 0; }
    .dir_sc .dir_col { width: 100%; flex: 0 0 100%; max-width: 100%; padding: 15px 0; }
    .dir_colin .dir_avatar { height: auto; background: #e1e2e3; }
    .dir_colin .dir_avatar img { width: auto; max-width: 293px; }
    
}

@media (max-width:575px){
    .custom-cta { right: 50%; bottom: 20px; transform: translateX(50%); max-width: calc(100% - 80px); }
    .custom-cta .cta-card { padding: 10px 14px; }  
    .custom-cta .cta-card .title { font-size: 18px; }
    .custom-cta .cta-card .content { font-size: 12px; }
    .custom-cta .cta-card .link-btn { margin-top: 4px; }
    .custom-cta .cta-card .link-btn a { font-size: 14px; line-height: 20px; }
    .custom-cta .cta-card .close-btn svg {width: 14px;}
}

@media (max-width:500px){
    .title_cont_section .right_part .inner .in { width: 100%; padding: 0 0 30px; }
    .title_cont_section .right_part .inner { margin: 0; }
    .title_cont_section .right_part .inner .in:last-child { padding: 0; }
    .image_slider .slick-list.draggable { padding-right: 0; }
    .image_slider .section_wrap { padding: 0; }
    .image_slider .section_wrap ul.slick-dots { right: 0; left: 0; }
    .video_testimonials .section_wrap { margin:0; }
    .video_testimonials .section_wrap .col { width: 100%; padding: 0 0 30px; }
    .video_testimonials .section_wrap .col:last-child { padding: 0; }
     .names-positions.dir_sc .dir_wrap.col-3 .dir_col{width:100%;margin-bottom:0;}
    
    
}

@media (max-width:350px){
    .contact_us .table .table_heading ul li { font-size: 14px; }
    
    .video-resources .box .img { height: 130px; }
    
}