
/*
 *	Serpac V.2
 *	SM@Archimedia 2021-08-26
 **/

/* import font from ext CDN */
/*@import url(//db.onlinewebfonts.com/c/33f225b8f5f7d6b34a0926f58f96c1e9?family=Open+Sans+Semibold);*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');*/
:root {
	
	/* base color */
	--serpac-orange1: #E94E1B;
	--serpac-orange2: #EC6438;
	--serpac-orange3: #EE7A54;
	--serpac-orange4: #F39E83;
	--serpac-orange5: #F9CFC1;
	--serpac-orange6: #FDEDE8;
	--serpac-white: #ffffff;
	
	--serpac-black: #000000;
	--serpac-grey1: #202020;
	--serpac-grey2: #404040;
	--serpac-grey3: #606060;
	--serpac-grey4: #F0F0F0;
	--serpac-grey5: #BBBBBB;
	--serpac-grey6: #E5E5E5;
	--serpac-grey7: #F6F6F6;
	
	/* Text color */
	--serpac-text1: #000000;
	--serpac-text2: #606060;
	
	/* Backgrounds */
	--serpac-bg-white: #ffffff;
	--serpac-bg-orange1: #E94E1B;
	--serpac-bg-grey1: #f0f0f0;
	--serpac-bg-grey2: #F6F6F6;
	
	/*--bs-font-sans-serif: 'Open Sans Semibold', arial;*/
	--bs-font-sans-serif: 'Open Sans', arial;
	
	/* TZ 13/09/2021 bold 600 */
	--bs-font-bold: 600;
}


.text-orange1 {color:var(--serpac-orange1) !important;}
.text-orange2 {color:var(--serpac-orange2) !important;}
.text-orange3 {color:var(--serpac-orange3) !important;}
.text-orange4 {color:var(--serpac-orange4) !important;}
.text-orange5 {color:var(--serpac-orange5) !important;}
.text-orange6 {color:var(--serpac-orange6) !important;}
.text-white   {color:var(--serpac-white) !important;}

.text-black {color:var(--serpac-black) !important;}
.text-grey1 {color:var(--serpac-grey1) !important;}
.text-grey2 {color:var(--serpac-grey2) !important;}
.text-grey3 {color:var(--serpac-grey3) !important;}
.text-grey4 {color:var(--serpac-grey4) !important;}
.text-grey5 {color:var(--serpac-grey5) !important;}
.text-grey6 {color:var(--serpac-grey6) !important;}
.text-grey7 {color:var(--serpac-grey7) !important;}

.bg-white {background-color:var(--serpac-bg-white) !important;}
.bg-orange1 {background-color:var(--serpac-bg-orange1) !important;}
.bg-grey1 {background-color:var(--serpac-bg-grey1) !important;}
.bg-grey2 {background-color:var(--serpac-bg-grey2) !important;}




/* Padding
------------------------*/
.padding-1 {padding: 60px 15px 30px 60px;}
.padding-2 {padding: 30px 20px 15px 30px;}
.padding-3 {padding: 80px 190px 35px 30px;}
.padding-4 {padding: 60px 0px 25px 60px;}
.padding-5 {padding: 45px 15px 40px 30px;}
.padding-6 {padding: 20px 20px 20px 20px;}
.padding-7 {padding: 10px 30px 0px 0px;}
.padding-8 {padding: 50px 50px 50px 50px;}
.padding-9 {padding: 60px 15px 30px 60px;}
.padding-10{padding: 40px 40px 40px 40px;}
.padding-12{padding: 50px 50px;}
.padding-13{padding: 47px 15px 30px 52px;}
.padding-14{padding: 70px 0 130px 70px;}
.padding-15{padding: 60px 0 60px 20px;}

