/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template/heroic-features)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-heroic-features/blob/master/LICENSE)
 */
html {
	scroll-behavior: smooth;
}

/*body {
	padding-top: 56px;
}*/


.hr-light-red {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border-width: 1px;
    height: 1px;
    background: #FFBCBC;
}
.hr-white {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border-width: 1px;
    height: 1px;
    background: white;
}
.hr-lightred {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border-width: 1px;
    height: 2px;
    background: #FFBCBC;
}
.hr-black {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border-width: 3px;
    height: 3px;
    background: black;
}
.hr-gray {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border-width: 3px;
    height: 3px;
    background: gray;
}
.hr-lightgray {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border-width: 3px;
    height: 3px;
    background: lightgray;
}

/* WITDH U PROCENTIMA */
.w-100 {width: 100%;}
.w-95 {width: 95%;}
.w-90 {width: 90%;}
.w-85 {width: 85%;}
.w-80 {width: 80%;}
.w-75 {width: 75%;}
.w-70 {width: 70%;}
.w-65 {width: 65%;}
.w-60 {width: 60%;}
.w-55 {width: 55%;}
.w-50 {width: 50%;}
.w-45 {width: 45%;}
/*.w-40 {width: 40%;}*/
.w-35 {width: 35%;}
.w-30 {width: 30%;}
.w-25 {width: 25%;}
.w-20 {width: 20%;}
.w-15 {width: 15%;}
.w-10 {width: 10%;}
.w-5 {width: 5%;}

/* HEIGHT U PROCENTIMA */
.h-100 {height: 100%;}
.h-95 {height: 95%;}
.h-90 {height: 90%;}
.h-85 {height: 85%;}
.h-80 {height: 80%;}
.h-75 {height: 75%;}
.h-70 {height: 70%;}
.h-65 {height: 65%;}
.h-60 {height: 60%;}
.h-55 {height: 55%;}
.h-50 {height: 50%;}
.h-45 {height: 45%;}
.h-40 {height: 40%;}
.h-35 {height: 35%;}
.h-30 {height: 30%;}
.h-25 {height: 25%;}
.h-20 {height: 20%;}
.h-15 {height: 15%;}
.h-10 {height: 10%;}
.h-5 {height: 5%;}

/* WIDTH U PIKSELIMA */
.w-5px {width: 5px;}
.w-10px {width: 10px;}
.w-15px {width: 15px;}
.w-20px {width: 20px;}
.w-25px {width: 25px;}
.w-30px {width: 30px;}
.w-35px {width: 35px;}
.w-40px {width: 40px;}
.w-45px {width: 45px;}
.w-50px {width: 50px;}
.w-55px {width: 55px;}
.w-60px {width: 60px;}
.w-65px {width: 65px;}
.w-70px {width: 70px;}
.w-75px {width: 75px;}
.w-80px {width: 80px;}
.w-85px {width: 85px;}
.w-90px {width: 90px;}
.w-95px {width: 95px;}
.w-100px {width: 100px;}
.w-125px {width: 125px;}
.w-150px {width: 150px;}
.w-175px {width: 175px;}
.w-200px {width: 200px;}
.w-225px {width: 225px;}
.w-250px {width: 250px;}
.w-275px {width: 275px;}
.w-300px {width: 300px;}
.w-325px {width: 325px;}
.w-350px {width: 350px;}
.w-375px {width: 375px;}
.w-400px {width: 400px;}
.w-425px {width: 425px;}
.w-450px {width: 450px;}

/* HEIGHT U PIKSELIMA */
.h-5px {height: 5px;}
.h-10px {height: 10px;}
.h-15px {height: 15px;}
.h-20px {height: 20px;}
.h-25px {height: 25px;}
.h-30px {height: 30px;}
.h-35px {height: 35px;}
.h-40px {height: 40px;}
.h-45px {height: 45px;}
.h-50px {height: 50px;}
.h-55px {height: 55px;}
.h-60px {height: 60px;}
.h-65px {height: 65px;}
.h-70px {height: 70px;}
.h-75px {height: 75px;}
.h-80px {height: 80px;}
.h-85px {height: 85px;}
.h-90px {height: 90px;}
.h-95px {height: 95px;}
.h-100px {height: 100px;}
.h-125px {height: 125px;}
.h-150px {height: 150px;}
.h-175px {height: 175px;}
.h-200px {height: 200px;}
.h-225px {height: 225px;}
.h-240px {height: 240px;}
.h-250px {height: 250px;}
.h-275px {height: 275px;}
.h-300px {height: 300px;}
.h-325px {height: 325px;}
.h-350px {height: 350px;}
.h-375px {height: 375px;}
.h-400px {height: 400px;}
.h-425px {height: 425px;}
.h-450px {height: 450px;}

/*LINE HEIGHT U PIXELIMA*/
.lh-10 {line-height: 10px !important;}
.lh-11 {line-height: 11px !important;}
.lh-12 {line-height: 12px !important;}
.lh-13 {line-height: 13px !important;}
.lh-14 {line-height: 14px !important;}
.lh-15 {line-height: 15px !important;}
.lh-16 {line-height: 16px !important;}
.lh-17 {line-height: 17px !important;}
.lh-18 {line-height: 18px !important;}
.lh-19 {line-height: 19px !important;}
.lh-20 {line-height: 20px !important;}
.lh-21 {line-height: 21px !important;}
.lh-22 {line-height: 22px !important;}
.lh-23 {line-height: 23px !important;}
.lh-24 {line-height: 24px !important;}
.lh-25 {line-height: 25px !important;}
.lh-26 {line-height: 26px !important;}
.lh-27 {line-height: 27px !important;}
.lh-28 {line-height: 28px !important;}
.lh-29 {line-height: 29px !important;}
.lh-30 {line-height: 30px !important;}
.lh-35 {line-height: 35px !important;}
.lh-40 {line-height: 40px !important;}
.lh-45 {line-height: 45px !important;}
.lh-50 {line-height: 50px !important;}

/*FONT-SIZE U PIXELIMA*/
.fs-10 {font-size: 10px !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}
.fs-21 {font-size: 21px !important;}
.fs-22 {font-size: 22px !important;}
.fs-23 {font-size: 23px !important;}
.fs-24 {font-size: 24px !important;}
.fs-25 {font-size: 25px !important;}
.fs-26 {font-size: 26px !important;}
.fs-27 {font-size: 27px !important;}
.fs-28 {font-size: 28px !important;}
.fs-29 {font-size: 29px !important;}
.fs-30 {font-size: 30px !important;}
.fs-31 {font-size: 31px !important;}
.fs-32 {font-size: 32px !important;}
.fs-33 {font-size: 33px !important;}
.fs-34 {font-size: 34px !important;}
.fs-35 {font-size: 35px !important;}
.fs-36 {font-size: 36px !important;}
.fs-37 {font-size: 37px !important;}
.fs-38 {font-size: 38px !important;}
.fs-39 {font-size: 39px !important;}
.fs-40 {font-size: 40px !important;}
.fs-41 {font-size: 41px !important;}
.fs-42 {font-size: 42px !important;}
.fs-43 {font-size: 43px !important;}
.fs-44 {font-size: 44px !important;}
.fs-45 {font-size: 45px !important;}
.fs-46 {font-size: 46px !important;}
.fs-47 {font-size: 47px !important;}
.fs-48 {font-size: 48px !important;}
.fs-49 {font-size: 49px !important;}
.fs-50 {font-size: 50px !important;}
.fs-55 {font-size: 55px !important;}
.fs-68 {font-size: 68px !important;}
.fs-69 {font-size: 69px !important;}
.fs-70 {font-size: 70px !important;}
.fs-72 {font-size: 72px !important;}
.fs-120 {font-size: 120px !important;}

