/* Custom css */

/* Custom css for - PRELAZNICI */
body.prelaznici { background: #0054c5; }
.prelaznici .uk-section-default { --uk-inverse: light; background: #0054c5; }
.prelaznici .uk-section-secondary { --uk-inverse: light; background: #0054c5; }
@media (min-width: 1500px) {
.prelaznici .tm-page-container .tm-page { max-width: 100%; background: #0054c5; }
}

/* Logo - stranica prelaznici */
.prelaznici .tm-header, .prelaznici .tm-header-mobile { display: none; }
.prelaznici .djacc.djacc-container { display: none; }

/* Pages */
.prelaznici #page1 .de-heading { font-size: 85px; font-family: 'Gloock'; font-weight: inherit; line-height: 90px; padding-bottom: 0; }
.prelaznici #page1 .uk-text-large { font-size: 28px; line-height: 1.4; font-family: 'Gloock'; font-weight: 400; }
.prelaznici #page2 .de-heading { text-transform: uppercase; font-size: 65px; } 
.prelaznici #page2 .de-panel { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; max-width: 600px;}
.prelaznici #page2 .de-panel .el-title { color: #0054c7; font-size: 28px; }
.prelaznici #page3 p { text-shadow: 1px 3px 6px #0000003d;}
.prelaznici #page4 p, .prelaznici #page4 h3, .prelaznici #page4 ul li { text-shadow: 1px 3px 6px #0000003d;}
.prelaznici #page4 h3 span { color: #000000;}
.prelaznici #page5 .de-grid .el-item { background-image: url("https://www.fimek.edu.rs/images/landing/prelaznici/page-05-info-bg.png"); background-position: 0; background-repeat: no-repeat; background-size: contain; height: 320px; padding: 75px 0; }
.prelaznici #page5 .de-grid .el-item .el-title { line-height: 28px; }
.prelaznici #page7 .de-center { background-image: url("https://www.fimek.edu.rs/images/landing/prelaznici/page-07-bg-center.png"); background-position: -10px; background-repeat: no-repeat; background-size: contain; height: 300px; padding: 100px 0; }
.prelaznici #page8 .de-list .left { background-image: url("https://www.fimek.edu.rs/images/landing/prelaznici/page-08-info-bg1.png"); background-position: -10px; background-repeat: no-repeat; background-size: contain; font-size: 20px; float: left; max-width: 250px; height: 70px; padding-top: 10px; text-shadow: 1px 3px 6px #0000003d; }
.prelaznici #page8 .de-list .right { background-image: url("https://www.fimek.edu.rs/images/landing/prelaznici/page-08-info-bg2.png"); background-position: 20px; background-repeat: no-repeat; background-size: contain; font-size: 20px; float: right; max-width: 150px; height: 50px; padding-top: 20px; text-shadow: 1px 3px 6px #0000003d; }
.prelaznici #page8 .uk-h3.de-h3 { padding-top: 100px; }
.prelaznici #page9 .de-text { padding-top: 0; }
.prelaznici #page10 .de-button { padding-top: 125px; }

/* Responsive */
@media (min-width: 960px) {
.prelaznici #page1.uk-section-default .uk-section { height: 100vh; }
.prelaznici #page2.uk-section-default .uk-section { height: 100vh; }
.prelaznici #page3.uk-section-default .uk-section { height: 100vh; }
.prelaznici #page4.uk-section-default .uk-section { height: 100vh; }
.prelaznici #page5.uk-section-secondary.uk-section { height: 100vh; }
.prelaznici #page6.uk-section-default .uk-section { height: 100vh; }
.prelaznici #page7.uk-section-default .uk-section { height: 100vh; }
.prelaznici #page8.uk-section-default .uk-section { height: 100vh; }
.prelaznici #page9.uk-section-default .uk-section { height: 100vh; }
.prelaznici #page10.uk-section-default .uk-section { height: 100vh; }
}
@media (max-width: 1365px) {
.prelaznici .uk-heading-medium { font-size: 60px; }
.prelaznici #page1 .de-heading { font-size: 75px; font-family: 'Gloock'; font-weight: inherit; line-height: 80px; padding-bottom: 0; }
.prelaznici #page2 .de-heading { text-transform: uppercase; font-size: 50px; }
.prelaznici #page2 .de-panel .el-title { color: #0054c7; font-size: 24px; }
.prelaznici #page4 p, .prelaznici #page4 h3, .prelaznici #page4 ul li { text-shadow: 1px 3px 6px #0000003d; font-size: 18px; }
.prelaznici #page7 .de-list .el-image { width: 138px; height: 116px; }
.prelaznici #page7 .de-list .el-content { font-size: 20px; }
.prelaznici #page10 .de-button { padding-top: 105px; }
}
@media (max-width: 1199px) {
.prelaznici .uk-heading-medium { font-size: 50px; }
.prelaznici #page1 .de-heading { font-size: 55px; font-family: 'Gloock'; font-weight: inherit; line-height: 60px; padding-bottom: 0; }
.prelaznici #page2 .de-heading { text-transform: uppercase; font-size: 40px; }
.prelaznici #page2 .de-panel .el-title { color: #0054c7; font-size: 20px; }
.prelaznici #page3 p { text-shadow: 1px 3px 6px #0000003d; font-size: 20px; }
.prelaznici #page5 .de-grid .el-item .el-title { line-height: 24px; font-size: 20px; }
.prelaznici #page6 p { text-shadow: 1px 3px 6px #0000003d; font-size: 18px; }
.prelaznici #page8 .uk-h3.de-h3 { padding-top: 70px; }
.prelaznici #page8 .uk-h3.de-h3 p { font-size: 20px; }
.prelaznici #page10 .de-button { padding-top: 90px; }
}
@media (max-width: 959px) {
.prelaznici .uk-heading-medium { font-size: 40px; text-align: center; }
.prelaznici #page1 .de-heading { font-size: 45px; font-family: 'Gloock'; font-weight: inherit; line-height: 50px; text-align: center; }
.prelaznici #page1 .uk-text-large { font-size: 24px; text-align: center; }
.prelaznici #page1 .de-logo { margin-left: auto; margin-right: auto; text-align: center; left: 0 !important}
.prelaznici #page2 .de-heading { text-align: center; }
.prelaznici #page2 .de-panel { text-align: center; max-width: 100%; }
.prelaznici #page6 p { text-align: center; }
.prelaznici #page7 .de-list { margin-left: auto; margin-right: auto; text-align: center; }
.prelaznici #page7 .de-list .el-image { width: 90px; height: 70px; }
.prelaznici #page7 .de-list .el-content { font-size: 18px; }
.prelaznici #page7 .de-center { background-image: none; background-position: 0; background-repeat: no-repeat; background-size: contain; height: auto; top: 0 !important; padding: 0; margin-left: auto; margin-right: auto; text-align: center; }
.prelaznici #page8 .uk-h3.de-h3 { padding-top: 20px; text-align: center; margin-left: auto; margin-right: auto; left: 0 !important; }
.prelaznici #page8 .uk-h3.de-h3 p { font-size: 18px; text-align: center; }
.prelaznici #page9 .de-text { padding-top: 0; font-size: 20px; text-align: center; }
.prelaznici #page10 .de-large { display: none; }
}
@media (max-width: 359px) {
.prelaznici .uk-heading-medium { font-size: 30px; text-align: center; }
.prelaznici #page1 .de-heading { font-size: 35px; line-height: 40px; text-align: center; }
.prelaznici #page2 .de-heading { text-transform: uppercase; font-size: 30px; }
}
/* END Custom css for - PRELAZNICI */

/* --------------------- */

/* Custom css for - UPIS */
body.upis { background: #0054c5; }
.upis .uk-section-default { --uk-inverse: light; background: #0054c5; }
.upis .uk-section-secondary { --uk-inverse: light; background: #0054c5; }
@media (min-width: 1500px) {
.upis .tm-page-container .tm-page { max-width: 100%; background: #0054c5; }
}

/* Logo - stranica upis */
.upis .tm-header, .upis .tm-header-mobile { display: none; }
.upis .djacc.djacc-container { display: none; }

/* Pages */
.upis #page1 .de-heading { font-size: 105px; font-family: "PT Serif", serif; font-weight: 700; line-height: 90px; padding-bottom: 0; }
.upis #page1 .de-heading .large { font-size: 128px; line-height: 1; font-family: "PT Serif", serif; font-weight: 700; }
.upis #page2 .de-heading { text-transform: uppercase; font-size: 65px; } 
.upis #page2 .de-panel { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; max-width: 600px;}
.upis #page2 .de-panel .el-title { color: #0054c7; font-size: 24px; }
.upis #page3 p { text-shadow: 1px 3px 6px #0000003d;}
.upis #page4 p, .upis #page4 h3, .upis #page4 ul li { text-shadow: 1px 3px 6px #0000003d;}
.upis #page4 h3 span { color: #000000;}
.upis #page5 p { background: rgba(18, 76, 153, 0.50); padding: 20px 40px;}
.upis #page6 p { background: rgba(18, 76, 153, 0.50); padding: 20px 40px;}
.upis #page7 p { background: rgba(18, 76, 153, 0.50); padding: 20px 40px;}
.upis #page8 p { background: rgba(18, 76, 153, 0.50); padding: 20px 40px;}
.upis #page9 p { background: rgba(18, 76, 153, 0.50); padding: 20px 40px;}
.upis #page10 p { background: rgba(18, 76, 153, 0.50); padding: 20px 40px;}
.upis #page11 .uk-list.de-left-list .left { background: #ffffff; padding: 10px 15px; color: #043a82; border-radius: 15px; font-weight: 500; }
.upis #page11 .uk-list.de-left-list img { text-align: right; }
.upis #page11 .de-right { background: #ffffff; padding: 10px 15px; color: #043a82; border-radius: 15px; font-weight: 500; }
.upis #page12 .de-list .el-content.uk-panel.uk-h5 { font-size: 16px; line-height: 18px; }
.upis #page12 .de-center { background-image: url("https://www.fimek.edu.rs/images/landing/upis/page-12-strelica-velika.png"); background-position: 0; background-repeat: no-repeat; background-size: contain; font-size: 24px; float: left; height: 240px; padding-top: 75px; text-shadow: 1px 3px 6px #0000003d; line-height: 30px; }
.upis #page14 .de-list .left { background-image: url("https://www.fimek.edu.rs/images/landing/upis/page-14-info-bg1.png"); background-position: -10px; background-repeat: no-repeat; background-size: contain; font-size: 20px; float: left; max-width: 250px; height: 70px; padding-top: 10px; text-shadow: 1px 3px 6px #0000003d; }
.upis #page14 .de-list .right { background-image: url("https://www.fimek.edu.rs/images/landing/upis/page-14-info-bg2.png"); background-position: 20px; background-repeat: no-repeat; background-size: contain; font-size: 20px; float: right; max-width: 150px; height: 50px; padding-top: 20px; text-shadow: 1px 3px 6px #0000003d; }
.upis #page14 .de-center-list .left { background-image: url("https://www.fimek.edu.rs/images/landing/upis/page-14-info-bg1.png"); background-position: 0px; background-repeat: no-repeat; background-size: contain; float: left; height: 26px; padding-top: 4px; padding-left: 50px; text-shadow: 1px 3px 6px #0000003d; font-size: 18px; font-weight: 700; }
.upis #page14 .uk-h3.de-h3 { padding-top: 100px; }

/* Responsive */
@media (min-width: 960px) {
.upis #page1.uk-section-default .uk-section { height: 100vh; }
.upis #page2.uk-section-default .uk-section { height: 100vh; }
.upis #page3.uk-section-default .uk-section { height: 100vh; }
.upis #page4.uk-section-default .uk-section { height: 100vh; }
.upis #page5.uk-section-secondary.uk-section { height: 100vh; }
.upis #page6.uk-section-secondary.uk-section { height: 100vh; }
.upis #page7.uk-section-secondary.uk-section { height: 100vh; }
.upis #page8.uk-section-secondary.uk-section { height: 100vh; }
.upis #page9.uk-section-secondary.uk-section { height: 100vh; }
.upis #page10.uk-section-secondary.uk-section { height: 100vh; }
.upis #page11.uk-section-secondary .uk-section { height: 100vh; }
.upis #page12.uk-section-default .uk-section { height: 100vh; }
.upis #page13.uk-section-secondary.uk-section { height: 100vh; }
.upis #page14.uk-section-default .uk-section { height: 100vh; }
.upis #page15.uk-section-secondary.uk-section { height: 100vh; }
}

@media (max-width: 959px) {
.upis .uk-heading-medium { font-size: 40px; text-align: center; }
.upis #page1 .de-heading { font-size: 45px; line-height: 50px; text-align: center; }
.upis #page1 .de-heading .large { font-size: 54px; text-align: center; }
.upis #page2 .de-heading { text-align: center; }
.upis #page2 .de-panel { text-align: center; max-width: 100%; }
.upis #page2 .el-image { text-align: center; margin-left: auto; margin-right: auto; }
.upis #page12 .uk-h1 { margin-top: 120px; }
.upis #page12 .uk-list { margin-top: 30px; }
.upis #page13 .el-image { margin-top: 30px; }
.upis #page15 .de-large .el-image { display: none; }
}

@media (max-width: 479px) {
.upis #page3 p { font-size: 16px; }
.upis #page4 p, .upis #page4 h3, .upis #page4 ul li { font-size: 16px; }
.upis #page5 p { font-size: 16px; text-align: center; }
.upis #page6 p { font-size: 16px; text-align: center; }
.upis #page7 p { font-size: 16px; text-align: center; }
.upis #page8 p { font-size: 16px; text-align: center; }
.upis #page9 p { font-size: 16px; text-align: center; }
.upis #page10 p { font-size: 16px; text-align: center; }
}
/* END Custom css for - UPIS */