.pr-0  { padding-right: 0px !important}
.pr-5  { padding-right: 5px !important}
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-35 { padding-right: 35px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-45 { padding-right: 45px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-55 { padding-right: 55px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100{ padding-right: 100px !important;}
.pr-110{ padding-right: 110px !important; }
.pr-120{ padding-right: 120px !important; }
.pr-130{ padding-right: 130px !important; }
.pr-140{ padding-right: 140px !important; }
.pr-150{ padding-right: 150px !important; }
.pr-165{ padding-right: 165px!important;}

.pl-0 { padding-left: 0px !important; }
.pl-5 { padding-left: 5px !important; }
.pl-10{ padding-left: 10px !important; }
.pl-15{ padding-left: 15px !important; }
.pl-20{ padding-left: 20px !important; }
.pl-25{ padding-left: 25px !important; }
.pl-30{ padding-left: 30px !important; }
.pl-35{ padding-left: 35px !important; }
.pl-40{ padding-left: 40px !important; }
.pl-45{ padding-left: 45px !important; }
.pl-50{ padding-left: 50px !important; }
.pl-55{ padding-left: 55px !important; }
.pl-60{ padding-left: 60px !important; }
.pl-65{ padding-left: 65px !important; }
.pl-70{ padding-left: 70px !important; }
.pl-75{ padding-left: 75px !important; }
.pl-80{ padding-left: 80px !important; }
.pl-85{ padding-left: 85px !important; }
.pl-90{ padding-left: 90px !important; }
.pl-95{ padding-left: 95px !important; }
.pl-100{ padding-left: 100px !important; }
.pl-110{ padding-left: 110px !important; }
.pl-120{ padding-left: 120px !important; }
.pl-130{ padding-left: 130px !important; }
.pl-140{ padding-left: 140px !important; }
.pl-150{ padding-left: 150px !important; }

.pt-0{ padding-top: 0px !important; }
.pt-2{ padding-top: 2px !important; }
.pt-5{ padding-top: 5px !important;}
.pt-6{padding-top: 6px  !important;;}
.pt-10{ padding-top: 10px !important; }
.pt-12{ padding-top: 12px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30{ padding-top: 30px !important; }
.pt-35{ padding-top: 30px !important; }
.pt-40{ padding-top: 40px !important; }
.pt-45{ padding-top: 45px !important; }
.pt-50{ padding-top: 50px !important; }
.pt-55{ padding-top: 55px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-65{ padding-top: 65px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-75 { padding-top: 75px !important; }
.pt-80{padding-top: 80px !important;}
.pt-87{ padding-top: 87px !important; }
.pt-90{padding-top: 90px !important;}
.pt-92{padding-top: 92px !important;}
.pt-100{padding-top: 100px !important;}
.pt-107{padding-top: 107px!important;}
.pt-110{padding-top: 110px !important;}
.pt-111{padding-top: 111px!important;}
.pt-150{padding-top: 150px !important;}
.pt-200{padding-top: 200px !important;}
.pt-240{padding-top: 240px !important;}
.pt-250{padding-top: 250px !important;}
.pt-350 {padding-top: 350px !important;}

.pb-0{ padding-bottom: 0px !important; }
.pb-5{ padding-bottom: 5px !important; }
.pb-10{ padding-bottom: 10px !important; }
.pb-12{ padding-bottom: 12px!important;}
.pb-15{ padding-bottom: 15px !important; }
.pb-20{ padding-bottom: 20px !important; }
.pb-25{ padding-bottom: 25px !important; }
.pb-30{ padding-bottom: 30px !important; }
.pb-35{ padding-bottom: 35px !important; }
.pb-45{ padding-bottom: 45px !important; }
.pb-50{ padding-bottom: 50px !important; }
.pb-55{ padding-bottom: 55px !important; }
.pb-60{ padding-bottom: 60px !important; }
.pb-70{ padding-bottom: 70px !important; }
.pb-73{padding-bottom: 73px!important; }
.pb-80{ padding-bottom: 80px !important; }
.pb-90{ padding-bottom: 90px !important; }
.pb-100{padding-bottom: 100px !important;}
.pb-110{padding-bottom: 110px !important;}
.pb-120{padding-bottom: 120px !important;}
.pb-130{padding-bottom: 130px !important;}
.pb-140{padding-bottom: 140px !important;}
.pb-150{padding-bottom: 150px !important;}
.pb-160{padding-bottom: 160px !important;}
.pb-170{padding-bottom: 170px !important;}
.pb-175{padding-bottom: 175px !important;}
.pb-180{padding-bottom: 180px !important;}
.pb-190{padding-bottom: 190px !important;}
.pb-200{padding-bottom: 200px !important;}
.pb-280{ padding-bottom: 280px !important; }


.pt-md-240 {padding-top:240px !important;}

.plr-0{ padding-left: 0px !important; padding-right: 0px !important; }
.plr-5 { padding-left: 5px !important; padding-right: 5px !important; }
.plr-10{ padding-left: 10px !important; padding-right: 10px !important; }
.plr-15{ padding-left: 15px !important; padding-right: 15px !important; }
.plr-20{ padding-left: 20px !important; padding-right: 20px !important; }
.plr-25{ padding-left: 25px !important; padding-right: 25px !important; }
.plr-30{ padding-left: 30px !important; padding-right: 30px !important; }
.plr-35{ padding-left: 35px !important; padding-right: 35px !important; }
.plr-40{ padding-left: 40px !important; padding-right: 40px !important; }
.plr-45{ padding-left: 45px !important; padding-right: 45px !important; }
.plr-50{ padding-left: 50px !important; padding-right: 50px !important; }
.plr-55{ padding-left: 55px !important; padding-right: 55px !important; }
.plr-60{ padding-left: 60px !important; padding-right: 60px !important; }
.plr-65{ padding-left: 65px !important; padding-right: 65px !important; }
.plr-70{ padding-left: 70px !important; padding-right: 70px !important; }
.plr-75{ padding-left: 75px !important; padding-right: 75px !important; }
.plr-80{ padding-left: 80px !important; padding-right: 80px !important; }
.plr-85{ padding-left: 85px !important; padding-right: 85px !important; }
.plr-90{ padding-left: 90px !important; padding-right: 90px !important; }
.plr-95{ padding-left: 95px !important; padding-right: 95px !important; }
.plr-100{ padding-left: 100px !important; padding-right: 100px !important; }
.plr-110{ padding-left: 110px !important; padding-right: 110px !important; }
.plr-120{ padding-left: 120px !important; padding-right: 120px !important; }
.plr-130{ padding-left: 130px !important; padding-right: 130px !important; }
.plr-140{ padding-left: 140px !important; padding-right: 140px !important; }
.plr-150{ padding-left: 150px !important; padding-right: 150px !important; }


.ptb-0{ padding-top: 0px !important; padding-bottom: 0px !important; }
.ptb-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.ptb-10{ padding-top: 10px !important; padding-bottom: 10px !important; }
.ptb-15{ padding-top: 15px !important; padding-bottom: 15px !important; }
.ptb-20{ padding-top: 20px !important; padding-bottom: 20px !important; }
.ptb-25{ padding-top: 25px !important; padding-bottom: 25px !important; }
.ptb-30{ padding-top: 30px !important; padding-bottom: 30px !important; }
.ptb-35{ padding-top: 35px !important; padding-bottom: 35px !important; }
.ptb-40{ padding-top: 40px !important; padding-bottom: 40px !important; }
.ptb-45{ padding-top: 45px !important; padding-bottom: 45px !important; }
.ptb-50{ padding-top: 50px !important; padding-bottom: 50px !important; }
.ptb-55{ padding-top: 55px !important; padding-bottom: 55px !important; }
.ptb-60{ padding-top: 60px !important; padding-bottom: 60px !important; }
.ptb-65{ padding-top: 65px !important; padding-bottom: 65px !important; }
.ptb-70{ padding-top: 70px !important; padding-bottom: 70px !important; }
.ptb-75{ padding-top: 75px !important; padding-bottom: 75px !important; }
.ptb-80{ padding-top: 80px !important; padding-bottom: 80px !important; }
.ptb-85{ padding-top: 85px !important; padding-bottom: 85px !important; }
.ptb-90{ padding-top: 90px !important; padding-bottom: 90px !important; }
.ptb-95{ padding-top: 95px !important; padding-bottom: 95px !important; }
.ptb-100{ padding-top: 100px !important; padding-bottom: 100px !important; }
.ptb-110{ padding-top: 110px !important; padding-bottom: 110px !important; }
.ptb-120{ padding-top: 120px !important; padding-bottom: 120px !important; }
.ptb-130{ padding-top: 130px !important; padding-bottom: 130px !important; }
.ptb-140{ padding-top: 140px !important; padding-bottom: 140px !important; }
.ptb-150{ padding-top: 150px !important; padding-bottom: 150px !important; }
.ptb-200{padding-top: 200px;padding-bottom: 200px;}

/** Margin **/

.mt-0{margin-top: 0px!important;}
.mt-5{ margin-top: 5px!important; }
.mt-10 { margin-top: 10px !important; }
.mt-15{ margin-top: 15px !important;}
.mt-17{margin-top: 17px;}
.mt-20{ margin-top: 20px !important;}
.mt-22{margin-top: 22px!important;}
.mt-25{ margin-top: 25px !important;}
.mt-28{margin-top: 28px!important;}
.mt-30{ margin-top: 30px !important;}
.mt-35{ margin-top: 35px !important;}
.mt-40{ margin-top: 40px !important;}
.mt-45{ margin-top: 45px !important;}
.mt-50{ margin-top: 50px !important;}
.mt-55{margin-top: 55px!important;}
.mt-57{margin-top: 57px !important;}
.mt-60{ margin-top: 60px !important; }
.mt-70{ margin-top: 70px !important; }
.mt-80{margin-top: 80px !important;}
.mt-100{margin-top: 100px !important;}
.mt-110{margin-top: 110px !important;}
.mt-120{margin-top: 120px !important;}
.mt-130{margin-top: 130px !important;}
.mt-140{margin-top: 140px !important;}
.mt-150{margin-top: 150px !important;}
.mt-164{ margin-top: 164px !important; }
.mt_5{ margin-top: -5px!important; }
.mt_10{ margin-top: -10px!important; }
.mt_15{ margin-top: -15px!important; }
.mt_19{margin-top: -19px !important;}
.mt_20{ margin-top: -20px!important; }
.mt_25{ margin-top: -25px!important; }
.mt_30{ margin-top: -30px!important; }
.mt_35{margin-top: -35px!important;}
.mt_40{ margin-top: -40px!important; }
.mt_50{ margin-top: -50px !important; }
.mt_55{margin-top: -55px!important;}
.mt_60{ margin-top: -60px !important; }
.mt_65{margin-top: -65px!important;}
.mt_68{margin-top: -68px!important;}
.mt_70{ margin-top: -70px !important; }
.mt_74{margin-top: -74px!important;}
.mt_80{ margin-top: -80px !important; }
.mt_82{margin-top: -82px!important;}
.mt_145{margin-top: -145px!important;}
.mt_85{ margin-top: -85px !important; }
.mt_90{ margin-top: -90px !important; }
.mt_100 { margin-top: -100px !important;}
.mt_110{ margin-top: -110px !important; }
.mt_120{ margin-top: -120px !important; }
.mt_130{ margin-top: -130px !important; }
.mt_140{ margin-top: -140px !important; }
.mt_150{ margin-top: -150px !important; }
.mt_157{margin-top: -157px!important;}
.mt_165{ margin-top: -165px !important; }
.mt_167{margin-top: -167px!important;}
.mt_175{ margin-top: -175px !important; }
.mt_180{ margin-top: -180px !important; }
.mt_214{ margin-top: -214px !important; }
.mt_270{ margin-top: -270px !important; }

.ml-0{ margin-left: 0px !important }
.ml-8{ margin-left: 8px !important }
.ml-10 { margin-left: 10px!important; } 
.ml-15 { margin-left: 15px!important; }
.ml-25{margin-left: 25px !important;}
.ml-30{margin-left: 30px !important;}
.ml-50{margin-left: 50px !important;}
.ml-70{margin-left: 70px !important;}
.ml-85{margin-left: 85px !important;}
.ml-287{ margin-left: 287px !important; }

.ml_15{ margin-left: -15px !important; }
.ml_30{ margin-left: -30px !important; }
.ml_40{ margin-left: -40px !important; }
.ml_60{ margin-left: -60px !important; }
.ml_73{margin-left: -73px!important;}
.ml_80{ margin-left: -80px !important; }
.ml_85{ margin-left: -85px !important; }
.ml_100{ margin-left: -100px !important; }
.ml_115{ margin-left: -115px !important; }
.ml_120{ margin-left: -120px !important; }
.ml_155{margin-left: -155px!important;}
.ml_160{margin-left: -160px!important;}
.ml_165{margin-left: -165px!important;}
.ml_167{ margin-left: -167px !important;}
.ml_170{ margin-left: -170px !important; }
.ml_190{margin-left: -190px!important;}

.mr-0{ margin-right: 0px !important; }
.mr-10{ margin-right: 10px !important; }
.mr-15 { margin-right: 15px!important; }
.mr-55 { margin-right: 55px!important; }
.mr-85 { margin-right: 85px!important; }
.mr_40{ margin-right: -40px ;}
.mr_60{ margin-right: -60px ;}
.mr_80{ margin-right: -80px ;}
.mr_90{ margin-right: -90px ;}
.mr_100{ margin-right: -100px ;}
.mr_140 { margin-right: -140px!important; }
.mr_150 { margin-right: -150px!important; }
.mr_240{ margin-right: -240px ;}
.mlr-15{ margin-left: 15px !important; margin-right: 15px !important; }
.mlr-30{ margin-left: 30px !important; margin-right: 30px !important; }

.mb_1{ margin-bottom: -1px !important; }
.mb-4{ margin-bottom: 4px !important; }
.mb-5{ margin-bottom: 5px !important; }
.mb-10{ margin-bottom: 10px !important; }
.mb-12{ margin-bottom: 12px !important; }
.mb-15{ margin-bottom: 15px !important; }
.mb-20{ margin-bottom: 20px !important; }
.mb-25{ margin-bottom: 25px !important;}
.mb-30{ margin-bottom: 30px !important; }
.mb-35{ margin-bottom: 35px !important; }
.mb-40{ margin-bottom: 40px !important; }
.mb-45{ margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-55 { margin-bottom: 55px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70{margin-bottom: 70px !important;}
.mb-80{margin-bottom: 70px !important;}
.mb-90{margin-bottom: 70px !important;}
.mb-100 { margin-bottom: 100px !important; }

.mb_10{ margin-bottom: -10px !important; }
.mb_20{ margin-bottom: -20px !important; }
.mb_30{ margin-bottom: -30px !important; }
.mb_40{ margin-bottom: -40px !important; }
.mb_50{ margin-bottom: -50px !important; }
.mb_60{ margin-bottom: -60px !important; }
.mb_70{ margin-bottom: -70px !important; }
.mb_80{ margin-bottom: -80px !important; }
.mb_90{margin-bottom: -90px!important;}
.mb_100{ margin-bottom: -100px !important }
.mb_125{margin-bottom: -125px;}
.mb_184{ margin-bottom: -184px ! important;}
.mb_224{ margin-bottom: -224px ! important;}
.mtb_40{margin-top: -40px; margin-bottom: -40px;}
.mtb_70{margin-top: -70px; margin-bottom: -70px;}
.mtb-80{margin-top: 80px; margin-bottom: 80px;}
.mtb-100{margin-top: 100px; margin-bottom: 100px;}
.mb-120{margin-bottom: 120px!important;}
.mtb-150{margin-top: 150px; margin-bottom: 150px;}