/*FONT-SIZE U EM*/
.fs-01em {font-size: 0.1em !important;}
.fs-02em {font-size: 0.2em !important;}
.fs-03em {font-size: 0.3em !important;}
.fs-04em {font-size: 0.4em !important;}
.fs-05em {font-size: 0.5em !important;}
.fs-06em {font-size: 0.6em !important;}
.fs-07em {font-size: 0.7em !important;}
.fs-08em {font-size: 0.8em !important;}
.fs-09em {font-size: 0.9em !important;}
.fs-1em {font-size: 1em !important;}
.fs-11em {font-size: 1.1em !important;}
.fs-12em {font-size: 1.2em !important;}
.fs-13em {font-size: 1.3em !important;}
.fs-14em {font-size: 1.4em !important;}
.fs-15em {font-size: 1.5em !important;}
.fs-16em {font-size: 1.6em !important;}
.fs-17em {font-size: 1.7em !important;}
.fs-18em {font-size: 1.8em !important;}
.fs-19em {font-size: 1.9em !important;}
.fs-2em {font-size: 2em !important;}

/*MARGIN-LEFT*/
.ml-0 {margin-left: 0px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-25 {margin-left: 25px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-35 {margin-left: 35px !important;}

/*MARGIN-RIGHT*/
.mr-0 {margin-right: 0px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-25 {margin-right: 25px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-35 {margin-right: 35px !important;}

/*MARGIN-TOP*/
.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-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-42 {margin-top: 42px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-55 {margin-top: 55px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-95 {margin-top: 95px !important;}
.mt-100 {margin-top: 100px !important;}

/*MARGIN-BOTTOM*/
.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !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-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-65 {margin-bottom: 65px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-75 {margin-bottom: 75px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-85 {margin-bottom: 85px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-95 {margin-bottom: 95px !important;}
.mb-100 {margin-bottom: 100px !important;}

/*MARGIN*/
.m-auto {margin: 0 auto !important;}
.m-0 {margin: 0 !important;}
.m-1 {margin: 1px !important;}
.m-2 {margin: 2px !important;}
.m-3 {margin: 3px !important;}
.m-4 {margin: 4px !important;}
.m-5 {margin: 5px !important;}
.m-6 {margin: 6px !important;}
.m-7 {margin: 7px !important;}
.m-8 {margin: 8px !important;}
.m-9 {margin: 9px !important;}
.m-10 {margin: 10px !important;}
.m-11 {margin: 11px !important;}
.m-12 {margin: 12px !important;}
.m-13 {margin: 13px !important;}
.m-14 {margin: 14px !important;}
.m-15 {margin: 15px !important;}
.m-20 {margin: 20px !important;}
.m-25 {margin: 25px !important;}
.m-30 {margin: 30px !important;}
.m-35 {margin: 35px !important;}

/* MARGIN Y */
.my-0 {margin-top: 0 !important; margin-bottom: 0 !important}
.my-1 {margin-top: 1px !important; margin-bottom: 1px !important;}
.my-2 {margin-top: 2px !important; margin-bottom: 2px !important;}
.my-3 {margin-top: 3px !important; margin-bottom: 3px !important;}
.my-4 {margin-top: 4px !important; margin-bottom: 4px !important;}
.my-5 {margin-top: 5px !important; margin-bottom: 5px !important;}
.my-6 {margin-top: 6px !important; margin-bottom: 6px !important;}
.my-7 {margin-top: 7px !important; margin-bottom: 7px !important;}
.my-8 {margin-top: 8px !important; margin-bottom: 8px !important;}
.my-9 {margin-top: 9px !important; margin-bottom: 9px !important;}
.my-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.my-11 {margin-top: 11px !important; margin-bottom: 11px !important;}
.my-12 {margin-top: 12px !important; margin-bottom: 12px !important;}
.my-13 {margin-top: 13px !important; margin-bottom: 13px !important;}
.my-14 {margin-top: 14px !important; margin-bottom: 14px !important;}
.my-15 {margin-top: 15px !important; margin-bottom: 15px !important;}
.my-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.my-25 {margin-top: 25px !important; margin-bottom: 25px !important;}
.my-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.my-35 {margin-top: 35px !important; margin-bottom: 35px !important;}
.my-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.my-45 {margin-top: 45px !important; margin-bottom: 45px !important;}
.my-50 {margin-top: 50px !important; margin-bottom: 50px !important;}
/* END MARGIN Y */

/* MARGIN X */
.mx-0 {margin-left: 0 !important; margin-right: 0 !important}
.mx-1 {margin-left: 1px !important; margin-right: 1px !important;}
.mx-2 {margin-left: 2px !important; margin-right: 2px !important;}
.mx-3 {margin-left: 3px !important; margin-right: 3px !important;}
.mx-4 {margin-left: 4px !important; margin-right: 4px !important;}
.mx-5 {margin-left: 5px !important; margin-right: 5px !important;}
.mx-6 {margin-left: 6px !important; margin-right: 6px !important;}
.mx-7 {margin-left: 7px !important; margin-right: 7px !important;}
.mx-8 {margin-left: 8px !important; margin-right: 8px !important;}
.mx-9 {margin-left: 9px !important; margin-right: 9px !important;}
.mx-10 {margin-left: 10px !important; margin-right: 10px !important;}
.mx-11 {margin-left: 11px !important; margin-right: 11px !important;}
.mx-12 {margin-left: 12px !important; margin-right: 12px !important;}
.mx-13 {margin-left: 13px !important; margin-right: 13px !important;}
.mx-14 {margin-left: 14px !important; margin-right: 14px !important;}
.mx-15 {margin-left: 15px !important; margin-right: 15px !important;}
.mx-20 {margin-left: 20px !important; margin-right: 20px !important;}
.mx-25 {margin-left: 25px !important; margin-right: 25px !important;}
.mx-30 {margin-left: 30px !important; margin-right: 30px !important;}
.mx-35 {margin-left: 35px !important; margin-right: 35px !important;}
.mx-40 {margin-left: 40px !important; margin-right: 40px !important;}
.mx-45 {margin-left: 45px !important; margin-right: 45px !important;}
.mx-50 {margin-left: 50px !important; margin-right: 50px !important;}
/* END MARGIN X */

/*PADDING-LEFT*/
.pl-0 {padding-left: 0 !important;}
.pl-1 {padding-left: 1px !important;}
.pl-2 {padding-left: 2px !important;}
.pl-3 {padding-left: 3px !important;}
.pl-4 {padding-left: 4px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-6 {padding-left: 6px !important;}
.pl-7 {padding-left: 7px !important;}
.pl-8 {padding-left: 8px !important;}
.pl-9 {padding-left: 9px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-11 {padding-left: 11px !important;}
.pl-12 {padding-left: 12px !important;}
.pl-13 {padding-left: 13px !important;}
.pl-14 {padding-left: 14px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-21 {padding-left: 21px !important;}
.pl-22 {padding-left: 22px !important;}
.pl-23 {padding-left: 23px !important;}
.pl-24 {padding-left: 24px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-26 {padding-left: 26px !important;}
.pl-27 {padding-left: 27px !important;}
.pl-28 {padding-left: 28px !important;}
.pl-29 {padding-left: 29px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-31 {padding-left: 31px !important;}
.pl-32 {padding-left: 32px !important;}
.pl-33 {padding-left: 33px !important;}
.pl-34 {padding-left: 34px !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;}

/*PADDING-RIGHT*/
.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: 1px !important;}
.pr-2 {padding-right: 2px !important;}
.pr-3 {padding-right: 3px !important;}
.pr-4 {padding-right: 4px !important;}
.pr-5 {padding-right: 5px !important;}
.pr-6 {padding-right: 6px !important;}
.pr-7 {padding-right: 7px !important;}
.pr-8 {padding-right: 8px !important;}
.pr-9 {padding-right: 9px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-11 {padding-right: 11px !important;}
.pr-12 {padding-right: 12px !important;}
.pr-13 {padding-right: 13px !important;}
.pr-14 {padding-right: 14px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-21 {padding-right: 21px !important;}
.pr-22 {padding-right: 22px !important;}
.pr-23 {padding-right: 23px !important;}
.pr-24 {padding-right: 24px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-26 {padding-right: 26px !important;}
.pr-27 {padding-right: 27px !important;}
.pr-28 {padding-right: 28px !important;}
.pr-29 {padding-right: 29px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-31 {padding-right: 31px !important;}
.pr-32 {padding-right: 32px !important;}
.pr-33 {padding-right: 33px !important;}
.pr-34 {padding-right: 34px !important;}
.pr-35 {padding-right: 35px !important;}
.pr-45 {padding-right: 45px !important;}

/*PADDING-TOP*/
.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 1px !important;}
.pt-2 {padding-top: 2px !important;}
.pt-3 {padding-top: 3px !important;}
.pt-4 {padding-top: 4px !important;}
.pt-5 {padding-top: 5px !important;}
.pt-6 {padding-top: 6px !important;}
.pt-7 {padding-top: 7px !important;}
.pt-8 {padding-top: 8px !important;}
.pt-9 {padding-top: 9px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-11 {padding-top: 11px !important;}
.pt-12 {padding-top: 12px !important;}
.pt-13 {padding-top: 13px !important;}
.pt-14 {padding-top: 14px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-21 {padding-top: 21px !important;}
.pt-22 {padding-top: 22px !important;}
.pt-23 {padding-top: 23px !important;}
.pt-24 {padding-top: 24px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-26 {padding-top: 26px !important;}
.pt-27 {padding-top: 27px !important;}
.pt-28 {padding-top: 28px !important;}
.pt-29 {padding-top: 29px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-31 {padding-top: 31px !important;}
.pt-32 {padding-top: 32px !important;}
.pt-33 {padding-top: 33px !important;}
.pt-34 {padding-top: 34px !important;}
.pt-35 {padding-top: 35px !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;}

/*PADDING-BOTTOM*/
.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 1px !important;}
.pb-2 {padding-bottom: 2px !important;}
.pb-3 {padding-bottom: 3px !important;}
.pb-4 {padding-bottom: 4px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-6 {padding-bottom: 6px !important;}
.pb-7 {padding-bottom: 7px !important;}
.pb-8 {padding-bottom: 8px !important;}
.pb-9 {padding-bottom: 9px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-11 {padding-bottom: 11px !important;}
.pb-12 {padding-bottom: 12px !important;}
.pb-13 {padding-bottom: 13px !important;}
.pb-14 {padding-bottom: 14px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-21 {padding-bottom: 21px !important;}
.pb-22 {padding-bottom: 22px !important;}
.pb-23 {padding-bottom: 23px !important;}
.pb-24 {padding-bottom: 24px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-26 {padding-bottom: 26px !important;}
.pb-27 {padding-bottom: 27px !important;}
.pb-28 {padding-bottom: 28px !important;}
.pb-29 {padding-bottom: 29px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-31 {padding-bottom: 31px !important;}
.pb-32 {padding-bottom: 32px !important;}
.pb-33 {padding-bottom: 33px !important;}
.pb-34 {padding-bottom: 34px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-45 {padding-bottom: 45px !important;}

/*PADDING*/
.p-auto {padding: 0 auto !important;}
.p-0 {padding: 0 !important;}
.p-1 {padding: 1px !important;}
.p-2 {padding: 2px !important;}
.p-3 {padding: 3px !important;}
.p-4 {padding: 4px !important;}
.p-5 {padding: 5px !important;}
.p-10 {padding: 10px !important;}
.p-11 {padding: 11px !important;}
.p-12 {padding: 12px !important;}
.p-13 {padding: 13px !important;}
.p-14 {padding: 14px !important;}
.p-15 {padding: 15px !important;}
.p-20 {padding: 20px !important;}
.p-21 {padding: 21px !important;}
.p-22 {padding: 22px !important;}
.p-23 {padding: 23px !important;}
.p-24 {padding: 24px !important;}
.p-25 {padding: 25px !important;}
.p-26 {padding: 26px !important;}
.p-27 {padding: 27px !important;}
.p-28 {padding: 28px !important;}
.p-29 {padding: 29px !important;}
.p-30 {padding: 30px !important;}
.p-31 {padding: 31px !important;}
.p-32 {padding: 32px !important;}
.p-33 {padding: 33px !important;}
.p-34 {padding: 34px !important;}
.p-35 {padding: 35px !important;}
.p-40 {padding: 40px !important;}
.p-45 {padding: 45px !important;}
.p-50 {padding: 50px !important;}
.p-55 {padding: 55px !important;}
.p-60 {padding: 60px !important;}
.p-65 {padding: 65px !important;}
.p-70 {padding: 70px !important;}
.p-80 {padding: 80px !important;}
.p-90 {padding: 90px !important;}
.p-100 {padding: 90px 100 !important;}

/* PADDING Y */
.py-0 {padding-top: 0 !important; padding-bottom: 0 !important}
.py-1 {padding-top: 1px !important; padding-bottom: 1px !important;}
.py-2 {padding-top: 2px !important; padding-bottom: 2px !important;}
.py-3 {padding-top: 3px !important; padding-bottom: 3px !important;}
.py-4 {padding-top: 4px !important; padding-bottom: 4px !important;}
.py-5 {padding-top: 5px !important; padding-bottom: 5px !important;}
.py-6 {padding-top: 6px !important; padding-bottom: 6px !important;}
.py-7 {padding-top: 7px !important; padding-bottom: 7px !important;}
.py-8 {padding-top: 8px !important; padding-bottom: 8px !important;}
.py-9 {padding-top: 9px !important; padding-bottom: 9px !important;}
.py-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.py-11 {padding-top: 11px !important; padding-bottom: 11px !important;}
.py-12 {padding-top: 12px !important; padding-bottom: 12px !important;}
.py-13 {padding-top: 13px !important; padding-bottom: 13px !important;}
.py-14 {padding-top: 14px !important; padding-bottom: 14px !important;}
.py-15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.py-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.py-25 {padding-top: 25px !important; padding-bottom: 25px !important;}
.py-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.py-35 {padding-top: 35px !important; padding-bottom: 35px !important;}
.py-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.py-45 {padding-top: 45px !important; padding-bottom: 45px !important;}
.py-50 {padding-top: 50px !important; padding-bottom: 50px !important;}
/* END PADDING Y */

/* PADDING X */
.px-0 {padding-left: 0 !important; padding-right: 0 !important}
.px-1 {padding-left: 1px !important; padding-right: 1px !important;}
.px-2 {padding-left: 2px !important; padding-right: 2px !important;}
.px-3 {padding-left: 3px !important; padding-right: 3px !important;}
.px-4 {padding-left: 4px !important; padding-right: 4px !important;}
.px-5 {padding-left: 5px !important; padding-right: 5px !important;}
.px-6 {padding-left: 6px !important; padding-right: 6px !important;}
.px-7 {padding-left: 7px !important; padding-right: 7px !important;}
.px-8 {padding-left: 8px !important; padding-right: 8px !important;}
.px-9 {padding-left: 9px !important; padding-right: 9px !important;}
.px-10 {padding-left: 10px !important; padding-right: 10px !important;}
.px-11 {padding-left: 11px !important; padding-right: 11px !important;}
.px-12 {padding-left: 12px !important; padding-right: 12px !important;}
.px-13 {padding-left: 13px !important; padding-right: 13px !important;}
.px-14 {padding-left: 14px !important; padding-right: 14px !important;}
.px-15 {padding-left: 15px !important; padding-right: 15px !important;}
.px-20 {padding-left: 20px !important; padding-right: 20px !important;}
.px-25 {padding-left: 25px !important; padding-right: 25px !important;}
.px-30 {padding-left: 30px !important; padding-right: 30px !important;}
.px-35 {padding-left: 35px !important; padding-right: 35px !important;}
.px-40 {padding-left: 40px !important; padding-right: 40px !important;}
.px-45 {padding-left: 45px !important; padding-right: 45px !important;}
.px-50 {padding-left: 50px !important; padding-right: 50px !important;}
/* END PADDING X */

/* ROUNDED */
.rounded-0 {border-radius: 0 !important;}
.rounded-1 {border-radius: 5px;}
.rounded-2 {border-radius: 10px;}
.rounded-3 {border-radius: 15px;}
.rounded-4 {border-radius: 20px;}
.rounded-5 {border-radius: 25px;}
.rounded-6 {border-radius: 30px;}
.rounded-7 {border-radius: 35px;}
.rounded-8 {border-radius: 40px;}
.rounded-9 {border-radius: 45px;}
.rounded-10 {border-radius: 50px;}
.rounded-flex {border-radius: 100%;}

.top-rounded-1 {border-top-right-radius: 5px; border-top-left-radius: 5px;}
.top-rounded-2 {border-top-right-radius: 10px; border-top-left-radius: 10px;}
.top-rounded-3 {border-top-right-radius: 15px; border-top-left-radius: 15px;}
.top-rounded-4 {border-top-right-radius: 20px; border-top-left-radius: 20px;}
.top-rounded-5 {border-top-right-radius: 25px; border-top-left-radius: 25px;}
.top-rounded-6 {border-top-right-radius: 30px; border-top-left-radius: 30px;}
.top-rounded-7 {border-top-right-radius: 35px; border-top-left-radius: 35px;}
.top-rounded-8 {border-top-right-radius: 40px; border-top-left-radius: 40px;}
.top-rounded-9 {border-top-right-radius: 45px; border-top-left-radius: 45px;}
.top-rounded-10 {border-top-right-radius: 50px; border-top-left-radius: 50px;}

.left-rounded-1 {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.left-rounded-2 {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.left-rounded-3 {border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.left-rounded-4 {border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.left-rounded-5 {border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.left-rounded-6 {border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.left-rounded-7 {border-top-left-radius: 35px; border-bottom-left-radius: 35px;}
.left-rounded-8 {border-top-left-radius: 40px; border-bottom-left-radius: 40px;}
.left-rounded-9 {border-top-left-radius: 45px; border-bottom-left-radius: 45px;}
.left-rounded-10 {border-top-left-radius: 50px; border-bottom-left-radius: 50px;}

.right-rounded-1 {border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
.right-rounded-2 {border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
.right-rounded-3 {border-bottom-right-radius: 15px; border-top-right-radius: 15px;}
.right-rounded-4 {border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
.right-rounded-5 {border-bottom-right-radius: 25px; border-top-right-radius: 25px;}
.right-rounded-6 {border-bottom-right-radius: 30px; border-top-right-radius: 30px;}
.right-rounded-7 {border-bottom-right-radius: 35px; border-top-right-radius: 35px;}
.right-rounded-8 {border-bottom-right-radius: 40px; border-top-right-radius: 40px;}
.right-rounded-9 {border-bottom-right-radius: 45px; border-top-right-radius: 45px;}
.right-rounded-10 {border-bottom-right-radius: 50px; border-top-right-radius: 50px;}

.bottom-rounded-1 {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.bottom-rounded-2 {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.bottom-rounded-3 {border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
.bottom-rounded-4 {border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
.bottom-rounded-5 {border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}
.bottom-rounded-6 {border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}
.bottom-rounded-7 {border-bottom-right-radius: 35px; border-bottom-left-radius: 35px;}
.bottom-rounded-8 {border-bottom-right-radius: 40px; border-bottom-left-radius: 40px;}
.bottom-rounded-9 {border-bottom-right-radius: 45px; border-bottom-left-radius: 45px;}
.bottom-rounded-10 {border-bottom-right-radius: 50px; border-bottom-left-radius: 50px;}
/* END ROUNDED */

.clearfix:after {
	display: table;
	content: " "
}
.clearfix:after {
	clear: both;
}
p {
	font-size: 1.2rem !important;
}
article p {
	margin:35px 0;
}

a {
	color: #0066cc;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
}

a:hover {
	color: #000033;
	text-decoration: underline;
	background-color: transparent;
}
.b-top-hr{
	border-top: 1px solid #039;
}
.mp-0{
	padding: 0px;
	margin: 0px;
}

.pozadina-artikal-image {
	width: 100%;
	background-position: center !important;
	background-size: cover !important;
}
#email-error {
	position: absolute;
	bottom: -30px;
	color: red;
	font-style: italic;
}
.p-istaknuto{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #339966;
    text-decoration-thickness: 5px;
    font-size: 24px !important;
    padding: 30px;
    text-align: center;
    box-shadow: 2px 6px 15px #ccc;
}
.p-underline{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #339966;
    text-decoration-thickness: 2px;
}

.a-tittle {
	color: #212529 !important;
	text-decoration: underline;
}

.a-tittle:hover {
	color: #007bff !important;
	text-decoration: underline;
}

.a-tittle-index {
	color: white !important;
	text-decoration: underline;
}

.a-tittle-index:hover {
	color: #007bff !important;
	text-decoration: underline;
}

.a-plava {
	color: #0066cc;
	text-decoration: underline;
}

.white {
	color: white;
}

.black {
	color: black;
}

.active {
	font-weight: bolder;
}

.activebread {
	font-weight: bold;
}

.separator {
	margin: 50px 0;
	font-size: 50px !important;
}

.m-auto{
	margin: 0 auto;
}
.bullet-inside {
	font-size: 18px;
	list-style-position: inside;
	padding-left: 20px;
	margin-bottom: 20px;
	/*list-style-type: auto;*/
}

.bullet-outside {
	font-size: 18px;
	list-style-position: outside;
	padding: 0;
	margin: 15px 0 15px 25px;
	/*list-style-type: auto;*/
}

.bullet-outside li {
	margin: 8px 0;
}

/* bullet dash "-" */
.bullet-dash {
	font-size: 18px;
	list-style-position: outside;
	padding: 0;
	margin: 15px 0 15px 15px;
	list-style-type: none;
	text-indent: -10px;
}
.bullet-dash li {
	margin: 5px 0;
}
.bullet-dash li:before {
	content: "-";
	background-repeat: no-repeat;
	padding-right: 5px;
}
.bullet-zagrada .bullet-dash li:before {
	content: "-";
	background-repeat: no-repeat;
	padding-right: 5px;
}

article .bullet-dash li {
	list-style-type: none !important;
}

article .bullet-tacka li {
	list-style-type: none !important;
}

/* bullet zagrada "1) 2) 3) etc" */
.bullet-zagrada {
	list-style-position: outside;
	padding: 0 0 0 10px;
	margin: 15px 0 15px 25px;
	list-style-type: none;
	text-indent: -20px;
}
.bullet-zagrada li {
	margin: 5px 0;
}
.bullet-zagrada li:before {
	content: counter(list-item) ") ";
	background-repeat: no-repeat;
	/*padding-right: 5px;*/
}
.bullet-zagrada .bullet-outside li:before {
	content: "•";
	padding-right: 13px;
}

article .bullet-zagrada li {
	list-style-type: none !important;
}

/* bullet alpha "a) b) c) etc" */
ol.bullet-alpha {
	font-size: 18px;
    counter-reset: alpha;
    text-indent: -25px;
}
ol li {
    list-style: none;
    position: relative;
}
ol.bullet-alpha > li:before {
    counter-increment: alpha;
    content:counter(alpha, lower-alpha)") ";
}

.bullet-roman {
	list-style-position: outside;
	padding: 0 0 0 10px;
	margin: 15px 0 15px 25px;
	list-style-type: none;
	text-indent: -20px;
}
.bullet-roman li {
	margin: 5px 0;
}
.bullet-roman li:before {
	content: counter(list-item) ") ";
	background-repeat: no-repeat;
	/*padding-right: 5px;*/
}

/* bullet roman "i) ii) iii) etc" */
ol.bullet-roman {
    counter-reset: roman;
}
ol li {
    list-style: none;
    position: relative;
}
ol.bullet-roman > li:before {
    counter-increment: roman;
    content:counter(roman, lower-roman)") "
}

.bullet-roman {
	list-style-position: outside;
	padding: 0 0 0 10px;
	margin: 15px 0 15px 25px;
	list-style-type: none;
	text-indent: -20px;
}
.bullet-roman li {
	margin: 5px 0;
}
.bullet-roman li:before {
	content: counter(list-item) ") ";
	background-repeat: no-repeat;
	/*padding-right: 5px;*/
}

article .bullet-zagrada li {
	list-style-type: none !important;
}

/* bullet tacka "1. 2. 3. etc" */
.bullet-tacka {
	list-style-position: outside;
	padding: 0 0 0 10px;
	margin: 15px 0 15px 15px;
	list-style-type: none;
	text-indent: -16px;
}
.bullet-tacka li {
	margin: 5px 0;
}
.bullet-tacka li:before {
	content: counter(list-item) ". ";
	background-repeat: no-repeat;
	/*padding-right: 5px;*/
}

.no-bullet {
	list-style-type: none !important;
	margin: 15px 0 15px 25px;
}
.square {
	list-style-type: square;
}
.bullet-outside .disc {
	margin-top:0;
}
.disc {
	list-style-type: disc !important;
}
.circle {
	list-style-type: circle !important;
}
.square {
	list-style-type: square !important;
}
.decimal {
	list-style-type: decimal !important;
}
.em {
	font-style: italic;
}
.normal {
	font-style: normal;
	font-variant: normal;

}
.strike li, {
	text-decoration: line-through;
	color: #337ab7
}
.strike {
	text-decoration: line-through;
	color: #696969;
}

.img-center {
	display: block;
	border: 1px solid lightgray;
	max-width: 100%;
	margin: 15px auto !important;
}

.img-left {
	max-width: 100%;
	margin: 15px auto !important;
	display: block;
	float: left;
}

.img-right {
	max-width: 100%;
	margin: 15px auto !important;
	display: block;
	float: right;
}

.bg-gray {
	background-color: #B6B6B6;
	background: #B6B6B6;
}

.bg-dark-gray {
	background-color:#629dfc;
	background: #629dfc;
}

.bg-light-gray {
	background-color: lightgray;
	background: lightgray;
}

td.bg-gray p {
	margin: 5px !important;
}

.border {
	border: 1px solid #A2A2A2 !important;
	padding: 15px;
	margin: 15px 0;
	border-radius: 15px !important;
}

.border td {
	border: 1px solid #A2A2A2 !important;
	padding: 5px;
	margin: 5px 0;
}

.border p {
	margin: 5px;
}

.border td p:last-child {
	margin-bottom: 5px !important;
}

.no-border {
	border: none !important;
}
.no-border>table {
	border: none !important;
}

.no-border, .no-border tr, .no-border th, .no-border td {
	border: none !important;
}

div .border-black table .no-border {
	border: none !important;
}

.border-black {
	border: 1px solid #5D5D5D !important;
	padding: 15px;
	margin: 15px 0;
}

.border-black td {
	border: 1px solid #5D5D5D !important;
	padding: 5px;
	margin: 5px 0;
}

.border-black p {
	margin: 5px;
}

.border-black td p:last-child {
	margin-bottom: 5px !important;
}

.border-white {
	border: 1px solid white !important;
	padding: 10px;
	margin: 15px 0;
}

.border-gray {
    border: 1px solid #CCCCCC !important;
    padding: 10px;
    margin: 15px 0;
}

.border-width-5 {
	border-width: 5px !important; 
}

/*.border p {
	margin: 0;
}*/

.border-top {
	border-top: 2px solid black !important;
}


.border-bottom {
	border-bottom: 2px solid black !important;
}


.border-right {
	border-right: 2px solid #d3d3d3 !important;
}

.border-left {
	padding: 10px;
	border-left: 5px solid #6CBFFF !important;
	background-color: #DFEFFC;
}

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

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

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

/* TABLE U PROCENTIMA */
.w-100 {
	width: 100%;
}

.w-90 {
	width: 90%;
}

.w-80 {
	width: 80%;
}

.w-70 {
	width: 70%;
}

.w-60 {
	width: 60%;
}

.w-50 {
	width: 50%;
}

.w-40 {
	width: 40%;
}

.w-30 {
	width: 30%;
}

.w-20 {
	width: 20%;
}

.w-10 {
	width: 10%;
}


/* TABLE U PIKSELIMA */
.w-25px {
	width: 25px;
}

.w-50px {
	width: 50px;
}

.w-75px {
	width: 75px;
}

.w-100px {
	width: 100px;
}

.w-125px {
	width: 125px;
}

.w-150px {
	width: 150px;
}

.w-175px {
	width: 175px;
}

.w-200px {
	width: 200px;
}

.w-225px {
	width: 225px;
}

.w-250px {
	width: 250px;
}

.w-275px {
	width: 275px;
}

.w-300px {
	width: 300px;
}

.w-325px {
	width: 325px;
}

.w-350px {
	width: 350px;
}

.w-375px {
	width: 375px;
}

.w-400px {
	width: 400px;
}

.w-425px {
	width: 425px;
}

.w-450px {
	width: 450px;
}

.lh-10 {
	line-height: 10px !important;
}

.lh-11 {
	line-height: 11px !important;
}

.lh-12 {
	line-height: 12px !important;
}

.lh-13 {
	line-height: 13px !important;
}

.lh-14 {
	line-height: 14px !important;
}

.lh-15 {
	line-height: 15px !important;
}

.lh-16 {
	line-height: 16px !important;
}

.lh-17 {
	line-height: 17px !important;
}

.lh-18 {
	line-height: 18px !important;
}

.lh-19 {
	line-height: 19px !important;
}

.lh-20 {
	line-height: 20px !important;
}

.lh-21 {
	line-height: 21px !important;
}

.lh-22 {
	line-height: 22px !important;
}

.lh-23 {
	line-height: 23px !important;
}

.lh-24 {
	line-height: 24px !important;
}

.lh-25 {
	line-height: 25px !important;
}

.lh-26 {
	line-height: 26px !important;
}

.lh-27 {
	line-height: 27px !important;
}

.lh-28 {
	line-height: 28px !important;
}

.lh-29 {
	line-height: 29px !important;
}

.lh-30 {
	line-height: 30px !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-12-pt {
	font-size: 12pt;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-17 {
	font-size: 17px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-19 {
	font-size: 19px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-21 {
	font-size: 21px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-23 {
	font-size: 23px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fs-25 {
	font-size: 25px !important;
}

.fs-26 {
	font-size: 26px !important;
}

.fs-27 {
	font-size: 27px !important;
}

.fs-28 {
	font-size: 28px !important;
}

.fs-29 {
	font-size: 29px !important;
}

.fs-30 {
	font-size: 30px !important;
}

.fs-31 {
	font-size: 31px !important;
}

.fs-32 {
	font-size: 32px !important;
}

.fs-33 {
	font-size: 33px !important;
}

.fs-34 {
	font-size: 34px !important;
}

.fs-35 {
	font-size: 35px !important;
}

.fs-36 {
	font-size: 36px !important;
}

.fs-37 {
	font-size: 37px !important;
}

.fs-38 {
	font-size: 38px !important;
}

.fs-39 {
	font-size: 39px !important;
}

.fs-40 {
	font-size: 40px !important;
}

.fs-41 {
	font-size: 41px !important;
}

.fs-42 {
	font-size: 42px !important;
}

.fs-43 {
	font-size: 43px !important;
}

.fs-44 {
	font-size: 44px !important;
}

.fs-45 {
	font-size: 45px !important;
}

.fs-46 {
	font-size: 46px !important;
}

.fs-47 {
	font-size: 47px !important;
}

.fs-48 {
	font-size: 48px !important;
}

.fs-49 {
	font-size: 49px !important;
}

.fs-50 {
	font-size: 50px !important;
}

.fs-72 {
	font-size: 72px !important;
}

.fs-120 {
	font-size: 120px !important;
}


/*font em*/


.fs-1em {
	font-size: 1em !important;
}

.fs-11em {
	font-size: 1.1em !important;
}

.fs-12em {
	font-size: 1.2em !important;
}

.fs-13em {
	font-size: 1.3em !important;
}

.fs-14em {
	font-size: 1.4em !important;
}

.fs-15em {
	font-size: 1.5em !important;
}

.fs-16em {
	font-size: 1.6em !important;
}

.fs-17em {
	font-size: 1.7em !important;
}

.fs-18em {
	font-size: 1.8em !important;
}

.fs-19em {
	font-size: 1.9em !important;
}

.fs-2em {
	font-size: 2em !important;
}

/*MARGIN-LEFT*/

.ml-0 {
	margin-left:0px !important;
}

.ml-5 {
	margin-left:5px !important;
}

.ml-10 {
	margin-left:10px !important;
}

.ml-15 {
	margin-left:15px !important;
}

.ml-20 {
	margin-left:20px !important;
}

.ml-25 {
	margin-left:25px !important;
}

.ml-30 {
	margin-left:30px !important;
}

.ml-35 {
	margin-left:35px !important;
}

/*MARGIN-RIGHT*/

.mr-0 {
	margin-right:0px !important;
}

.mr-5 {
	margin-right:5px !important;
}

.mr-10 {
	margin-right:10px !important;
}

.mr-15 {
	margin-right:15px !important;
}

.mr-20 {
	margin-right:20px !important;
}

.mr-25 {
	margin-right:25px;
}

.mr-30 {
	margin-right:30px !important;
}

.mr-35 {
	margin-right:35px !important;
}

.m-auto {
	margin:0 auto;
}

/*MARGIN-TOP*/

.mt-0 {
	margin-top:0 !important;
}

.mt-1 {
	margin-top:1px !important;
}

.mt-2 {
	margin-top:2px !important;
}

.mt-3 {
	margin-top:3px !important;
}

.mt-4 {
	margin-top:4px !important;
}

.mt-5 {
	margin-top:5px !important;
}

.mt-10 {
	margin-top:10px !important;
}

.mt-15 {
	margin-top:15px !important;
}

.mt-20 {
	margin-top:20px !important;
}

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

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

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

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

.mt-42 {
	margin-top:42px;
}

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

/*MARGIN-BOTTOM*/

.mb-0 {
	margin-bottom:0px !important;
}

.mb-5 {
	margin-bottom:5px !important;
}

.mb-10 {
	margin-bottom:10px !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-50 {
	margin-bottom:50px !important;
}

.m-auto {
	margin:0 auto !important;
}

.m-0 {
	margin:0 !important;
}

.m-1 {
	margin:1px !important;
}

.m-2 {
	margin:2px !important;
}

.m-3 {
	margin:3px !important;
}

.m-4 {
	margin:4px !important;
}

.m-5 {
	margin:5px !important;
}

.m-6 {
	margin:6px !important;
}

.m-7 {
	margin:7px !important;
}

.m-8 {
	margin:8px !important;
}

.m-9 {
	margin:9px !important;
}

.m-10 {
	margin:10px !important;
}

.m-15 {
	margin:15px !important;
}

/*PADDING-LEFT*/

.pl-0 {
	padding-left:0 !important;
}

.pl-1 {
	padding-left:1px !important;
}

.pl-2 {
	padding-left:2px !important;
}

.pl-3 {
	padding-left:3px !important;
}

.pl-4 {
	padding-left:4px !important;
}

.pl-5 {
	padding-left:5px !important;
}

.pl-10 {
	padding-left:10px !important;
}

.pl-11 {
	padding-left:11px !important;
}

.pl-12 {
	padding-left:12px !important;
}

.pl-13 {
	padding-left:13px !important;
}

.pl-14 {
	padding-left:14px !important;
}

.pl-15 {
	padding-left:15px !important;
}

.pl-20 {
	padding-left:20px !important;
}

.pl-21 {
	padding-left:21px !important;
}

.pl-22 {
	padding-left:22px !important;
}

.pl-23 {
	padding-left:23px !important;
}

.pl-24 {
	padding-left:24px !important;
}

.pl-25 {
	padding-left:25px !important;
}

.pl-26 {
	padding-left:26px !important;
}

.pl-27 {
	padding-left:27px !important;
}

.pl-28 {
	padding-left:28px !important;
}

.pl-29 {
	padding-left:29px !important;
}

.pl-30 {
	padding-left:30px !important;
}

.pl-31 {
	padding-left:31px !important;
}

.pl-32 {
	padding-left:32px !important;
}

.pl-33 {
	padding-left:33px !important;
}

.pl-34 {
	padding-left:34px !important;
}

.pl-35 {
	padding-left:35px !important;
}

/*PADDING-RIGHT*/

.pr-0 {
	padding-right:0 !important;
}

.pr-1 {
	padding-right:1px !important;
}

.pr-2 {
	padding-right:2px !important;
}

.pr-3 {
	padding-right:3px !important;
}

.pr-4 {
	padding-right:4px !important;
}

.pr-5 {
	padding-right:5px !important;
}

.pr-10 {
	padding-right:10px !important;
}

.pr-11 {
	padding-right:11px !important;
}

.pr-12 {
	padding-right:12px !important;
}

.pr-13 {
	padding-right:13px !important;
}

.pr-14 {
	padding-right:14px !important;
}

.pr-15 {
	padding-right:15px !important;
}

.pr-20 {
	padding-right:20px !important;
}

.pr-21 {
	padding-right:21px !important;
}

.pr-22 {
	padding-right:22px !important;
}

.pr-23 {
	padding-right:23px !important;
}

.pr-24 {
	padding-right:24px !important;
}

.pr-25 {
	padding-right:25px !important;
}

.pr-26 {
	padding-right:26px !important;
}

.pr-27 {
	padding-right:27px !important;
}

.pr-28 {
	padding-right:28px !important;
}

.pr-29 {
	padding-right:29px !important;
}

.pr-30 {
	padding-right:30px !important;
}

.pr-31 {
	padding-right:31px !important;
}

.pr-32 {
	padding-right:32px !important;
}

.pr-33 {
	padding-right:33px !important;
}

.pr-34 {
	padding-right:34px !important;
}

.pr-35 {
	padding-right:35px !important;
}

.pr-45 {
	padding-right:45px !important;
}

/*PADDING-TOP*/

.pt-0 {
	padding-top:0 !important;
}

.pt-1 {
	padding-top:1px !important;
}

.pt-2 {
	padding-top:2px !important;
}

.pt-3 {
	padding-top:3px !important;
}

.pt-4 {
	padding-top:4px !important;
}

.pt-5 {
	padding-top:5px !important;
}

.pt-10 {
	padding-top:10px !important;
}

.pt-11 {
	padding-top:11px !important;
}

.pt-12 {
	padding-top:12px !important;
}

.pt-13 {
	padding-top:13px !important;
}

.pt-14 {
	padding-top:14px !important;
}

.pt-15 {
	padding-top:15px !important;
}

.pt-20 {
	padding-top:20px !important;
}

.pt-21 {
	padding-top:21px !important;
}

.pt-22 {
	padding-top:22px !important;
}

.pt-23 {
	padding-top:23px !important;
}

.pt-24 {
	padding-top:24px !important;
}

.pt-25 {
	padding-top:25px !important;
}

.pt-26 {
	padding-top:26px !important;
}

.pt-27 {
	padding-top:27px !important;
}

.pt-28 {
	padding-top:28px !important;
}

.pt-29 {
	padding-top:29px !important;
}

.pt-30 {
	padding-top:30px !important;
}

.pt-31 {
	padding-top:31px !important;
}

.pt-32 {
	padding-top:32px !important;
}

.pt-33 {
	padding-top:33px !important;
}

.pt-34 {
	padding-top:34px !important;
}

.pt-35 {
	padding-top:35px !important;
}

.pt-40 {
	padding-top:40px !important;
}

.pt-45 {
	padding-top:45px !important;
}

/*PADDING-BOTTOM*/

.pb-0 {
	padding-bottom:0 !important;
}

.pb-1 {
	padding-bottom:1px !important;
}

.pb-2 {
	padding-bottom:2px !important;
}

.pb-3 {
	padding-bottom:3px !important;
}

.pb-4 {
	padding-bottom:4px !important;
}

.pb-5 {
	padding-bottom:5px !important;
}

.pb-10 {
	padding-bottom:10px !important;
}

.pb-11 {
	padding-bottom:11px !important;
}

.pb-12 {
	padding-bottom:12px !important;
}

.pb-13 {
	padding-bottom:13px !important;
}

.pb-14 {
	padding-bottom:14px !important;
}

.pb-15 {
	padding-bottom:15px !important;
}

.pb-20 {
	padding-bottom:20px !important;
}

.pb-21 {
	padding-bottom:21px !important;
}

.pb-22 {
	padding-bottom:22px !important;
}

.pb-23 {
	padding-bottom:23px !important;
}

.pb-24 {
	padding-bottom:24px !important;
}

.pb-25 {
	padding-bottom:25px !important;
}

.pb-26 {
	padding-bottom:26px !important;
}

.pb-27 {
	padding-bottom:27px !important;
}

.pb-28 {
	padding-bottom:28px !important;
}

.pb-29 {
	padding-bottom:29px !important;
}

.pb-30 {
	padding-bottom:30px !important;
}

.pb-31 {
	padding-bottom:31px !important;
}

.pb-32 {
	padding-bottom:32px !important;
}

.pb-33 {
	padding-bottom:33px !important;
}

.pb-34 {
	padding-bottom:34px !important;
}

.pb-35 {
	padding-bottom:35px !important;
}

.pb-40 {
	padding-bottom:40px !important;
}

.pb-45 {
	padding-bottom:45px !important;
}

/*PADDING*/

.p-0 {
	padding: 0;
}

.p-1 {
	padding:1px !important;
}

.p-2 {
	padding:2px !important;
}

.p-3 {
	padding:3px !important;
}

.p-4 {
	padding:4px !important;
}

.p-5 {
	padding:5px !important;
}

.p-10 {
	padding:10px !important;
}

.p-11 {
	padding:11px !important;
}

.p-12 {
	padding:12px !important;
}

.p-13 {
	padding:13px !important;
}

.p-14 {
	padding:14px !important;
}

.p-15 {
	padding:15px !important;
}

.p-20 {
	padding:20px !important;
}

.p-21 {
	padding:21px !important;
}

.p-22 {
	padding:22px !important;
}

.p-23 {
	padding:23px !important;
}

.p-24 {
	padding:24px !important;
}

.p-25 {
	padding:25px !important;
}

.p-26 {
	padding:26px !important;
}

.p-27 {
	padding:27px !important;
}

.p-28 {
	padding:28px !important;
}

.p-29 {
	padding:29px !important;
}

.p-30 {
	padding:20px !important;
}

.p-31 {
	padding:31px !important;
}

.p-32 {
	padding:32px !important;
}

.p-33 {
	padding:33px !important;
}

.p-34 {
	padding:34px !important;
}

.p-35 {
	padding:35px !important;
}

.p-40 {
	padding:40px !important;
}

.p-45 {
	padding:45px !important;
}

.p-50 {
	padding:50px !important;
}

.p-auto {
	padding: 0 auto;
}

.fw-900 {
	font-weight: 900 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-200 {
	font-weight: 200 !important;
}

.fw-100 {
	font-weight: 100 !important;
}

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

.mt-60 {
	margin-top: 60px;
}
.mt-100 {
	margin-top: 100px;
}

.ml-0 {
	margin-left: 0px;
}

.mr-0 {
	margin-right: 0px;
}

.mr-20 {
	margin-right: 20px;
}

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

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

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

.bg-dark {
	background-color: #003366 !important;
}

.bg-blue {
	background-color: #0066cc;
}

.bg-blue-light {
	background-image: url('../images/baza-znanja-elektrosnko-poslovanje-hero.jpg');
	width: 100%;
}

.bg-blue-light-knjigovodstvo {
	background-image: url('../images/baza-znanja-knjigovodstvo-hero.jpg');
	width: 100%;
}

.bg-blue-light-pravo {
	background-image: url('../images/baza-znanja-pravo-hero.jpg');
	width: 100%;
}

.bg-ljudski-resursi {
    background-image: url('../images/baza-znanja-ljudski-resursi-hero.jpg');
    width: 100%;
}

.bg-blue-light-fakture {
	background-image: url('../images/baza-znanja-e-fakture-hero.jpg');
	width: 100%;

}

.img-responsive {
	max-width: 100%;
	height: auto;
}

.meta .kategorija-el-poslovanje {
	margin-right: 15px;
	padding: 5px 10px;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 10px;
	background-color: #0066cc;
}

.meta .kategorija-knjigovodstvo {
	margin-right: 15px;
	padding: 5px 10px;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 10px;
	background-color: #990000;
}

.meta .kategorija-pravo {
	margin-right: 15px;
	padding: 5px 10px;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 10px;
	background-color: #003366;
}

.meta .kategorija-hr {
	margin-right: 15px;
	padding: 5px 10px;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 10px;
	background-color: #2a9f01;
}

.newsletter {
	padding: 80px 0;
	background: #f2f2f2;
}

.newsletter .content {
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}
.newsletter .content h2 {
	color: #243c4f;
	margin-bottom: 40px;
}
.newsletter .content h4 {
	color: #243c4f;
	margin-bottom: 40px;
	font-size: 32px;
}
.newsletter .content .form-control {
	height: 50px;
	border-color: #ffffff;
	border-radius:0;
}

.newsletter .content.form-control:focus {
	box-shadow: none;
	border: 2px solid #243c4f;
}

.newsletter .content .btn {
	min-height: 50px; 
	border-radius:0;
	background: #243c4f;
	color: #fff;
	font-weight:600;
}

.jumbotron {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #e3f2fd;
	border-radius: .3rem;
}

#overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
}

.poslednji-artikal-image {
	width: 100%;
	background-position: center !important;
	background-size: cover !important;
	background: 
	/* top, transparent red */ 
	linear-gradient(
		rgba(0, 0, 0, 0.8), 
		rgba(0, 51, 102, 0.8)
	),
	/* bottom, image */
	url("../images/business-description-4.jpg");
}

.vcenter-item {
	display: flex;
	align-items: center;
}
/* Some custom styles to beautify this example */
.wrapper {
	min-height: 300px;
}

.box {
	padding: 25px;
	width: 100%;
}

.box-p-index {
	color: white;
	font-size: 21px;
	font-weight: 800;
}

.alert-dark p {
	margin: 10px 0;
}
@media only screen and (max-width: 600px) {
	h1 {
		font-size: 2rem !important;
		font-weight: 500;
		line-height: 1.2;
	}
}

.footer-fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
}

/*.card-img-top {
	height: 200px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.card-img-top-2 {
	height: 200px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

.card-img-top, .card-img-top-2 {
    height: 200px;
    width: 100%;
    object-fit: cover;       /* Slika se iseče, ali ne rasteže */
    object-position: center; /* Centriranje slike */
    display: block;
}

@media only screen and (max-width: 764px) {
    #first {
        order: 2;
    }
    #second {
        order: 4;
    }
    #third {
        order: 1;
    }
    #fourth {
        order: 3;
    }

    .paragraf-logo-mobile{
    	width: 140px !important;
    }

    .kancelarko-logo-mobile{
    	width: 110px !important;
    }
}

.col-md-12 article ul li {
	font-size: 17px;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 0 5px;
	list-style-type: circle;
}


.polje-text {
	padding:10px;
	border:1px solid #C5C5C5;
	background-color: #EDEDED;
	margin:10px 0;
}

.polje-text p {
	margin:10px 0;
}

.light-red-text {
	color:#F27C7E;
}

.dark-red-text {
	color:#ad2527;
}

.red-text {
	color:#E33030;
}

.pdf {
	float: left;
	margin-right: 15px;
	width: 40px;
	height: 52px;
	background-size: contain;
	background-image: url(../../images/pdfikona.png)
}

        .res-circle {
  /* (A) PERCENTAGE WIDTH & BORDER RADIUS */
  width: 50px;
  border-radius: 50%;

  /* (B) BACKGROUND COLOR */ 
  background: #009966;
 
  /* (C) NECESSARY TO POSITION TEXT BLOCK */
  line-height: 0;
  position: relative;
}
 
/* (D) MATCH HEIGHT */
.res-circle::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


 
/* (E) TEXT BLOCK */
.circle-txt {
  /* (E1) CENTER TEXT IN CIRCLE */
  position: absolute;
  bottom: -1%;
  width: 100%;
  text-align: center;
  color: white;

 
  /* (E2) THE FONT - NOT REALLY IMPORTANT */
  font-family: arial, sans-serif;
  font-weight: bold;
}

.header-bz{
	padding-top: 40px;
	text-align: center; 
	margin: 0 auto;
}
/*
@media (min-width: 320px) and (max-width: 768px) {
    p, .bullet-zagrada li, .bullet-outside li, .alert, .alert-dark {
    	font-size: 100% !important;
    }
    h1, h2 {
    	font-size: 130% !important;
    }
} */

@media (min-width: 991px) {
.p-frame-mob{
    padding: 50px;
    padding-top: 100px !important; 
  }
}

/* Responsive table */
.rwd-table {
    margin: auto;
    min-width: 300px;
    max-width: 100%;
    border-collapse: collapse;
}

.rwd-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f5f9fc;
}
.rwd-table tr:nth-child(odd):not(:first-child) {
    background-color: #ebf3f9;
}
.rwd-table th {
    display: none;
}
.rwd-table td {
    display: block;
    font-size: 16px;
}
.rwd-table td:first-child {
    margin-top: 0;
    /*margin-top: .5em;*/
}
.rwd-table td:last-child {
    margin-bottom: .5em;
}
.rwd-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    min-width: 100%;
    display: inline-block;
    color: #000;
    font-size: 13px;
    padding-right: 10px;
}
.rwd-table th,
.rwd-table td {
    text-align: left;
}
.rwd-table {
    color: #000;
    border-radius: .4em;
    overflow: hidden;
}
.rwd-table tr {
    border-color: #bfbfbf;
}
.rwd-table tr.rounded-0 {border-radius: none !important;
}
.rwd-table tr.rounded-0:first-child {border-radius: none !important;
}
.rwd-table th,
.rwd-table td {
    padding: .5em 1em;
}
@media screen and (max-width: 601px) {
    .rwd-table tr:nth-child(2) {
        border-top: none;
    }
    .rwd-table .text-left {
        text-align: left !important;
    }
    .rwd-table .text-center {
        text-align: unset !important;
    }
    .rwd-table .text-center-mobile {
        text-align: center !important;
    }
    .rwd-table .text-left-mobile {
        text-align: left !important;
    }
    .rwd-table td:before {
        padding-right: 0 !important;
    }
    .bg-gray-mobile {
        background-color: #e8e8e8;
    }
    /*.desktop-font p, .desktop-font .formasav, .desktop-font ul li {
        font-size: 1.5vh !important;
    }*/
}
@media screen and (min-width: 600px) {
    
    
    .rwd-table td:before {
        display: none;
    }
    .rwd-table th,
    .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }
    .rwd-table th:first-child,
    .rwd-table td:first-child {
        padding-left: 0;
    }
    .rwd-table th:last-child,
    .rwd-table td:last-child {
        padding-right: 0;
    }
    .rwd-table th,
    .rwd-table td {
        padding: 0.3em !important;
    }
    .rwd-table .text-center {
        text-align: center !important;
    }
    /*.desktop-font p {
        font-size: 16px !important;
    }*/
}
/* END Responsive table */