/********************************************* * Author: * Description: * Date modified: 01.02.2025 * Version: 1.0 **********************************************/ /* Page styles */ *, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;} .row {width: 100%; margin: 0 auto; max-width: 1340px; padding:0 80px;} .row-lg {max-width: 1630px;} .row:after {content: ""; display: table; clear: both;} /* Page loader */ .pageLoader {position: fixed; z-index:300; left:0; top:0; width:100%; height:100%; background: #000; -webkit-transition: 350ms opacity ease; -o-transition: 350ms opacity ease; transition: 350ms opacity ease; } .pageLoader.ajax {height:100%; top:0; max-width: 1980px; z-index:200; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .pageLoader--bounce { width: 60px; height: 60px; position: absolute; left:50%; top:50%; margin:-30px 0 0 -30px; -webkit-transition:margin 1250ms ease; -o-transition:margin 1250ms ease; transition:margin 1250ms ease } .pageLoader--bounce-1, .pageLoader--bounce-2 { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .pageLoader--bounce-2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* Scrollbar & text select */ ::-webkit-scrollbar {background: #fff; width: 5px; height: 5px;} ::-webkit-scrollbar-thumb {background: #424242;} body, body * { scrollbar-color: #424242 #fff; scrollbar-width: thin; } /* Text select */ ::-moz-selection {background:#424242; color:#fff!important;} ::selection {background:#424242; color:#fff!important;} /* Defaults & Misc. */ html {margin-top:0!important} body {font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#3C3B3C; line-height:1.35; min-width:320px; overflow-x:hidden;} body.loaded .pageLoader {opacity:0;} body.loaded .pageContainer {top:0; opacity:1;} body:after {content:""; position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.25); z-index:15; opacity:0; visibility: hidden; -webkit-transition:opacity 350ms ease, visibility 350ms ease; -o-transition:opacity 350ms ease, visibility 350ms ease; transition:opacity 350ms ease, visibility 350ms ease;} @media (max-width:1161px){ body {font-size:18px;} .row {padding:0 40px;} } @media (max-width:681px){ .row {padding:0 20px;} } /* Page container */ .pageContainer {position: relative; top:-50px; overflow:hidden; opacity:0; left:0; -webkit-transition: left 300ms ease, top 300ms ease, opacity 300ms ease; -o-transition: left 300ms ease, top 300ms ease, opacity 300ms ease; transition: left 300ms ease, top 300ms ease, opacity 300ms ease;} a {text-decoration: none;} a:hover {text-decoration: underline;} a.link-arrow {font-weight:bold; font-size:20px; position: relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top:40px;} a.link-arrow:after {content: "\e900"; font-family:'icomoon'; font-size:35px; color:#3C3B3C; margin-left:20px; line-height:1; position: relative; right:0; -webkit-transition:right 250ms ease; -o-transition:right 250ms ease; transition:right 250ms ease;} a.link-arrow:hover {text-decoration: none;} a.link-arrow:hover:after {right:-5px; color:inherit;} @media (max-width:1161px){ a.link-arrow {font-size:18px;} a.link-arrow:after {font-size:30px;} } .button {display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; color:#fff!important; background: #7bc143; -webkit-border-radius:6px; border-radius:6px; padding:20px 25px; height:90px; font-size:30px; font-weight:bold; min-width:450px; -webkit-box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 35%); box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 35%); text-decoration: none!important;} @media (max-width:1480px){ .button {height:60px; padding:10px 20px; min-width:0; font-size:22px;} } p {margin:15px 0;} p:first-child {margin-top:0;} p:last-child {margin-bottom:0;} p:empty {display: none;} ul ul, ol ul, ul ol, ol ol {margin:20px 0;} li + li {margin-top:8px;} ol {list-style:none; padding:0;} ol > li {counter-increment: cs-counter; position: relative; padding-left:40px;} ol > li + li {} ol > li:before {content: counter(cs-counter)'.'; font-weight:bold; font-size:20px; position: absolute; left:10px; top:0;} address {padding-left:40px; margin:35px 0;} date {color:#afafb0; font-size:18px;} hr {display: block; border:none; width:100%; height:2px; background: #d1d3d4; margin:45px 0;} ul.number-ul {list-style:none; margin:0; padding:0; font-size:24px;} ul.number-ul li {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start;} ul.number-ul li span.num {width:60px; height:60px; -webkit-border-radius: 50%; border-radius: 50%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-family: 'Oswald', sans-serif; font-weight:600; font-size:28px; color:#fff; text-align: center;} ul.number-ul li span.num + div {-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1; padding-left:25px; -webkit-align-self:center; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center;} ul.number-ul li + li {margin-top:10px;} ul.number-ul + h2 {margin:0;} ul.number-ul.multi li:nth-child(4n + 1) span {background: #00AEEF!important;} ul.number-ul.multi li:nth-child(4n + 2) span { background:#EC008C!important;} ul.number-ul.multi li:nth-child(4n + 3) span { background:#F47B20!important;} ul.number-ul.multi li:nth-child(4n + 4) span { background:#7AC143!important;} ul.number-ul.multi a {text-decoration: underline;} ul.number-ul.multi a:hover {text-decoration: none;} ul.star-ul {list-style:none; margin:85px 0 140px; padding:0; column-count:2; column-gap:20px;} ul.star-ul li {display: flex; align-items: center; gap:24px; color:#3C3B3C; font-size: 24px;} ul.star-ul li:before {content:""; width:60px; height:60px; background:url(../images/icon-start-circle.svg) no-repeat center; background-size:100%;} ul.star-ul li div {flex:1;} ul.star-ul li a {text-decoration: underline;} ul.star-ul li a:hover {text-decoration: none;} ul.star-ul li + li {margin-top: 10px;} ul.cIcon-ul {list-style:none; padding:0;} ul.cIcon-ul li {position: relative; padding-left:50px;} ul.cIcon-ul li + li {margin-top:30px!important;} ul.cIcon-ul li:before {content:""; font-family:'icomoon'; font-size:30px; width:28px!important; height:28px!important; background: none!important; position: absolute; left:0!important; top:-7px!important;} ul.cIcon-ul li.li-icon-ban:before {content:"\e90d";} ul.cIcon-ul li.li-icon-alert:before {content:"\e90c";} ul.cIcon-ul li.li-icon-arrow-right:before {content:"\e900"; color:#3C3B3C; top:-3px!important} ol.cNum-ul {list-style:none; padding:0; margin:60px 0;} ol.cNum-ul > li {counter-increment: c-counter; position: relative; padding-left:100px; padding-bottom:40px; margin-bottom:35px; margin-top:0; min-height:66px;} ol.cNum-ul > li ul {margin:0;} ol.cNum-ul > li:after {content:""; position: absolute; right:0; bottom:0; width:-webkit-calc(100% - 100px); width:calc(100% - 100px); height:2px; background: #d1d3d4;} ol.cNum-ul > li:last-child {margin-bottom:0; padding-bottom:0;} ol.cNum-ul > li:last-child:after {content:none;} /*ol.cNum-ul > li:last-child:after {content:none;}*/ ol.cNum-ul > li a[href*=".doc"], ol.cNum-ul > li a[href*=".pdf"], ol.cNum-ul > li a[href*=".jpg"], ol.cNum-ul > li a[href*=".png"] {position: relative; padding-left:40px; display:inline-block; margin-top:10px;} ol.cNum-ul > li a[href*=".doc"]:before, ol.cNum-ul > li a[href*=".pdf"]:before, ol.cNum-ul > li a[href*=".jpg"]:before, ol.cNum-ul > li a[href*=".png"]:before {content: "\e90e"; font-family:'icomoon'; font-size:30px; position: absolute; left:0; top:-9px; color: #3C3B3C;} ol.cNum-ul > li p a[href*=".doc"], ol.cNum-ul > li p a[href*=".pdf"], ol.cNum-ul > li p a[href*=".jpg"], ol.cNum-ul > li p a[href*=".png"] {margin:0 0 0 5px;} ol.cNum-ul > li:before {content: counter(c-counter)'.'; width:60px; height:60px; -webkit-border-radius: 50%; border-radius: 50%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; color:#fff!important; font-family: 'Oswald', sans-serif; color:#fff; font-weight:bold; font-size:30px; position: absolute; left:0; top:-10px; padding:10px 10px 15px} [data-page="ss"] ol.cNum-ul > li:first-child:before, [data-page="ss"] ol.cNum-ul > li:nth-child(5n):before, [data-page="ss"] ul.number-ul li:first-child span.num, [data-page="ss"] ul.number-ul li:nth-child(5n) span.num, [data-page="i-stu"] ol.cNum-ul > li:first-child:before, [data-page="i-stu"] ol.cNum-ul > li:nth-child(5n):before, [data-page="i-stu"] ul.number-ul li:first-child span.num, [data-page="i-stu"] ul.number-ul li:nth-child(5n) span.num {background: #2babe2!important;} [data-page="ss"] ol.cNum-ul > li:nth-child(4n-2):before, [data-page="ss"] ul.number-ul li:nth-child(4n-2) span.num, [data-page="i-stu"] ol.cNum-ul > li:nth-child(4n-2):before, [data-page="i-stu"] ul.number-ul li:nth-child(4n-2) span.num {background: #eb0a8c!important;} [data-page="ss"] ol.cNum-ul > li:nth-child(4n):before, [data-page="ss"] ul.number-ul li:nth-child(4n) span.num, [data-page="i-stu"] ol.cNum-ul > li:nth-child(4n):before, [data-page="i-stu"] ul.number-ul li:nth-child(4n) span.num {background: #7bc143!important;} .socialNav {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; margin:-7px;} .socialNav a {width:45px; height:45px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-size:24px; margin:7px; -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.5); box-shadow:1px 1px 5px rgba(0,0,0,.5); -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} .socialNav a i {color:#3C3B3C;} .socialNav a:hover {text-decoration: none;} .pdfList {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;} .pdfFile {display: block; width:69px; height:81px; background: url(../images/file-normal.svg) no-repeat center; background-size:cover; position: relative;} .pdfFile > div {position: absolute; left:0; bottom:15px; width:100%; text-align: center; color:#fff; font-weight:bold;} .pdfFile:hover {background-image: url(../images/file-hover.svg);} h3 + .pdfList {margin-top:-10px;} @media (max-width:1681px){ ul.number-ul {font-size:22px;} ul.number-ul li span.num {width:55px; height:55px; font-size:34px;} ul.number-ul li span.num + div {padding-left:20px;} } @media (max-width:1161px){ } @media (max-width:861px){ ol.cNum-ul > li {padding-left:60px; min-height:40px; padding-bottom:30px; margin-bottom:25px;} ol.cNum-ul > li:before {top:-5px; width:40px; height:40px; font-size:20px; padding:10px 10px 12px;} ol.cNum-ul > li:after {width:-webkit-calc(100% - 60px);width:calc(100% - 60px);} } .tabLinkF {position: absolute; left:0; top:0; z-index:5; color:#333333; background: #fff; padding:3px 5px; opacity:0;} .tabLinkF:focus {z-index:5000; opacity:1;} /* Tables */ table.table-koo {width:100%;} table.table-koo td {border-bottom:solid 2px #d1d3d4; height:80px; padding:10px 30px;} table.table-koo td > div {} table.table-koo td > div + div {margin-top:6px;} table.table-koo td .ttCnt {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end;} table.table-koo td .ttCnt i {font-size:30px; cursor: pointer;} table.table-koo td .ttCnt span + span {margin-left:6px;} table.table-koo td span[data-mobile] {display: none;} table.table-bbt {margin:10px 0 20px;} table.table-bbt th, table.table-bbt td { text-align:left; padding:8px 12px; border-bottom:solid 2px #d1d3d4;} .tableContainer {overflow:auto;} .tableContainer table {min-width:680px;} table.pfsp-ta th {background: #f47b20; color:#fff; text-align:left;} table.pfsp-ta th, table.pfsp-ta td {border:solid 1px #000; height:38px!important; vertical-align: middle!important; padding:4px;} @media (max-width:861px){ table.table-koo tr {display: block; border-bottom:solid 2px #d1d3d4; padding:10px 0;} table.table-koo tr td {display: block; height:auto; border:none; padding:2px 0;} table.table-koo tr + tr {margin-top:20px;} table.table-koo td .ttCnt {display: none;} table.table-koo td span[data-mobile] {display: inline-block; vertical-align: middle; margin:0 0 0 5px; font-size:22px;} } [data-tooltip] {position: relative; line-height:0;} [data-tooltip]:after {content: attr(data-tooltip); position: absolute; left: -webkit-calc(100% - 25px); left: calc(100% - 25px); bottom: -webkit-calc(100% + 14px); bottom: calc(100% + 14px); background: #3C3B3C; font-size: 18px; color: #fff; line-height: 1.3; font-family: 'Roboto Condensed', sans-serif; white-space: nowrap; -webkit-border-radius: 6px; border-radius: 6px; padding: 15px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,.5); box-shadow: 3px 3px 6px 0px rgba(0,0,0,.5); display: none;} [data-tooltip="k"]:after {content: "Erasmus koordinator";} [data-tooltip="m"]:after {content: "Mednarodna pisarna";} [data-tooltip]:before {content: ""; position: absolute; left: -webkit-calc(100% - 20px); left: calc(100% - 20px); bottom: -webkit-calc(100% - 2px); bottom: calc(100% - 2px); border: solid 7px transparent; border-top-color: #3C3B3C; border-top-width:10px; display: none;} [data-tooltip]:hover:before, [data-tooltip]:hover:after {display: block;} @media (max-width:1581px){ [data-tooltip]:after {left:auto; right:-webkit-calc(100% - 25px); right:calc(100% - 25px);} [data-tooltip]:before {left:auto; right:-webkit-calc(100% - 20px); right:calc(100% - 20px)} } /* Titles */ h1,h2,h3,h4 {font-family: 'Oswald', sans-serif; font-weight:normal;} h1 {font-size:38px;} h2 {font-size:35px; margin:30px 0;} h3 {font-size:30px;} h4 {font-size:26px; margin:15px 0} h1:first-child,h2:first-child,h3:first-child,h4:first-child {margin-top:0;} ul, ol {margin:35px 0;} p + ul, p + ol {margin-top:-10px;} li ol, li ul {margin-top:20px!important;} .titleTagContainer {margin:0 0 60px; position: relative;} .titleTagContainer:before {content:""; width:40px; height:100%; z-index:2; position: absolute; left:-20px; top:0;} .titleTag {color:#fff; display:inline-block; padding:10px 20px 15px 0; position: relative; /*-webkit-box-shadow: 6px 2px 6px 2px rgba(0,0,0,.5); box-shadow: 6px 2px 6px 2px rgba(0,0,0,.5);*/} .titleTag:before {content:""; position: absolute; left:-400px; top:0; width:400px; height:100%; /*-webkit-box-shadow: 2px 2px 6px 2px rgba(0,0,0,.5); box-shadow: 2px 2px 6px 2px rgba(0,0,0,.5);;*/} .titleTag:after {content:""; position: absolute; right:-10px; top:0; width:20px; height:100%; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; -webkit-transform:skewX(-6deg); -ms-transform:skewX(-6deg); transform:skewX(-6deg)} .titleTag h1 {margin:0; font-weight: 500;} .titleTag__title {position: relative; z-index:5;} .titleTag__li {position: absolute; right:-31px; top:0; height:100%; width:15px; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; -webkit-transform:skewX(-6deg); -ms-transform:skewX(-6deg); transform:skewX(-6deg); /*-webkit-box-shadow:2px 2px 6px 0px rgba(0,0,0,.5); box-shadow:2px 2px 6px 0px rgba(0,0,0,.5);;*/} .titleTag__li:after {content:""; position: absolute; right:-12px; top:0; height:100%; width:6px; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; /*-webkit-box-shadow:2px 2px 6px 0px rgba(0,0,0,.5); box-shadow:2px 2px 6px 0px rgba(0,0,0,.5);;*/} .titleTagSmall {font-size:30px; font-family:'Oswald'; font-weight:400; color:#fff; background: #7bc143; width:100%;} .titleTagContainer--sm {margin:0 0 0 60px;} .titleTagContainer--sm .titleTag {width:100%; background: #7bc143!important;} .titleTagContainer--sm .titleTag h1 {font-size:28px;} .titleTagContainer--sm .titleTag:before {content:none;} .titleTagContainer--sm:before, .titleTagContainer--sm .titleTag:after, .titleTagContainer--sm .titleTag .titleTag__li, .titleTagContainer--sm .titleTag .titleTag__li:after {background: #7bc143!important;} .titleTagContainer--btn {display:flex; width:100%; max-width:340px; margin:0 auto;} .titleTagContainer--btn .titleTag {font-size:15px; padding:10px 20px 10px 0; } .titleTagContainer--btn .titleTag--reverse:before {display: none;} [data-page="i-sta"] .titleTagContainer--sm .titleTag, [data-page="i-sta"] .titleTagContainer--sm:before, [data-page="i-sta"] .titleTagContainer--sm .titleTag:after, [data-page="i-sta"] .titleTagContainer--sm .titleTag .titleTag__li, [data-page="i-sta"] .titleTagContainer--sm .titleTag .titleTag__li:after {background: #2babe2!important;} @media (max-width:960px) { .titleTagContainer--sm {} .titleTagContainer--sm:before {content:none;} .titleTagContainer--sm .titleTag {padding-left:20px; text-align: center;border-radius: 3px;} .titleTagContainer--sm .titleTag .titleTag__li {display: none;} .titleTagContainer--sm .titleTag:after {display: none;} } [data-page="i-stu"] .titleTag__li {background: #2babe2!important;} [data-page="i-stu"] .titleTag__li:after {background: #eb0a8c!important;} .ttBG {width:100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top:60px;} .ttBG ul {font-family: 'Oswald'; font-size:36px;} .ttBG ul li {padding-left:30px!important;} .ttBG ul li:before {left:0!important; top:50%!important; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-top:3px;} .ttBG ul.ul--arrow li {padding-left:55px!important;} .ttBG ul.ul--arrow li:before {content:""; width:40px; height:30px; background: url(../images/icon-arrow-right.svg) no-repeat center!important; top:6px!important; -webkit-transform:none; -ms-transform:none; transform:none;} .ttimbc img {width:100%; max-width: 1200px; margin: -100px auto 0; display: block;} .ttimbc__inn {max-width:670px; margin:30px auto 70px auto;} .ttimbc__inn h3 {color:#7bc143; margin-bottom:40px; padding-left:85px; font-size:30px;} [data-page="kip"] .ttBGk {margin-top:-10px;} [data-page="kip"] .ttBGk .titleTag {min-width: 260px;} [data-page="kip"] .ttimbc img {max-width: none;} [data-page="kip"] .ttimbc h3 {color:#f47b20; font-size:30px; margin:0 0 100px; text-align: center;} [data-page="kip"] .ttimbc__lr {display:flex; gap:45px;} [data-page="kip"] .ttimbc__lr > div {padding:0 70px;} [data-page="kip"] .igDescBG {margin-top:75px; margin-bottom:45px;} [data-page="kip"] .igDescBG h2 {margin:0;} [data-page="kip"] .ttlsd {margin-top: -200px; margin-bottom: 0px;} [data-page="kip"] .ttlsd img {width:100%; max-height: 150px;} [data-page="kip"] .titleTag__title a {color:#fff; text-decoration: none!important; display: block;} [data-page="mobz"] .ttimbc img {margin-top:-150px; margin-bottom:-50px; max-width:1400px; position: relative; left:-40px; z-index:-1;} @media (min-width:960px) { [data-mobile] {display: none;} } @media (max-width:1620px){ [data-page="mobz"] .ttimbc img {max-width:1200px; } } @media (max-width:1480px){ .ttimbc img {width:100%; max-width: 960px; margin: 20px auto 0; display: block;} .ttBG ul {font-size:26px;} .ttBG ul li {padding-left:50px!important;} .ttBG ul.ul--arrow li:before {width: 30px; height: 30px; top: 0px!important;} [data-page="mobz"] .ttimbc img {margin-top:-50px;} [data-page="kip"] .ttBGk .titleTagContainer {margin:0 0 20px;} } @media (max-width: 1681px){ .ttimbc__inn h3 {padding-left:75px;} } @media (min-width: 961px){ .titleTag--reverse:before {left:auto; right:-400px;} .titleTag--reverse:after {right:auto; left:-35px; height:100%; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; -webkit-transform:skewX(6deg); -ms-transform:skewX(6deg); transform:skewX(6deg)} .titleTag--reverse .titleTag__li {left:-57px; right:auto; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; -webkit-transform:skewX(6deg); -ms-transform:skewX(6deg); transform:skewX(6deg);} .titleTag--reverse .titleTag__li:after {left:-12px; right:auto; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;} } @media (max-width: 960px){ .ttBG {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; margin-top:40px;} .ttBG .blockGrid__item {width:100%!important;} .ttBG .blockGrid__item img {width:100%;} .ttBG .blockGrid__item + .blockGrid__item {margin-top:40px;} .ttBG .titleTagContainer {margin:0;} .ttBG .titleTagContainer .textBlock {margin-top:20px;} .ttimbc {margin-bottom:-20px;} .ttimbc img {margin-top:60px;} [data-page="mobz"] .ttimbc img {margin-top:40px; margin-bottom:-20px;} [data-page="kip"] .ttBGk {display: none;} [data-page="kip"] .ttimbc img {display: none;} [data-page="kip"] .ttlsd {display: none;} [data-page="kip"] .ttimbc__lr {flex-direction: column;} [data-page="kip"] .ttimbc__lr > div {padding:0;} [data-page="kip"] .ttimbc__lr > div + div {margin-top:40px;} [data-page="kip"] .ttimbc h3 {margin:0 0 45px;} } @media (max-width: 680px){ .ttimbc__inn {margin-bottom:20px;} .ttimbc__inn h3 {padding-left:0; margin-bottom:30px;} } .textBlock {margin:30px 0;} .textBlock:first-child {margin-top:0;} .textBlock:last-child {margin-bottom:0;} .textBlock p {margin:30px 0;} .textBlock p:first-child {margin-top:0;} .textBlock p:last-child {margin-bottom:0;} .textBlock h1, .textBlock h2, .textBlock h3, .textBlock h4 {/*font-family: 'Roboto Condensed', sans-serif; font-weight:bold;*/} .textBlock ul {padding:0; list-style:none;} .textBlock ul:first-child {margin-top:0;} .textBlock ul:last-child {margin-bottom:0;} .textBlock ul li {padding:0 0 0 50px; position: relative;} .textBlock ul li:before {content:""; width:5px; height:5px; position: absolute; left:20px; top:10px; -webkit-border-radius:50%; border-radius:50%;} .textBlock ul li + li {margin-top:5px;} .textBlock ul + h2, .textBlock ul + h3, .textBlock ul + h4 {margin-top:40px;} section {padding:60px 0 90px;} @media (max-width:1161px){ .titleTag h1 {font-size:35px;} section {padding:45px 0;} h2 {font-size:28px; margin:30px 0;} h3 {font-size:22px;} } @media (max-width:681px){ .titleTag h1 {font-size:30px;} } /* Inputs */ input, select, textarea {} input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid {border-color:#f00!important;} .wpcf7-not-valid-tip {color:#f00; font-size:12px!important; margin:5px 5px -5px 5px!important;} .wpcf7-response-output {padding:0!important; margin:20px 0 0!important; color:#f00!important; border:none!important;} .btn {display:inline-flex; align-items:center; justify-content: center; border:none; text-align: center; font-size:24px; color:#fff!important; font-weight:bold; -webkit-border-radius:6px; border-radius:6px; padding:15px 30px; -webkit-box-shadow:1px 1px 6px 2px rgba(0,0,0,.35); box-shadow:1px 1px 6px 2px rgba(0,0,0,.35); -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease; text-decoration: none!important;} .btn-green {background: #7bc143!important;} .btn-green:hover {background: #62A82A!important;} .btn-orange {background: #f47b20!important;} .btn-orange:hover {background: #DB6207!important;} .btn-purple {background: #eb0a8c!important;} .btn-purple:hover {background: #D20073!important;} .btn-blue {background: #2babe2!important;} .btn-blue:hover {background: #1292C9!important;} .btn-md { min-width:180px;} .btn-lg { padding:15px 20px; line-height:1.2;} .btn-xlg { border-radius: 6px; padding: 20px 25px; height: 90px; font-size: 30px!important; font-weight: bold; min-width: 450px;} .btnT {display:flex; width:100%; max-width:340px; margin:0 auto; justify-content: center; background: #E0007A;} .btnT__label {font-size:15px; font-weight:600; color:#fff; text-align: center; padding:10px 10px;} span.ajaxBtn {position: relative;} span.ajaxBtn .ajax-loader {display: none!important; position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); margin:0!important;} .ajaxBtn .ajax-loader {margin-right:10px!important;} @media (max-width:1491px){ .btn {font-size:22px; padding:15px 25px;} } @media (max-width:861px){ .btn {font-size:20px;} .btn-md {min-width:0;} .btn-xlg {min-width:0; font-size:24px!important;} } /* Fancybox */ [data-fancybox] {display:inline-block; vertical-align: top; position: relative;} [data-fancybox] img {width:100%;} [data-fancybox]:before {content:""; position: absolute; z-index:5; left:0; top:0; width:100%; height:100%; background: rgba(255,255,255,.5); opacity:0; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease;} [data-fancybox]:after {content:"\e907"; font-family: 'icomoon'; font-size:24px; color:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; width:60px; height:60px; position: absolute; z-index:10; left:50%; top:50%; margin:-30px 0 0 -30px; -webkit-border-radius:50%; border-radius:50%; background: rgba(0,0,0,.75); opacity:0; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease;} [data-fancybox]:hover:before, [data-fancybox]:hover:after {opacity:1;} /* Block Grids */ .blockGrid {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start; width:-webkit-calc(100% + 40px); width:calc(100% + 40px); margin-left:-20px;} .blockGrid [class^="blockGrid__"] {padding:0 20px;} .pageContainer {max-width:1980px; margin:0 auto; position: relative;} /* Intro page */ /* .blockGrid.cardsBG {width:-webkit-calc(100% + 16px);width:calc(100% + 16px); max-width:1320px; margin:0 auto; position: relative; left:-8px; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;} .blockGrid.cardsBG .blockGrid__item {width:16.66667%; padding:8px;} */ .blockGrid.horCardsBG {width:-webkit-calc(100% - 16px);width:calc(100% - 16px); position: relative; left:-8px; max-width:1320px; margin:0 auto;} .blockGrid.horCardsBG .blockGrid__item {width:50%; padding:8px;} .blockGrid.horCardsBG .blockGrid__item:first-child .horCard__btn {right:-10px;} .blockGrid.cardsBG, .blockGrid.horCardsBG {left:0; margin:0; display: flex; gap:16px; max-width:1100px;} .blockGrid.horCardsBG {margin-top: 16px;} .blockGrid.cardsBG .blockGrid__item, .blockGrid.horCardsBG .blockGrid__item {flex:1; padding:0;} .blockGrid.cardsBG--sm {max-width: 860px;} .horCard {position: relative; text-decoration: none!important; display: block;} .horCard img {width:100%;} .horCard__btn {position: absolute; right:-5px; bottom:20px; text-align: right;} .horCard__btn img {height:55px; width:auto; max-width:92%;} .horCard__hover {position: absolute; inset:0; opacity:0; -webkit-transition:opacity 200ms; -o-transition:opacity 200ms; transition:opacity 200ms;} .horCard:hover .horCard__hover {opacity:1;} .horSlimCard {position: relative; display: block;} .horSlimCard__bg {position: relative;} .horSlimCard__bg img {width:100%;} .horSlimCard__bg:after {content:""; position: absolute; inset:0; background: url(../images/slim-card-hover.jpg) no-repeat center; background-size: cover; opacity:0; transition:opacity 300ms;} .horSlimCard__image {position: absolute; inset:0; z-index:5;} .horSlimCard__image img {height:100%; width:auto;} .horSlimCard__button {position: absolute; right:-3px; bottom:12px; z-index:6; width:100%; display:flex; justify-content: flex-end;} .horSlimCard__button img {height:56px;} .horSlimCard:hover .horSlimCard__bg:after {opacity:1;} .horSlimCard__bg img, .horSlimCard__image img {width: 100%; height: 127px;} .horSlimCard__image img {object-fit: cover;} .sBtnCnt {display:flex; margin:10px 0 0; flex-wrap:wrap;} .sBtnCnt > * + * {margin-left:15px;} .sBtnCnt a {display: block; text-decoration: none!important;} .sBtnCnt img {height:50px; min-width:250px;} .soCnt {margin:15px 0 0; display:flex; justify-content: flex-end;} .soCnt .socialNav a {width:34px; height:34px; font-size:18px;} .inpCnt {width:100%; max-width: 1100px; margin: 16px auto 0; display: flex; align-items:center; justify-content: space-between;} .inpCnt .sBtnCnt {margin-left: -3px;} .inpCnt .sBtnCnt, .inpCnt .soCnt {margin:0;} .inpCnt--sm {max-width: 860px;} @media (max-width: 1161px) { .horCard {overflow:hidden;} .horCard__btn img {height:70px;} .horCard__normal img, .horCard__hover img {height:220px; width:auto; max-width:none;} .blockGrid.horCardsBG .blockGrid__item:first-child .horCard__btn {right:-15px;} .horSlimCard__button img {height:42px;} .inpCnt {flex-direction: column; margin-top: -20px; margin-bottom: 40px; align-items: flex-start;} .inpCnt .sBtnCnt {display:flex; flex-direction: column; margin:0 0 0 -8px;} .inpCnt .sBtnCnt > * {margin:0!important;} .inpCnt .soCnt {margin-top:12px;} .cr .logo-mbs {background:#fff; padding:8px; margin:12px 0!important;} .cr .logo-mbs img {width: 200px;} } @media (max-width: 900px) { .horCard__btn img {height:60px;} .horCard__normal img, .horCard__hover img {height:180px; width:auto; max-width:none;} .blockGrid.horCardsBG .blockGrid__item:first-child .horCard__btn {right:-15px;} } @media (max-width: 481px) { .horCard__normal img, .horCard__hover img {height:150px;} } .introPage {height:100vh; padding:30px 25px; overflow:auto; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .introPage:before, .introPage:after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; background: url(../images/intro-page-bg-dark.jpg) no-repeat center; background-size:cover; opacity:1; -webkit-transition:opacity 850ms linear; -o-transition:opacity 850ms linear; transition:opacity 850ms linear;} .introPage:after {background-image:url(../images/intro-page-bg-lite.svg); background-color:#fff; background-size:auto 100%; opacity:0;} .introPage > div {position: relative; z-index:5;} .introPage__top {position: relative;} .introPage__top img.logo {position: absolute; left:20px; top:20px; width:240px;} .introPage__top img.logo-r {position: absolute; right:20px; top:20px; width:200px;} .introPage__top > div:last-child {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:end; -ms-flex-align:end; -webkit-align-items:flex-end; align-items:flex-end; padding:0 0 20px;} .introPage__top > div:last-child img + img {margin-left:35px;} .introPage__top img.logo-um {width:55px;} .introPage__top img.logo-ep {width:110px;} .sideNav.sideNav--hp {position: absolute; right:0px; top:50px; z-index:100;} .introPage__middle {padding:100px 0 40px; height:auto; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;} .introPage__bottom {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; align-items:flex-end; padding-right:50px; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color:#939598; font-size:14px;} .introPage__bottom p {margin:0;} .introPage__bottom a {color:#939598!important} .introPage__bottom .menu {margin:0 0 10px; padding:0; list-style: none; display:flex; gap:12px;} .introPage__bottom .menu li {margin:0!important;} .introPageMobile .menu {margin:0; justify-content: center; padding:0; list-style: none; display:flex; gap:10px; flex-wrap:wrap;} .introPageMobile .menu li {margin:0!important;} .logo-l, .logo-d {opacity:0; visibility: hidden; -webkit-transition:opacity 850ms linear, visibility 850ms linear; -o-transition:opacity 850ms linear, visibility 850ms linear; transition:opacity 850ms linear, visibility 850ms linear;} .logo-l {opacity:1; visibility: visible;} .logo-d {opacity:0; visibility: hidden;} body.ip-toggle .introPage:before {opacity:0;} body.ip-toggle .introPage:after {opacity:1;} body.ip-toggle .logo-l {opacity:0; visibility: hidden;} body.ip-toggle .logo-d {opacity:1; visibility: visible;} .flipCard {display: block; background-color: transparent; width:100%; padding-bottom:200%; -webkit-perspective: 1000px; perspective: 1000px; position: relative;} .flipCard__inner {position: absolute; left:0; top:0; width: 100%; height: 100%; text-align: center; -webkit-transition: -webkit-transform 0.8s; transition: -webkit-transform 0.8s; -o-transition: transform 0.8s; transition: transform 0.8s; transition: transform 0.8s, -webkit-transform 0.8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform:rotateY(0deg) translate3d(0,0,0); transform:rotateY(0deg) translate3d(0,0,0);} .flipCard__inner img {width:96%;} .flipCard__inner > div {padding-top:-webkit-calc(200% - 95px);padding-top:calc(200% - 95px)} .flipCard__front, .flipCard__back {position: absolute; left:0; top:0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-position:right top; background-size:cover; background-repeat: no-repeat; background-color: #666; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4); box-shadow: 2px 2px 5px rgba(0,0,0,.4); -webkit-transition:opacity 800ms; -o-transition:opacity 800ms; transition:opacity 800ms;} .flipCard__back {-webkit-transform: rotateY(180deg);transform: rotateY(180deg); text-align:left;} .flipCard__back img {margin-left:-5px;} .flipCard__back a {position: absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .flipCard__front {z-index:10; text-align:right;} .flipCard__front img {margin-right:-3px;} .flipCard:hover .flipCard__inner {-webkit-transform:rotateY(180deg) translate3d(0,0,0);transform:rotateY(180deg) translate3d(0,0,0);} .flipCard:hover .flipCard__inner .flipCard__front {opacity:0;} .flipCard:hover .flipCard__inner .flipCard__back {opacity:1;} .flipCard.hover .flipCard__inner {-webkit-transform:rotateY(180deg) translate3d(0,0,0);transform:rotateY(180deg) translate3d(0,0,0);} .flipCard.hover .flipCard__inner .flipCard__front {opacity:0;} .flipCard.hover .flipCard__inner .flipCard__back {opacity:1;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .flipCard__inner, .flipCard__front, .flipCard__back {-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;} } .flipCard .sTag {position: absolute; right:0; bottom:20px; height:50px;} .flipCard .sTag > div {position: relative;} .flipCard .sTag.sTag-left {left:0; right:auto;} .sTag {font-family: 'Oswald', sans-serif; font-weight:500; font-size:18px; color:#fff; position: relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;} .sTag__text {position: relative; z-index:2; padding:10px 15px; min-width: 74px; text-align: center;} .sTag__b {background: #3B3B3C; -webkit-box-shadow: 3px 1px 5px rgba(0,0,0,.2); box-shadow: 3px 1px 5px rgba(0,0,0,.2); position: absolute; right: -3px; top: 0; height: 100%; width: 100%; -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px;} .sTag__b:before {content: ""; position: absolute; left: -5px; top: 0; height: 100%; width: -webkit-calc(100% - 10px); width: calc(100% - 10px); -webkit-transform: skewX(12deg); -ms-transform: skewX(12deg); transform: skewX(12deg); background: #3B3B3C; -webkit-border-radius:2px; border-radius:2px;} .sTag__b-r {position: absolute; left:-3px; top:0; width:100%; height:100%; -webkit-transform: skewX(12deg); -ms-transform: skewX(12deg); transform: skewX(12deg);} .sTag__b-r:before, .sTag__b-r:after {content:""; position: absolute; left:0; top:0; height:100%; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px;} .sTag__b-r:before {content:""; width:8px; background: #3B3B3C; left:-12px;} .sTag__b-r:after {width:4px; background: #3B3B3C; left:-18px;} .flipCard__back .sTag__text {padding:5px 15px 5px 10px;} .sTag.sTag-left {left:-5px; right:auto;} .sTag.sTag-left .sTag__b {right:auto; left:-3.5px; -webkit-transform: skewX(5deg); -ms-transform: skewX(5deg); transform: skewX(5deg); -webkit-box-shadow: -3px 3px 5px rgba(0,0,0,.2); box-shadow: -3px 3px 5px rgba(0,0,0,.2); -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;} .sTag.sTag-left .sTag__b:before {left:auto; right:-15px; -webkit-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(-12deg); -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;} .sTag.sTag-left .sTag__b-r {left:auto; right:-15px; -webkit-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(-12deg);} .sTag.sTag-left .sTag__b-r:before, .sTag.sTag-left .sTag__b-r:after {left:auto; right:0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;} .sTag.sTag-left .sTag__b-r:before {left:auto; right:-10px;} .sTag.sTag-left .sTag__b-r:after {left:auto; right:-16px;} .sTag.sTag-orange .sTag__b, .sTag.sTag-orange .sTag__b:before, .sTag.sTag-orange .sTag__b-r:before, .sTag.sTag-orange .sTag__b-r:after {background: #f47b20;} .sTag.sTag-orange-text .sTag__text {color:#f47b20;} .sTag.sTag-purple .sTag__b, .sTag.sTag-purple .sTag__b:before {background: #ec008c;} .sTag.sTag-purple .sTag__b-r:before {background: #ec008c;} .sTag.sTag-purple .sTag__b-r:after {background: #ec008c;} .sTag.sTag-purple-text .sTag__text {color:#ec008c;} .sTag.sTag-b-purple .sTag__b, .sTag.sTag-b-purple .sTag__b:before {background: #ec008c;} .sTag.sTag-b-purple .sTag__b-r:before {background: #00aeef;} .sTag.sTag-b-purple .sTag__b-r:after {background: #f47b20;} .sTag.sTag-blue .sTag__b, .sTag.sTag-blue .sTag__b:before, .sTag.sTag-blue .sTag__b-r:before, .sTag.sTag-blue .sTag__b-r:after {background: #00aeef;} .sTag.sTag-blue-text .sTag__text {color:#00aeef;} .sTag.sTag-green .sTag__b, .sTag.sTag-green .sTag__b:before, .sTag.sTag-green .sTag__b-r:before, .sTag.sTag-green .sTag__b-r:after {background: #7ac143;} .sTag.sTag-green-text .sTag__text {color:#7ac143;} body.ip-toggle {} .introPageMobile {display: none;} .dmob {position: relative; margin:0 0 16px;} .dmob img {width: 250px;} .dmob img.logo-r.logo-d {position: absolute; right:0; top:0;} @media (max-width:1161px){ .introPage-desktop {display: none;} .introPageMobile {display: block;} .introPageMobile {height:100vh; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding:30px 20px 20px; overflow:hidden; overflow-y:auto; background:url(../images/intro-page-bg-lite.jpg) #fff no-repeat center; background-size:cover;} .introPageMobile img.logo {width:180px;} .introPageMobile img.logo-r {width:180px; margin:0 0 30px;} .introPageMobile .cr {padding:0; width:100%; text-align: center; font-size:12px;} .introPageMobile .cr div + div {margin-top:3px;} .sideNav.sideNav--hp {top:32px;} /*.introPageMobile__top > div:first-child {text-align: right;}*/ .cardsMobileBG {-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; width:-webkit-calc(100% + 20px); width:calc(100% + 20px); margin-left:-10px; margin-top:30px; margin-bottom:10px;} .cardsMobileBG .blockGrid__item {width:33.333%; padding:10px;} .cardsMobileBG .flipCardMobile {display: block; padding:0; width:100%; /*padding-bottom:100%;*/ position: relative; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.5); box-shadow: 0px 1px 5px rgba(0,0,0,.5);} .cardsMobileBG .flipCardMobile img:last-child {position: absolute; left:-4px; bottom:20px; width:100%; z-index:5;} .cardsMobileBG + .horCardsBG {margin:0 0 40px; width:100%; max-width:none; gap:0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} .cardsMobileBG + .horCardsBG .blockGrid__item {width:100%; padding:0;} .cardsMobileBG + .horCardsBG .blockGrid__item + .blockGrid__item {margin-top:14px;} /*.cardsMobileBG .flipCardMobile:after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; z-index:2; background: url(../images/intro-page-bg-dark.jpg) no-repeat center; background-size:cover; opacity: 0.9;}*/ .flipCardMobile__img {height:100%; width:100%;} } @media (max-width:961px){ .cardsMobileBG .blockGrid__item {width:33.333%;} } @media (max-width:481px){ .cardsMobileBG .blockGrid__item {width:50%;} } @media (max-width:581px){ } @media (max-width:441px){ } /* */ .sideNavCnt {position: fixed; z-index:101; pointer-events: none; width:100%; max-width:1980px; left:50%; top:50px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); overflow:hidden; pointer-events: none; -webkit-transition:top 250ms ease; -o-transition:top 250ms ease; transition:top 250ms ease;} .sideNavCnt.sntt {top:6px!important;} .sideNav {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align:end; -ms-flex-align:end; -webkit-align-items:flex-end; align-items:flex-end;} .sideNav .sTag {pointer-events:all; font-size:20px; font-weight:400; color:#fff!important; text-decoration: none!important; pointer-events: all;} .sideNav .sTag + .sTag {margin-top:6px;} .sideNav .sTag .sideNav__tl {text-transform: uppercase; display: none;} .sideNav .sTag__b-r:before, .sideNav .sTag__b-r:after {display: none;} .sideNav .sTag .sideNav__ts {display:inline-block; min-width:30px;} .sideNav .sTag:hover .sTag__b-r:before, .sideNav .sTag:hover .sTag__b-r:after {display: block;} .sideNav .sTag:hover .sideNav__tl {display: block;} .sideNav .sTag:hover .sideNav__ts {display: none;} body.is-home .sideNavCnt {top:210px;} body.is-home.sn-visible .sideNavCnt {top:50px;} @media (max-width:1161px){ .sideNavCnt {top:20px!important;} .sideNav .sTag {font-size:14px;} .sTag__text {padding:10px;} .sideNav .sTag .sideNav__ts {min-width:20px;} } @media (max-width:760px) { .sideNavCnt.sntt {display: none;} } /* Intro - home section */ .section-home {padding:0; /*min-height:100vh; padding:50px 60px; display:flex; flex-direction: column; justify-content: space-between; background-position: left top; background-size:cover; background-repeat: no-repeat; position: relative;*/} .homeP {min-height:920px; height:calc(100vh - 30px); max-height: 1480px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .homeP__left {width:33.333%; min-width:400px; background:url(../images/home-bg-left.jpg) no-repeat center; background-size:cover; padding:50px 0 50px 50px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative;} .homeP__left:after {content:""; position: absolute; z-index:5; right:-3px; top:0; height:100%; width:100%; background:url(../images/border.png) right top repeat-y; pointer-events: none;} .homeP__left > div {display:flex; flex-direction: column; max-height:100%; overflow:hidden;} .homeP__right {-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1; position: relative; overflow: hidden;} .homeP__right:after {content:""; position: absolute; z-index:-1; left:0; top:0; width:100%; height:100%; background:url(../images/home-bg-right2.jpg) no-repeat top center; background-size:cover; opacity:0.9;} .home-logo {width:80%; max-width:400px;} .plus-logo {width:105px; position: absolute; right:40px; top:40px;} .homeP .videoThumb__inner {width:180px; position: absolute; right:80px; bottom:40px; text-decoration: none!important;} .homeP .videoThumb__inner h3 {font-size:14px;} .homeP .videoThumb__preview {height:95px; background-position: center; background-size:cover; background-repeat: no-repeat;} .scrollDown {position: relative; z-index:10; font-size:65px; width:65px; height:65px; margin:0 0 0 50px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.4); box-shadow:2px 2px 5px rgba(0,0,0,.4); color:rgba(255,255,255,.8); line-height:0; padding:0; outline:none!important; background:none; border:none; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .scrollDown:hover {color:#fff;} img.himg-l {position: absolute; right:0; bottom:0; max-height:100%; pointer-events: none;} body[data-page="svt"] img.himg-l {min-width:425px;} .mainNav { margin: 80px 0 40px; padding: 5px 50px 5px 50px; position: relative; z-index:10; height:100%; overflow:hidden; overflow-y:auto;} .mainNav ul {list-style:none; margin:0; padding:0;} .mainNav ul li + li {margin-top:15px;} .mainNav ul li.menu-item-has-children > a {display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;} .mainNav ul li.menu-item-has-children > a .subMenuToggle {font-size:14px; padding:10px; margin-left:10px} .mainNav ul li.li-showSubMenu > ul {display: block;} .mainNav ul li.li-showSubMenu > a .subMenuToggle i {display: block; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} .mainNav ul ul {padding:20px 0 10px 20px; margin:0!important; display: none;} .mainNav ul ul a {font-size:18px; font-weight:normal;} .mainNav a {font-family: 'Oswald', sans-serif; font-weight:500; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.95); color:#fff!important; font-size:26px; text-decoration: none!important; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .mainNavCnt {position: fixed; z-index:200; left:-380px; top:0; height:100%; width:380px; background: rgba(0,0,0,.8); -webkit-box-shadow:0 0 3px 5px rgba(0,0,0,.8); box-shadow:0 0 3px 5px rgba(0,0,0,.8); padding:40px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; overflow:auto; visibility: hidden; opacity:0; -webkit-transition:visibility 350ms ease, opacity 350ms ease, left 350ms ease; -o-transition:visibility 350ms ease, opacity 350ms ease, left 350ms ease; transition:visibility 350ms ease, opacity 350ms ease, left 350ms ease;} .mainNavCnt a {outline:none;} .mainNavCnt > div, .mainNavCnt > nav {position: relative; z-index:10;} .mainNavCnt .home-logo {max-width:260px;} .mainNavCnt .mainNav {padding-top:55px; padding-bottom:40px; padding:55px 0 40px; margin:0; height:auto; overflow:initial;} .mainNavCnt .socialNav {padding-left: 52px;} .mainNavCnt__actions {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; margin:-20px -10px 40px 0;} .mainNavCnt__actions button {padding:5px; background: none; border:none; outline:none!important; line-height:0; font-size:18px; color:#fff; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .mainNavCnt__actions button + button {margin-left:25px;} .navToggleCnt {width:100%; max-width:1980px; position: fixed; left:50%; top:50px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:180; pointer-events: none; visibility: visible; opacity:1; -webkit-transition:visibility 250ms ease, opacity 250ms ease; -o-transition:visibility 250ms ease, opacity 250ms ease; transition:visibility 250ms ease, opacity 250ms ease;} .navToggle {line-height:0; padding:10px 10px 10px 15px; width:60px; height:45px; border:none; background: #3b3b3c; color:#fff; font-size:22px; position: relative; pointer-events: all; opacity:1; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition:background 250ms ease, opacity 450ms ease, -webkit-transform 250ms ease; transition:background 250ms ease, opacity 450ms ease, -webkit-transform 250ms ease; -o-transition:transform 250ms ease, background 250ms ease, opacity 450ms ease; transition:transform 250ms ease, background 250ms ease, opacity 450ms ease; transition:transform 250ms ease, background 250ms ease, opacity 450ms ease, -webkit-transform 250ms ease;} .navToggle:after {content:""; position: absolute; right:-8px; top:0; width:20px; height:100%; background: #3b3b3c; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; -webkit-transform:skewX(-6deg); -ms-transform:skewX(-6deg); transform:skewX(-6deg); -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} body.is-home .navToggleCnt {visibility: hidden; opacity:0;} body.is-home .navToggle {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); } body.is-home.mt-visible .navToggleCnt {visibility: visible; opacity:1;} body.is-home.mt-visible .navToggle {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} body.show-nav .mainNavCnt {left:0; visibility: visible; opacity:1;} body.show-nav .navToggle {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); opacity:0;} body.show-nav:after {visibility: visible; opacity: 1;} .eLinks {position: absolute; left:0; bottom:0; height:100%; max-width:1024px; width:70%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;} .eLinks img {width:auto; max-height:100%; position: absolute; left:0; bottom:0; z-index:1; pointer-events: none;} .eLinks ul {list-style:none; margin:0; padding:0;} .eLinks ul li {position: relative; float:left; clear:both;} .eLinks ul li:before {content:""; position: absolute; right:100%; top:50%; margin-top:-5px; height:10px; width:800px; background:url(../images/bean.svg) repeat-x right center; background-size: 22px auto; -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top; opacity:0.8;} .eLinks ul li > span {font-family: 'Oswald', sans-serif; font-weight:500; font-size:32px; color:#fff; text-shadow: 2px 2px 2px rgba(0,0,0,.25); padding:0 10px 2px; line-height:1; background:transparent; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease; position: relative; z-index:5;} .eLinks ul li > div {position: absolute; left: -35px; top: 50%; width: 240px; background-position: right center; background-repeat: no-repeat; background-size: contain; height: 116px; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .eLinks ul li > span:hover {text-decoration: none;} .eLinks ul li + li {margin-top:80px;} .eLinks ul li:first-child {margin-left:-250px;} .eLinks ul li:nth-child(2) {margin-left:-125px;} .eLinks ul li:nth-child(3) {margin-left:-55px;} .eLinks ul li:nth-child(4) {margin-left:-20px;} .eLinks ul li:nth-child(6) {margin-left:-20px;} .eLinks ul li:nth-child(7) {margin-left:-55px;} .eLinks ul li:nth-child(8) {margin-left:-125px;} .eLinks ul li:first-child:before {-webkit-transform:rotate(-51deg);-ms-transform:rotate(-51deg);transform:rotate(-51deg)} .eLinks ul li:nth-child(2):before {-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg)} .eLinks ul li:nth-child(3):before {-webkit-transform:rotate(-32deg);-ms-transform:rotate(-32deg);transform:rotate(-32deg)} .eLinks ul li:nth-child(4):before {-webkit-transform:rotate(-25deg);-ms-transform:rotate(-25deg);transform:rotate(-25deg)} .eLinks ul li:nth-child(5):before {-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)} .eLinks ul li:nth-child(6):before {-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)} .eLinks ul li:nth-child(7):before {-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)} .eLinks ul li:nth-child(8):before {-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)} .eLinks ul li:nth-child(4n+1) > span {background: rgba(0, 174, 239, 0.6);} .eLinks ul li:nth-child(4n+1) > span:hover {background: rgba(0, 174, 239, 1);} .eLinks ul li:nth-child(4n+2) > span {background: rgba(236, 0, 140, 0.6);} .eLinks ul li:nth-child(4n+2) > span:hover {background: rgba(236, 0, 140, 1);} .eLinks ul li:nth-child(4n+3) > span {background: rgba(244, 123, 32, 0.6);} .eLinks ul li:nth-child(4n+3) > span:hover {background: rgba(244, 123, 32, 1);} .eLinks ul li:nth-child(4n+4) > span {background: rgba(122, 193, 67, 0.6);} .eLinks ul li:nth-child(4n+4) > span:hover {background: rgba(122, 193, 67, 1);} @media (max-width:1681px){ .eLinks ul li:before {background-size: 16px auto;} /*.eLinks ul li span {font-size:35px;}*/ .eLinks ul li + li {margin-top:50px;} } @media (max-width:1161px){ body.show-nav {overflow:hidden;} body.is-home .navToggleCnt {visibility: visible; opacity:1;} body.is-home .navToggle {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} .section-home {display: none;} .navToggleCnt {top:20px;} } @media (max-width:681px){ .mainNavCnt {max-width:320px; left:-320px;} .mainNavCnt .home-logo {width:100%; max-width: 220px;} .mainNavCnt .socialNav, .mainNav {padding-top:35px; padding-left:0;} } /* Intro - qi section */ .section-intro {padding:0; border-top:solid 30px #000;} .introP {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .introP__left {width:33.333%; background:#fff; padding:50px 50px 50px 120px;} .introP__left h2 {position: relative; z-index:15;} .introP__right {width:66.667%; background:url(../images/b-bg.jpg) no-repeat center; background-size:cover; padding:60px 40px;} .introP__cta {text-align: left; margin:0; padding:0; position: relative; z-index:2;} .introP__cta .btn {width:100%; max-width:545px; min-height:90px; font-size:30px; position: relative; z-index:5;} .introP__cta-imgMain {max-width:none; width: -webkit-calc(100% + 100px); width: calc(100% + 100px);} .introP__cta-imgBottom {margin:-40px 0 0 -55px; max-width:390px;} .introP.introP--zap.introP--reverse .introP__left {order:2;} .introP.introP--zap.introP--reverse .introP__left .introP__cta-imgMain {width: calc(100% + 80px); margin:40px 0 0px -69px;} .introP.introP--zap:not(.introP--reverse) .introP__left .introP__cta-imgMain {margin:80px 0 0;} .introP.introP--zap .videoPl__main {position: relative;} .introP.introP--zap .videoPl__main:after {content:""; position: absolute; right:100%; top:0; height:90%; width:400px; background: url(../images/ap-right-to-left.svg) no-repeat left center;} .introP.introP--zap.introP--reverse .videoPl__main:after {left:100%; right:auto; background: url(../images/ap-left-to-right.svg) no-repeat left center;} .introP.introP--zap .introP__cta-imgMain {width:100%;} .introP.introP--istu .introP__cta-imgMain {width:100%;} .introP.introP--istu .videoPl__main:after {height:100%; width:360px;} .introP.introP--mobz .introP__cta-imgMain {margin-left:-70px; width: calc(100% + 140px);} .introP.introP--mobz .videoPl__main {position: relative;} .introP.introP--mobz .videoPl__main:after {content:""; position: absolute; right:100%; top:-50px; height:90%; width:400px; background: url(../images/ap-right-to-left.svg) no-repeat left center;} .introP.introP--svt .introP__cta-imgMain {margin-left:0px; width: calc(100% + 0px); margin-top:90px;} .introP.introP--svt .videoPl__main {position: relative;} .introP.introP--svt .videoPl__main:after {content:""; position: absolute; right:100%; top:0px; height:90%; width:400px; background: url(../images/ap-right-to-left.svg) no-repeat left center;} [data-page="ss"] .introP.introP--svt .introP__cta-imgMain {max-height:550px; width:auto; display: block; margin-left:auto; margin-right:auto;} @media (max-width:1800px){ .introP.introP--svt .videoPl__main:after, .introP.introP--mobz .videoPl__main:after {height:80%; width:300px;} .introP.introP--svt .videoPl__main:after {top:50px;} } @media (max-width:1504px){ .introP.introP--svt .videoPl__main:after, .introP.introP--mobz .videoPl__main:after {content:none;} .introP.introP--zap:not(.introP--reverse) .videoPl__main:after {top:20%;} } @media (max-width:1361px){ .introP__left {padding:40px;} .introP__cta-imgBottom {margin: -25px 0 0 -34px; max-width: 270px;} .introP.introP--zap.introP--reverse .introP__left .introP__cta-imgMain {width: calc(100% + 60px); margin:40px 0 -79px -30px;} } @media (max-width:1161px){ .introP {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center} .introP__left, .introP__right {width:100%;} .introP__left {max-width:540px; padding:40px 20px;} .introP__cta {padding:0 20px;} .introP__cta-imgMain {width:100%;} .introP.introP--zap.introP--reverse .introP__left .introP__cta-imgMain {width: 100%; margin:-25px 0 0;} .introP.introP--zap:not(.introP--reverse) .introP__left .introP__cta-imgMain {margin:0;} } @media (max-width:960px){ .introP.introP--svt .introP__cta-imgMain {margin-top:0;} } /* P. description */ .section-desc {padding:60px 0;} .igDescBG {-webkit-box-align: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;align-items: stretch} .igDescBG .blockGrid__left {width:55%; position: relative;} .igDescBG .blockGrid__left .igDesc__imgAl {position: absolute; right:0; top:0; width:300px;} .igDescBG .blockGrid__left .igDesc__imgAr {position: absolute; right:20px; bottom:-20px; width:400px;} .igDescBG .blockGrid__left .igDesc__imgM {margin:-120px 0 0; position: relative; z-index:-1;} .igDescBG .blockGrid__right {width:45%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .igDescBG .blockGrid__right ul.number-ul {margin:85px 0 100px} .qiBlocksBG {width:-webkit-calc(100% + 30px);width:calc(100% + 30px); margin:-15px; margin-top:60px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center} .qiBlocksBG .blockGrid__item {width:20%; padding:15px;} .qib {text-align: center;} .qib__image {padding:0 20px} .qib__btn {margin:30px 0 30px;} .qib__btn .btn {width:100%;} .qib__desc {font-size:20px;} body[data-page="svt"] .igDescBG .blockGrid__left .igDesc__imgAl {top:60px;} body[data-page="ss"] .igDescBG .blockGrid__left .igDesc__imgM {margin-top: -150px; margin-bottom: 100px;} @media (min-width: 1491px) { body[data-page="i-sta"] .igDescBG .blockGrid__left .igDesc__imgM {margin: -100px 0 60px;} body[data-page="ss"] .igDescBG .blockGrid__left .igDesc__imgM {margin-top: -50px;} } @media (max-width:1491px){ .igDescBG .blockGrid__left .igDesc__imgM {margin: -20px 0 0;} .igDescBG .blockGrid__left .igDesc__imgAl {top: 90px; -webkit-transform: rotate(-11deg); -ms-transform: rotate(-11deg); transform: rotate(-11deg);} .qiBlocksBG .blockGrid__item {/*min-width:260px;*/} .qib__image {max-width:95%; display: block; margin:0 auto;} } @media (max-width:1400px){ body[data-page="svt"] .igDescBG .blockGrid__left .igDesc__imgAl {display: none;} } @media (max-width:1281px){ .qiBlocksBG {width:-webkit-calc(100% + 20px);width:calc(100% + 20px); margin:-10px; margin-top:50px;} .qiBlocksBG .blockGrid__item {padding:10px;} } @media (max-width:1161px){ .igDescBG {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; text-align: center;} .igDescBG ul {text-align:left;} .igDescBG .blockGrid__left {width:auto; } .igDescBG .blockGrid__right {width:auto; max-width:480px} .igDescBG .blockGrid__left .igDesc__imgAl, .igDescBG .blockGrid__left .igDesc__imgAr {display: none;} .igDescBG .blockGrid__left .igDesc__imgM {width:100%; max-width:480px; display: block; margin:35px auto 0;} .igDescBG .blockGrid__right ul.number-ul {margin:45px 0 60px;} .qiBlocksBG {margin-top:40px; max-width: 680px; margin-left: auto; margin-right: auto; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;} .qiBlocksBG .blockGrid__item {margin-top:20px; width:33.333%;} body[data-page="ss"] .igDescBG .blockGrid__left .igDesc__imgM {margin:40px auto 0;} } @media (max-width:721px){ .qiBlocksBG {margin-top:40px; margin-left:-10px; margin-bottom:-10px;} .qiBlocksBG .blockGrid__item {margin-top:20px; width:33.333%;} } @media (max-width:581px){ .qiBlocksBG .blockGrid__item {width:50%;} } @media (max-width:421px){ .qiBlocksBG .blockGrid__item {width:100%;} .qib {max-width:320px; margin:0 auto;} } /* Video player */ .videoPl {max-width:980px; margin:0 auto; position: relative; z-index:10;} .videoContainer {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; border:solid 20px #3b3b3c; background:#555556; -webkit-box-shadow:0 0 10px rgba(0,0,0,.8); box-shadow:0 0 10px rgba(0,0,0,.8);} .videoContainer iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none;} .videoPl__thumbnails {margin:40px 0 0;} .videoThumb {color:#fff; font-size:18px; cursor: pointer; max-width: 300px; margin: 0 auto;} .videoThumb p {margin:12px 0 0;} .videoThumb__inner {padding:12px 12px 26px; background: #3b3b3c; -webkit-box-shadow:0 0 6px rgba(0,0,0,.8); box-shadow:0 0 6px rgba(0,0,0,.8);} .videoThumb__inner h3 {font-size:18px; margin:0 0 8px; color:#fff;} .videoThumb__inner[data-fancybox] {} .videoThumb__inner[data-fancybox]:before, .videoThumb__inner[data-fancybox]:after {content:none;} .videoThumb__preview {height:120px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; position: relative; padding:10px; background-position: center!important; background-size:cover!important; background-repeat: no-repeat!important;} .videoThumb__preview img:first-child {width:50%; max-width:75px;} .videoThumb__preview img:last-child {width:100%; position: absolute; left:0; bottom:-19px} .videoContainer-dark {border-color:#221f1f; border-width:30px; -webkit-box-shadow:none; box-shadow:none;} .videoContainer-dark iframe {border: solid 15px #3b3b3c;} .videoCarousel .owl-nav {position: absolute; left:-60px; top:80px; pointer-events: none; width:-webkit-calc(100% + 120px); width:calc(100% + 120px); padding:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .owl-nav button {line-height:0; pointer-events: all; opacity:0.45; -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease;} .owl-nav button:hover {opacity:1;} .owl-nav button i {font-size:35px; color:#fff;} .owl-nav button.disabled {opacity:0.2; pointer-events: none;} .owl-dots {display: none;} .videoPl--page {margin:60px auto;} .videoPl--page .videoThumb p {padding:0 10px; color:#3C3B3C; text-shadow:0px 0px 5px rgba(0,0,0,.3)} [data-page="ss"] .videoPl__thumbnails .owl-item:first-child .videoThumb__preview, [data-page="ss"] .videoPl__thumbnails .owl-item:nth-child(5n) .videoThumb__preview, [data-page="i-stu"] .videoPl__thumbnails .owl-item:first-child .videoThumb__preview, [data-page="i-stu"] .videoPl__thumbnails .owl-item:nth-child(5n) .videoThumb__preview {background: #2babe2!important;} [data-page="ss"] .videoPl__thumbnails .owl-item:nth-child(4n-2) .videoThumb__preview, [data-page="i-stu"] .videoPl__thumbnails .owl-item:nth-child(4n-2) .videoThumb__preview {background: #eb0a8c!important;} [data-page="ss"] .videoPl__thumbnails .owl-item:nth-child(4n) .videoThumb__preview, [data-page="i-stu"] .videoPl__thumbnails .owl-item:nth-child(4n) .videoThumb__preview {background: #7bc143!important;} @media (max-width:1681px){ .videoCarousel {padding:0 60px;} .videoCarousel .owl-nav {left:0; width:100%;} } @media (max-width:681px){ .videoContainer {border-width:10px;} .videoContainer-dark iframe {border:none;} } @media (max-width:481px){ .videoCarousel {padding:0;} .videoCarousel .owl-nav {position: static; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin:20px 0 0} .videoCarousel .owl-nav button + button {margin-left:20px;} } /* Quick info */ .section-qi {background: url(../images/qi-bg.jpg) no-repeat center; background-size:cover; padding:60px 0;} .section-qi--istu {background: url(../images/qi-istu-bg.jpg) no-repeat center; background-size:cover; padding:90px 0;} .section-qi--ista {background: url(../images/qi-ista-bg.jpg) no-repeat center; background-size:cover; padding:90px 0;} .section-qi--zz {background: url(../images/qi-bg-2.jpg) no-repeat center; background-size:cover; padding:120px 0 60px 0;} .section-qi--svt {background: url(../images/svt-banner-bg.jpg) no-repeat center; background-size:cover; padding:90px 0;} .section-qi--mobz {background: url(../images/mobz-bg-banner.jpg) no-repeat center; background-size:cover; padding:90px 0;} .section-qi .row {max-width:none;} .inBsd {color:#fff; text-align: center;} .inBsd h2 {font-size:75px; font-weight:600; margin:0 0 10px;} .inBsd p {font-family: 'Oswald'; font-weight:300; font-size:36px; margin:0;} .inBsd .btn {margin-top:30px;} @media (max-width:1480px){ .inBsd h2 {font-size:45px;} .inBsd p {font-size:24px;} } .qiBG {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -ms-flex-wrap:Wrap; -webkit-flex-wrap:Wrap; flex-wrap:Wrap;} .qi {width:280px; height:280px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(43,171,226,.4); display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; padding:15px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; color:#fff; text-align: center; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} .qi__title {font-family: 'Oswald', sans-serif; font-weight:bold; font-size:55px;} .qi__content {font-family: 'Oswald', sans-serif; font-weight:300; font-size:28px; margin:10px 0 0;} .qiBG .blockGrid__item {padding:20px;} .qiBG .blockGrid__item:nth-child(4n+1) .qi {background: rgba(43,171,226,.55);} .qiBG .blockGrid__item:nth-child(4n+1) .qi:hover {background: rgba(43,171,226,1);} .qiBG .blockGrid__item:nth-child(4n+2) .qi {background: rgba(235,10,140,.55);} .qiBG .blockGrid__item:nth-child(4n+2) .qi:hover {background: rgba(235,10,140,1);} .qiBG .blockGrid__item:nth-child(4n+3) .qi {background: rgba(244,123,32,.55);} .qiBG .blockGrid__item:nth-child(4n+3) .qi:hover {background: rgba(244,123,32,1);} .qiBG .blockGrid__item:nth-child(4n+4) .qi {background: rgba(123,193,67,.55);} .qiBG .blockGrid__item:nth-child(4n+4) .qi:hover {background: rgba(123,193,67,1);} @media (max-width:1740px){ .qi {width:240px; height:240px;} } @media (max-width:1491px){ /*./qi {width:240px; height:240px;} .qi__title {font-size:55px;} .qi__content {font-size:28px;}*/ .qiBG .blockGrid__item {padding:10px;} } @media (max-width:1161px){ .qi {width:200px; height:200px;} .qi__title {font-size:44px;} .qi__content {font-size:22px;} } @media (max-width:681px){ .qi {width:160px; height:160px;} .qi__title {font-size:38px;} .qi__content {font-size:20px; margin:5px 0 0;} } /* News */ .section-news {padding:45px 0 100px;} .newsBG {width:-webkit-calc(100% + 20px);width:calc(100% + 20px); margin:-10px;} .newsBG .blockGrid__item {width:25%; padding:10px;} .newsE {color: #3C3B3C!important; display: block; padding:0 10px;} .newsE__image {-webkit-border-radius:8px;border-radius:8px; overflow: hidden; -webkit-box-shadow:3px 4px 9px 0px rgba(0,0,0,.35); box-shadow:3px 4px 9px 0px rgba(0,0,0,.35);} .newsE__text {margin:15px 0 0; text-align: center;} .newsE__text date {font-size:18px; color:#b1b0b2;} .newsE__text h2 {font-size:30px; font-weight:500; text-transform: uppercase;} .newsE__text date + h2 {margin:15px 0 15px;} {text-decoration: none;} .readMore {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; line-height:0; margin:20px 0 0; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .readMore__text {font-weight:bold; font-size:18px; margin-right:10px;} .readMore__icon {font-size:35px; position: relative; right:0; -webkit-transition:right 250ms ease; -o-transition:right 250ms ease; transition:right 250ms ease;} .newsE:hover {text-decoration: none;} .newsB {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; border-bottom:solid 2px #d1d3d4; padding:30px 0; color:#3b3b3c!important;} .newsB:first-child {padding-top:0;} .newsB__image {width:400px;} .newsB__image img {width:100%; vertical-align: top; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 3px 3px 9px 3px rgba(0,0,0,.25); box-shadow: 3px 3px 9px 3px rgba(0,0,0,.25);} .newsB__content {width:-webkit-calc(100% - 400px);width:calc(100% - 400px); padding-left:40px; padding-bottom:50px; position: relative;} .newsB__content date {font-size:18px; color:#afafb0;} .newsB__content h3 {font-size:30px; margin:0; font-weight:600; text-transform: uppercase;} .newsB__content p {font-size:20px;} .newsB__more {position: absolute; right:0; bottom:0; font-weight:bold; font-size:18px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .newsB__more i {font-size:35px; margin-left:10px; position: relative; right:0; -webkit-transition:right 250ms ease; -o-transition:right 250ms ease; transition:right 250ms ease;} .newsB:hover {text-decoration: none;} .newsB:hover .newsB__more i {right:-5px;} .news-image {width:100%; margin:0; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,.4); box-shadow:2px 2px 5px 1px rgba(0,0,0,.4);} .news-date {margin:25px 0 40px; display: block;} .newsFooter {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin:80px 0 0;} .socialShare {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;} .socialShare strong {} .socialShare .socialNav {margin-left:20px;} .socialShare .socialNav a {-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);box-shadow: 1px 1px 5px rgba(0,0,0,.5);} .arrowPagination ul {list-style:none; margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;} .arrowPagination ul li {color:#3b3b3c;} .arrowPagination ul li + li {margin:0 0 0 20px;} .arrowPagination ul li a {font-size:25px; color:#939598;} .arrowPagination ul li a:hover {text-decoration: none;} .pagination {margin:40px 0 0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size:18px; color:#3b3b3c;} .pagination .page-numbers {margin:0 7px; color: #3b3b3c; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .pagination .page-numbers i {font-size:30px;} .pagination a.page-numbers:hover {text-decoration: none;} .newsCarousel {margin:60px 0 40px 0;} @media (max-width:1761px){ .newsCarousel {padding:0 45px;} .newsCarousel .owl-nav {position: absolute; left:0px; top:50%; margin-top:-17px; pointer-events: none; width:100%; padding:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .newsCarousel .owl-nav i {color: #3C3B3C;} .newsE {padding:0 15px;} } @media (max-width:1161px){ .newsB {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;} .newsB__image {width:100%; max-width:380px;} .newsB__content {width:100%; padding:0; margin-top:25px;} .newsB__content h3 {font-size:28px;} .newsB__content p {font-size:18px;} .newsB__more {position: static; margin-top:20px;} .newsE__text h2 {font-size:28px;} } @media (max-width:961px){ .newsFooter {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; margin-top:40px;} .newsFooter > div:first-child {-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start;} .newsFooter > div:first-child:not(:last-child){-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-order:2;order:2; -ms-flex-item-align:start; -webkit-align-self:flex-start; align-self:flex-start; margin-top:40px;} .newsFooter > div:last-child:not(:first-child){-webkit-box-ordinal-group:2;-ms-flex-order:1;-webkit-order:1;order:1;} } @media (max-width:481px){ .socialShare {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start;} .socialShare .socialNav {margin:10px 0 0 -5px;} .newsCarousel {padding:0;} .newsCarousel .owl-nav {position: static; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin:30px 0 0;} .newsCarousel .owl-nav button + button {margin-left:20px;} } /* Stories */ .section-stories {background: url(../images/stories-bg.jpg) no-repeat center; background-size:cover;} .section-stories .titleTagContainer {margin-top:-105px} /*.section-stories.zpi {position: relative; margin-bottom:50px;} .section-stories.zpi:after {content:""; position: absolute; left:0; top:100%; height:50px; width:100%; background: #7bc143;}*/ body[data-page="zaposleni"] .section-stories {background-image: url(../images/stories-bg-zaposleni.jpg);} body[data-page="i-stu"] .section-stories {background-image: url(../images/i-stu-stories-bg.jpg);} body[data-page="i-sta"] .section-stories {background-image: url(../images/stories-ista-bg.jpg);} body[data-page="i-svt"] .section-stories {background-image: url(../images/sub-page-header.jpg);} body[data-page="svt"] .section-stories {background-image: url(../images/svt-stories-bg.jpg);} body[data-page="i-sta"] .section-desc h2.c-primary {margin-top:-40px;} body[data-page="ss"] .section-stories {background-image: url(../images/stories-ss-bg.jpg);} .storyBlock {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; color:#3C3B3C!important;} .storyBlock__image {position: relative; width:320px; height:315px; padding:5px 0 0 10px;} .storyBlock__image:before {content:""; width:310px; height:310px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left:0px; top:0; -webkit-box-shadow: 4px 3px 8px rgba(0,0,0,.5); box-shadow: 4px 3px 8px rgba(0,0,0,.5);} .storyBlock__image > div {width:300px; height:300px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background-position:center; background-size:cover; position: relative; z-index:2;} .storyBlock__text {-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1; padding:50px 100px 40px 100px; margin-left:-45px; background: rgba(255,255,255,.65); -webkit-border-radius:10px; border-radius:10px; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} .storyBlock__text h2 {font-family: 'Roboto Condensed', sans-serif; font-size:30px; font-weight:bold; margin:0 0 15px;} .storyBlock__actions {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end;} .storyBlock__actions i.icon-arrow-circle-right {font-size:35px;} .author {font-weight:bold;} .author__name {} .storiesCarousel .owl-nav {position: absolute; left:-60px; top:50%; margin-top:-17px; pointer-events: none; width:-webkit-calc(100% + 120px); width:calc(100% + 120px); padding:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .storyBlock:hover {text-decoration: none;} .storyBlock:hover .storyBlock__text {background: #fff;} .storyBG {-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; width:-webkit-calc(100% + 30px); width:calc(100% + 30px); margin:0 -15px -10px;} .storyBG .blockGrid__item {width:33.333%; padding:10px 15px;} .storyB {display: block; padding-bottom:80%; position: relative; overflow:hidden; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow:4px 4px 7px rgba(0,0,0,.45); box-shadow:4px 4px 7px rgba(0,0,0,.45);} .storyB__image {position: absolute; z-index:2; left:0; top:0; width:100%; height:100%; background-position: center; background-size:cover; background-repeat: no-repeat; overflow:hidden; -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); -webkit-transition:-webkit-transform 400ms ease; transition:-webkit-transform 400ms ease; -o-transition:transform 400ms ease; transition:transform 400ms ease; transition:transform 400ms ease, -webkit-transform 400ms ease;} .storyB__content {position: absolute; z-index:5; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); padding:20px 25px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; color:#fff; font-size:22px; font-weight:bold; text-align: center; opacity:0; -webkit-transition: opacity 450ms ease; -o-transition: opacity 450ms ease; transition: opacity 450ms ease;} .storyB__content p {margin:0;} .storyB__content i {font-size:50px; opacity:0.8; margin:25px 0} .storyB:hover .storyB__content {opacity:1;} .storyB:hover .storyB__image {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} @media (max-width:1761px){ .storiesCarousel {padding:0 60px;} .storiesCarousel .owl-nav {left:0; width:100%;} } @media (max-width:1161px){ .section-stories {margin:0;} .section-stories .titleTagContainer {margin-top:-80px} .storyBlock {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;} .storyBlock__text h2 {font-size:28px;} .storyBlock__image {margin-bottom:-30px;} .storyBlock__text {text-align: center; padding:50px 30px 30px; margin:0;} .storyBlock__actions {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top:20px;} .storyBlock__actions i.icon-arrow-circle-right {margin-top:15px;} .storiesCarousel .owl-nav {left:0; width:100%;} .storyBG {width:-webkit-calc(100% + 20px);width:calc(100% + 20px); margin:-10px;} .storyBG .blockGrid__item {padding:10px;} .storyB__content {font-size:22px;} .storyB__content i {font-size:40px;} } @media (max-width:961px) and (min-width:861px){ .storyB__content {font-size:18px;} } @media (max-width:861px){ .storyBG .blockGrid__item {width:50%;} } @media (max-width:681px){ .storyBG .blockGrid__item {width:100%;} } @media (max-width:481px){ .storyBlock {padding:0;} .storyBlock__image {width:280px; height:275px;} .storyBlock__image:before {width:270px; height:260px;} .storyBlock__image > div {width:260px; height:250px;} .storiesCarousel {padding:0;} .storiesCarousel .owl-nav {display: none;} } /* Newsletter */ .section-newsletter {color:#fff; padding:20px 0;} .newsletter {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative;} .newsletter:before {content:""; width:130px; height:115px; background: url(../images/newsletter-icon.svg) no-repeat center; background-size:cover; opacity:0.45;} .newsletter h2 {margin:0; text-align: center;} .newsletter h3 {margin:0; text-align: center;} .newsletter__text {padding:0 80px 0 40px;} .newsletter__form {position: relative; -webkit-box-flex:1; -ms-flex:1; -webkit-flex:1; flex:1; display:flex; justify-content: flex-end; gap:16px;} .newsletter__form input::-webkit-input-placeholder {font-style:italic; font-weight:300;} .newsletter__form input:-moz-placeholder {font-style:italic; font-weight:300;} .newsletter__form input::-moz-placeholder {font-style:italic; font-weight:300;} .newsletter__form input:-ms-input-placeholder {font-style:italic; font-weight:300;} .newsletter__form input {width:100%; border:none; height:60px; padding:10px 70px 10px 30px; -webkit-border-radius:6px; border-radius:6px; background: #fff; color:#3b3b3c; border: solid 2px transparent;} .newsletter__form:not(.inbt) button {position: absolute; background: none; right:20px; top:50%; margin-top:-20px; color:#3b3b3c; font-size:30px; line-height:0; border:none; outline:none!important; padding:5px; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .newsletter__form p {margin:0;} .newsletter__form .wpcf7-not-valid-tip {display: none!important;} .newsletter__form .wpcf7-response-output {width:100%; font-size:16px; font-style:italic; margin:5px 0 -8px!important; padding-left:30px!important;} .newsletter .info-text {font-weight:300; font-style: italic; font-size:16px; padding:0 0 0 30px; margin:8px 0 -10px;} .newsletter.newsletter--new .newsletter__text {padding:0;} .newsletter.newsletter--new .newsletter__form {text-align: right;} .tnlBtn { padding:10px 18px; background: #fff; box-shadow:3px 4px 4px rgba(0,0,0,.43); font-weight:700; font-size:24px; line-height:1.1; color:#F47B20; border:none; outline:none; border-radius: 6px; height:60px; } [data-theme='purple'] .tnlBtn {color:#eb0a8c;} [data-theme='purple'] .form__row button {background:#eb0a8c;} [data-theme='purple'] .cb__icon:before {background: #eb0a8c;} [data-theme='blue'] .tnlBtn {color:#2babe2;} [data-theme='blue'] .form__row button {background:#2babe2;} [data-theme='blue'] .cb__icon:before {background: #2babe2;} [data-theme='green'] .tnlBtn {color:#7bc143;} [data-theme='green'] .form__row button {background:#7bc143;} [data-theme='green'] .cb__icon:before {background: #7bc143;} @media (max-width: 1280px) { .newsletter.newsletter--new .newsletter__form {text-align: center; margin:20px 0 0!important; justify-content: center;} .newsletter.newsletter--new .newsletter__form .tnlBtn {font-size:20px; height:auto; margin:0;} } [data-page="ss"] .section-newsletter, [data-page="i-stu"] .section-newsletter {background: #eb0a8c!important;} @media (max-width:1401px){ .newsletter:not(.newsletter--new):before {display: none;} .newsletter__text {padding-right:50px} } @media (max-width:1280px){ .section-newsletter {padding:40px 0;} .newsletter {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;} .newsletter:before {display: block; position: absolute; left:20px; top:20px;} .newsletter__text {padding:0;} .newsletter__form {width:100%; max-width:480px; margin-top:20px;} .newsletter__form input {height:60px; padding:10px 50px 10px 20px;} .newsletter__form button {font-size:28px; margin-top:-19px; right:10px;} .newsletter .info-text, .newsletter__form .wpcf7-response-output {text-align: center; padding-left:0!important; font-size:14px;} } @media (max-width:681px){ .newsletter__text br {display: none;} } /* Sub header */ .section-subheader {background-image:url(../images/sub-page-header.jpg); background-position: center; background-size:cover; background-repeat: no-repeat; color:#fff; min-height:280px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:end; -ms-flex-align:end; -webkit-align-items:flex-end; align-items:flex-end; padding:45px 0 35px; -webkit-box-shadow:0 -2px 7px 5px rgba(0,0,0,.5); box-shadow:0 -2px 7px 5px rgba(0,0,0,.5); position: relative; z-index:10;} .section-subheader h1 {font-size:70px; font-weight:600; margin:0; text-shadow:3px 3px 3px rgba(0,0,0,.5);} .section-subheader.zz {background-image: url(../images/sub-page-header-zaposleni.jpg);} body[data-page="i-sta"] .section-subheader {background-image: url(../images/sub-page-header-ista.jpg)!important;} body[data-page="svt"] .section-subheader {background-image: url(../images/sub-page-header.jpg)!important;} .section-subheader.sntt {flex-direction: column;} .banner-logo {width:300px; display:block; margin:0px 0 -42px -300px;} .banner-logo img {width:100%;} @media (max-width:1800px) { .banner-logo {margin:0;} } @media (max-width: 1161px) { .banner-logo {width:50%; max-width:200px; margin-top:-50px;} } .breadcrumbs ul {list-style:none; margin:15px 0 0; padding:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; font-size:20px;} .breadcrumbs ul li {margin:0!important;} .breadcrumbs ul li:not(:last-child):after {content:">"; margin:0 8px;} .breadcrumbs ul li a {color:#fff;} .breadcrumbs ul li span {font-weight:bold;} @media (max-width:1161px){ .section-subheader { min-height:0; padding:80px 0 20px;} .section-subheader h1 {font-size:50px;} .breadcrumbs ul {font-size:16px;} } /* Link block list */ .linkBlockList {} .linkBlockList ul {list-style:none; padding:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; margin-top:-60px; margin-bottom:60px; height:150px; justify-content: center;} .linkBlockList ul li {-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1; max-width:390px;} .linkBlockList ul li a {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #d1d3d4; font-size:18px; font-weight:bold; color:#3b3b3c!important; height:120px; text-align: center; padding:25px 20px 20px; text-transform: uppercase; -webkit-transition:all 250ms ease; -o-transition:all 250ms ease; transition:all 250ms ease;} .linkBlockList ul li + li {margin:0 0 0 6px;} .linkBlockList ul li a:hover {color:#fff!important; text-decoration: none;} @media (min-width:1516px){ .linkBlockList ul#menu-kip-stranski-meni-1 {width: calc(100% + 328px); margin-left: -164px;} } [data-page="svt"] .linkBlockList ul li, [data-page="i-sta"] .linkBlockList ul li {max-width:185px;} .linkBlockListVert {margin:0;} .linkBlockListVert ul {list-style:none; margin:0; padding:0;} .linkBlockListVert + a {margin-top:25px; display:inline-block;} .linkBlockListVert a {background: #d1d3d4; text-transform: uppercase; width:-webkit-calc(100% - 20px); width:calc(100% - 20px); font-size:18px; font-weight:bold; color:#3b3b3c!important; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; min-height:80px; padding:10px 20px 10px 35px; -webkit-transition:all 250ms ease; -o-transition:all 250ms ease; transition:all 250ms ease;} .linkBlockListVert a + a, .linkBlockListVert li + li {margin-top:6px;} .linkBlockListVert li.current-menu-item > a, .linkBlockListVert a.active, .linkBlockListVert a:hover {color:#fff!important; text-decoration: none; width:100%; padding-left:55px; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;} .linkBlockListVert +.textBlock {margin-top:0;} .linkBlockListVert-news a {width:100%; padding:10px 20px 10px 35px!important;} .linkBlockListVert-news a:hover {-webkit-border-radius:0;border-radius:0;} [data-lbv-mobile] {display: none;} [data-page="i-stu"] .linkBlockListVert .menu li:nth-child(4n) > a:hover, [data-page="i-stu"] .linkBlockListVert .menu li:nth-child(4n).current-menu-item > a {background: #2babe2;} [data-page="i-stu"] .linkBlockListVert .menu li:nth-child(3n) > a:hover, [data-page="i-stu"] .linkBlockListVert .menu li:nth-child(3n).current-menu-item > a {background: #7bc143;} [data-page="i-stu"] .linkBlockListVert .menu li:nth-child(4n+1) > a:hover, [data-page="i-stu"] .linkBlockListVert .menu li:nth-child(4n+1).current-menu-item > a {background: #eb0a8c;} [data-page="i-stu"] .linkBlockListVert .menu li:nth-child(4n-2) > a:hover, [data-page="i-stu"] .linkBlockListVert .menu li:nth-child(4n-2).current-menu-item > a {background: #f47b20;} @media (max-width:1161px){ .linkBlockListVert a {font-size:18px; min-height:60px; padding:10px 20px 10px 20px; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; width:100%;} .linkBlockListVert a.active, .linkBlockListVert a:hover {padding-left:30px} .linkBlockListVert + a {padding-left:20px;} .linkBlockList ul {margin-top:-45px; margin-bottom:40px;} .linkBlockList ul li a {font-size:18px; padding:20px 10px; height:105px;} .linkBlockList a:hover {height:120px; padding-top:30px;} } @media (max-width:961px){ .linkBlockList ul li a {font-size:16px;} .linkBlockList a:hover {height:120px; padding-top:30px;} } @media (min-width:861px){ .linkBlockList a:hover {height:150px; padding-top:48px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px} } @media (max-width:861px){ [data-lbv-mobile] {display: block; width:300px; margin-left:-40px;} [data-lbv-desktop] {display: none;} [data-lbv-mobile] a br {display: none;} } @media (max-width:681px){ [data-lbv-mobile] {margin-left:-20px;} } /* Step list */ .videoContainer + .stepList {margin-top:40px;} .stepList {padding:80px 0;} .stepList__item {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center} .stepList__item + .stepList__item {margin-top:20px;} .stepList__text {font-size:24px; color:#fff; text-align: left; padding:25px 0 45px 130px; width:100%; max-width:660px; -webkit-border-radius:6px; border-radius:6px; position: relative;} .stepList__text:after {content:""; position: absolute; right:-20px; top:0; width:40px; height:100%; background: #bf0870; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; -webkit-transform:skewX(-6deg); -ms-transform:skewX(-6deg); transform:skewX(-6deg);} .stepList__text h2 {font-size:45px; font-weight:bold; margin:0; position: relative; z-index:5;} .stepList__text p {margin:10px 0 0; position: relative; z-index:5;} .stepList__text a {color:inherit!important;} .stepList__icon {/*padding:0 0 0 100px;*/ width:100%; max-width:400px; text-align:left; display:flex; justify-content: center;} .stepList__icon img {width:100%; max-height:130px; max-width:105px;} .stepList__icon img[src*='icon-msg'] {max-width:140px;} .stepList__icon img[src*='icon-check'] {max-width:95px;} .stepList__icon img[src*='icon-euro'] {max-width:90px;} .stepList__icon img[src*='icon-confirm'] {max-width: 180px; max-height: none;} /*.stepList__icon + .stepList__text {text-align:left; padding-right:0px; padding-left:130px;} .stepList__text + .stepList__icon {padding:0 0 0 100px; text-align:left;}*/ .stepList__num {position: absolute; z-index:5; left:-50px; top:-50px; font-family: 'Oswald', sans-serif; font-weight:bold; font-size:80px; width:150px; height:150px; -webkit-border-radius: 50%; border-radius: 50%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding:10px; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;} .stepList__item:nth-child(even) .stepList__text {-webkit-box-ordinal-group:2;-ms-flex-order:1;-webkit-order:1;order:1; text-align:right; padding-right:130px; padding-left:0;} .stepList__item:nth-child(even) .stepList__icon {-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-order:2;order:2; text-align:right; /*padding:0 100px 0 0;*/} .stepList__item:nth-child(even) .stepList__text:after {-webkit-transform:skewX(6deg);-ms-transform:skewX(6deg);transform:skewX(6deg); -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; left:-20px; right:auto;} .stepList__item:nth-child(even) .stepList__num {right:-50px; left:auto;} .stepList__item:nth-child(4n+1) .stepList__text {background: #bf0870;} .stepList__item:nth-child(4n+1) .stepList__text h2 {color:#f478c0;} .stepList__item:nth-child(4n+1) .stepList__text:after {background:#bf0870;} .stepList__item:nth-child(4n+1) .stepList__text .stepList__num {background:#eb0a8c; color:#eb0a8c;} .stepList__item:nth-child(4n+2) .stepList__text {background: #207da6;} .stepList__item:nth-child(4n+2) .stepList__text h2 {color: #76c8ec;} .stepList__item:nth-child(4n+2) .stepList__text:after {background: #207da6;} .stepList__item:nth-child(4n+2) .stepList__text .stepList__num {background:#2babe2; color:#2babe2;} .stepList__item:nth-child(4n+3) .stepList__text {background: #5a8c30;} .stepList__item:nth-child(4n+3) .stepList__text h2 {color: #a9d785;} .stepList__item:nth-child(4n+3) .stepList__text:after {background: #5a8c30;} .stepList__item:nth-child(4n+3) .stepList__text .stepList__num {background:#7bc143; color:#7bc143;} .stepList__item:nth-child(4n+4) .stepList__text {background: #c76418;} .stepList__item:nth-child(4n+4) .stepList__text h2 {color: #f8a96e;} .stepList__item:nth-child(4n+4) .stepList__text:after {background: #c76418;} .stepList__item:nth-child(4n+4) .stepList__text .stepList__num {background:#f47b20; color:#f47b20;} .cblDiv {margin:90px 0 80px;} .cblDiv > div:first-child {text-align: center;} .cblDiv > div:first-child img {max-width:530px;} .cblDiv .titleTagContainer {margin-top:20px; margin-bottom:60px; display: block; position: relative; z-index:10;} .cblDiv .ttBG {width:calc(100% + 60px); margin-left:-30px;} .cblDiv .ttBG > .blockGrid__item {padding:0 30px; width:50%;} .tagSp {background: #7bc143; color:#fff!important; text-align: center; font-family:'Oswald'; font-size:30px; font-weight:normal; padding:5px 15px 5px 55px; display:flex; width:calc(100% - 10px); margin-left:10px; /*clip-path: polygon(0 0, 100% 0%, 99% 100%, 0% 100%);*/ position: relative;} .tagSp:before, .tagSp:after {content:""; position: absolute; left:0; top:0; height:100%; background: #7bc143; transform:rotate(-6deg); border-radius:3px 0 0 3px;} .tagSp:before {left:10px; width:20px; } .tagSp:after {left:-10px;width:12px; } @media (max-width:960px) { .cblDiv {margin:60px 0 40px;} .cblDiv .titleTagContainer {margin:20px 0 40px;} } @media (max-width:1161px){ .stepList {padding-bottom:40px;} .stepList__num {width:100px; height:100px; font-size: 60px;} .stepList__text {font-size:20px; padding-left:50px; max-width:400px;} .stepList__text h2 {font-size:35px;} .stepList__item:nth-child(even) .stepList__text {padding-right:50px; padding-left:0;} .stepList__icon img {max-height: 110px; max-width: 70px;} .stepList__icon img[src*='icon-msg'] {max-width:110px;} .stepList__icon img[src*='icon-check'] {max-width:65px;} .stepList__icon img[src*='icon-euro'] {max-width:65px;} } @media (max-width:961px){ .stepList {padding:100px 50px 40px;} .stepList__icon {display: none;} .videoContainer + .stepList {margin-top:0px;} } @media (max-width:581px){ .stepList {padding:60px 30px 0;} .stepList__text {font-size:18px; padding-left:40px; padding-bottom:25px;} .stepList__text h2 {font-size:30px;} .stepList__text p br {display: none;} .stepList__item:nth-child(even) .stepList__text {padding-right:40px; padding-left:0;} .stepList__num {width:60px; height:60px; font-size: 40px; left:-25px; top:-25px;} .stepList__item:nth-child(even) .stepList__num {left:auto; right:-25px;} } .rezizmBG {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-top:-20px; margin-bottom:-20px;} .rezizmBG .blockGrid__item {width:33.333%; padding:20px;} .spl {display: block; background: #3C3B3C; color:#fff!important; -webkit-border-radius: 8px; border-radius: 8px; overflow:hidden;} .spl__image {height:200px; background-position: center; background-repeat: no-repeat; background-size:cover;} .spl__content {padding:25px 30px;} .spl__content h3 {font-size:22px; margin:0 0 15px;} .spl__content p {margin:0;} .spl__content .read-more {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin:15px -10px -10px 0; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .spl__content .read-more i {font-size:34px; margin-left:10px;} .spl:hover {text-decoration: none;} .spl:hover .read-more {color:#7bc143;} .chnav {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:-webkit-calc(100% + 10px); width:calc(100% + 10px); margin:-10px 0 40px -5px;} .chnav > a {margin:5px; height:50px; border:solid 1px #7bc143; color:#7bc143; font-size:18px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding:10px 25px; -webkit-border-radius: 5px; border-radius: 5px;} .chnav > a:hover, .chnav > a.active {background: #7bc143; color:#fff; text-decoration: none;} .chnav.is-loading {pointer-events: none;} [data-page="ss"] .chnav > a {border-color:#f47b20;} [data-page="ss"] .chnav > a:hover, [data-page="ss"] .chnav > a.active {background: #f47b20;} @media (max-width:1161px){ .chnav {margin-bottom:20px;} .rezizmBG .blockGrid__item {width:50%} } @media (max-width:680px){ .rezizmBG {width: -webkit-calc(100% + 20px);width: calc(100% + 20px); margin-left: -10px; margin-top:-10px; margin-bottom:-10px;} .rezizmBG .blockGrid__item {width:100%; padding:10px;} } /* Inner bg */ .innerBG > .blockGrid__sidebar {width:320px;} .innerBG > .blockGrid__main {width:-webkit-calc(100% - 320px);width:calc(100% - 320px);} .innerBG > .blockGrid__main p + p img {margin:25px 0;} .innerBG > .blockGrid__main p + p:last-child img {margin-bottom:0;} @media (max-width:1161px){ .innerBG > .blockGrid__sidebar {margin-left:-20px; width:280px;} .innerBG > .blockGrid__main {width:-webkit-calc(100% - 280px);width:calc(100% - 280px);} } @media (max-width:861px){ .innerBG {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;} .innerBG > .blockGrid__sidebar {margin-top:45px; -webkit-box-ordinal-group:3; -ms-flex-order:2; -webkit-order:2; order:2;} .innerBG > .blockGrid__main {width:100%; -webkit-box-ordinal-group:2; -ms-flex-order:1; -webkit-order:1; order:1;} } /* Doc list */ .docList {margin:40px 0 0;} .docList h2 {font-size:45px; color:#d1d3d4; letter-spacing:1px; font-weight:600; margin:0 0 -10px; padding:0 0 0 10px;} .docList > ul {background: #d1d3d4; -webkit-border-radius:6px; border-radius:6px; min-height:70px; padding:15px 35px; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease; position: relative; z-index:2; list-style:none; margin:0;} .docList a {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; padding:4px 0; font-size:20px; color:#3b3b3c!important;} .docList a i {font-size:35px; color:inherit; margin-right:20px;} .docList + p {margin-top:25px;} .docList a:hover {text-decoration: none;} .docList a:hover span {text-decoration: underline;} .textBlock + .docList {margin-top:60px;} .docListLight ul {list-style:none; margin:0; padding:0;} .docListLight ul li {border-bottom:solid 2px #d1d3d4;} .docListLight ul li + li {margin:0;} .docListLight ul li a {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; min-height:80px; padding:10px 20px; color:#3C3B3C;} .docListLight ul li a i {font-size:35px; width:35px; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .docListLight ul li a i + span {-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1; padding-left:20px;} .docListLight ul li a:hover {text-decoration: none;} /*.docListLight ul li a:hover span {text-decoration: underline;}*/ .docListLight > strong {display: block; margin:0 0 20px;} .docListLight.docListLight-dense > strong {margin:0;} .docListLight.docListLight-dense ul li a {min-height:0;} .docListLight.docListLight-color ul li {border:none;} .docListLight.docListLight-color ul li a {min-height:50px; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; position: relative;} .docListLight.docListLight-color ul li a i {color:#3C3B3C!important;} .docListLight.docListLight-color ul li + li {margin-top:5px;} .docListLight.docListLight-color ul li a span {color:#fff; font-weight:bold;} .docListLight.docListLight-color ul li a:after {content:""; position: absolute; right:-20px; top:0; width:40px; height:100%; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; -webkit-transform: skewX(-6deg); -ms-transform: skewX(-6deg); transform: skewX(-6deg);} .docListLight.docListLight-color ul li.li-bg-orange a, .docListLight.docListLight-color ul li.li-bg-orange a:after {background: #f47b20!important;} .docListLight.docListLight-color ul li.li-bg-blue a, .docListLight.docListLight-color ul li.li-bg-blue a:after {background: #2babe2!important;} .docListLight.docListLight-color ul li.li-bg-green a, .docListLight.docListLight-color ul li.li-bg-green a:after {background: #7bc143!important;} .docListLight.docListLight-color ul li.li-bg-purple a, .docListLight.docListLight-color ul li.li-bg-purple a:after {background: #eb0a8c!important;} .docListLight.docListLight-color ul li:nth-child(4n+1) a, .docListLight.docListLight-color ul li:nth-child(4n+1) a:after {background: #f47b20!important;} .docListLight.docListLight-color ul li:nth-child(4n+2) a, .docListLight.docListLight-color ul li:nth-child(4n+2) a:after {background: #2babe2!important;} .docListLight.docListLight-color ul li:nth-child(4n+3) a, .docListLight.docListLight-color ul li:nth-child(4n+3) a:after {background: #7bc143!important;} .docListLight.docListLight-color ul li:nth-child(4n+4) a, .docListLight.docListLight-color ul li:nth-child(4n+4) a:after {background: #eb0a8c!important;} .docListLight + .docListLight {margin-top:60px;} @media (max-width:1161px){ .docListLight ul li a {padding:10px;} .docListLight ul li a i {font-size: 30px; width: 30px;} .docListLight ul li a i + span {padding-left:20px;} .docList a {font-size:18px;} .docList a i {margin-right:15px;} .docList > div {padding:15px 20px;} } @media (max-width:861px){ .docListLight + .docListLight {margin-top:40px;} .docListLight.docListLight-color ul li a {max-width: -webkit-calc(100% - 20px);max-width: calc(100% - 20px);} } .eInTableC {overflow:auto;} .eInTable {min-width:500px; width:100%; font-size:20px; border-radius: 8px 8px 0 0; overflow: hidden;} .eInTable td, .eInTable th {background: #d1d3d4; border-bottom:solid 8px #fff; padding:15px; text-align: left;} .eInTable th {font-size:26px; height:90px;} /* Info price */ .infoPriceT {margin:40px 0;} .infoPriceT .infoPriceT__item {background: #d1d3d4; padding:15px;} .infoPriceT .infoPriceT__item:first-child {-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;} .infoPriceT .infoPriceT__item:last-child {-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;} .infoPriceT .infoPriceT__item > div {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .infoPriceT .infoPriceT__item > div h4 {margin:0 0 15px; font-weight:bold; color: #3C3B3C!important; font-family: 'Roboto Condensed', sans-serif;} .infoPriceT .infoPriceT__item > div h4:last-child {margin-bottom:0;} .infoPriceT .infoPriceT__item > div p {margin:0;} .infoPriceT .infoPriceT__item > div:first-child {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;} .infoPriceT .infoPriceT__item > div:last-child p:first-child:not(:last-child) {max-width:260px;} .infoPriceT .infoPriceT__item > div:last-child p:last-child:not(:first-child) {-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1; padding-left:30px;} .infoPriceT .infoPriceT__item + .infoPriceT__item {margin-top:10px;} .infoPriceT .infoPriceT__item h4 + .flex {margin-top:20px;} .infoPriceT .infoPriceT__item .flex {display:flex; align-items:flex-start;} .infoPriceT .infoPriceT__item .flex > div + div {margin-left:30px;} .infoPriceT .infoPriceT__item .flex > div.cwi {margin-right:0px;} .infoPriceT .infoPriceT__item .flex > div.cwi img {width:35px; margin-top:-6px;} .infoPriceT.infoPriceT--spe .infoPriceT__item.fs {background: none; padding-bottom:0; padding-top:0;} .infoPriceT.infoPriceT--spe .infoPriceT__item.fs h3 {margin:0; color:#3C3B3C;} .infoPriceT.infoPriceT--spe .infoPriceT__item > div > div:last-child {width:240px;} .infoPriceT.infoPriceT--sde .infoPriceT__item > div:last-child > div:first-child {width:240px;} .infoPriceT.infoPriceT--sde .infoPriceT__item > div:last-child > div:last-child {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; padding-left:30px;} @media (max-width:860px) { .infoPriceT .infoPriceT__item .flex {flex-wrap:wrap;} .infoPriceT .infoPriceT__item .flex > div.cwi {margin-right:10px;} .infoPriceT .infoPriceT__item .flex > div.cwi img {width:25px; margin:0;} .infoPriceT .infoPriceT__item .flex > div:not(.cwi) {width:100%; margin:0!important;} .infoPriceT .infoPriceT__item .flex > div:not(.cwi) + div {margin-top:10px!important;} } /* Accordion */ .accordion {border-bottom:solid 2px #d1d3d4;} .accordion__trigger {font-size:20px; position: relative; padding:10px 0; min-height:60px; padding-right:60px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .accordion__trigger:after {content:"\e909"; font-family:'icomoon'; font-size:30px; line-height:1; position: absolute; right:0; top:13px;} .accordion__content {display: none; padding:10px 0 20px;} .accordion__content p {margin:15px 0;} .accordion__content p:first-child {margin-top:0;} .accordion__content p:last-child {margin-bottom:0;} .accordion__trigger:hover, .accordion.is-visible .accordion__trigger {cursor: pointer;} .accordion.is-visible .accordion__trigger {font-weight:bold;} .accordion.is-visible .accordion__trigger:after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} .accordion.is-visible .accordion__content {display: block;} @media (max-width:1161px){ .accordion__trigger {font-size:20px; min-height:60px;} .accordion__trigger:after {font-size:30px; top:16px;} .accordion__content {padding-top:5px;} } @media (max-width:681px){ .infoPriceT .infoPriceT__item > div {display: block;} .infoPriceT .infoPriceT__item > div h4 {margin:0;} .infoPriceT .infoPriceT__item > div + div {margin:10px 0 0;} .infoPriceT .infoPriceT__item > div:last-child p {max-width:none!important; width:100%!important; -webkit-box-flex:0!important; -ms-flex:none!important; -webkit-flex:none!important; flex:none!important;} .infoPriceT .infoPriceT__item > div:last-child p:last-child:not(:first-child) {padding:0; margin-top:8px;} } .ytIframe {position: relative; width:100%; max-width:980px; padding-bottom:56.25%; height:0; margin:0 auto 50px;} .ytIframe iframe {position: absolute; left:-2px; top:-2px; width:calc(100% + 4px)!important; height:calc(100% + 4px)!important; border: solid 10px #413b3c;} /* Gallery */ .galleryBG {width:-webkit-calc(100% + 20px);width:calc(100% + 20px); margin:-10px; margin-top:30px; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;} .galleryBG .blockGrid__item {width:33.333%; padding:10px;} .galleryBG .blockGrid__item a {display: block; -webkit-box-shadow:3px 3px 4px 0px rgba(0,0,0,.4); box-shadow:3px 3px 4px 0px rgba(0,0,0,.4);} .gallery {margin:60px auto;} .gallery__item a {width:100%; display: block; box-shadow: 3px 3px 4px 0px rgb(0 0 0 / 40%);} .gallery[data-ipr] {display:flex; flex-wrap:wrap; width:calc(100% + 20px); margin:40px 0 40px -10px;} .gallery[data-ipr] > .gallery__item {width:100%; padding:10px;} .gallery[data-ipr="2"] > .gallery__item {width:50%;} .gallery[data-ipr="3"] > .gallery__item {width:33.333%;} .gallery[data-ipr="4"] > .gallery__item {width:25%;} @media (max-width:960px){ .gallery[data-ipr="4"] > .gallery__item {width:33.333%;} } @media (max-width:481px){ .galleryBG {width:-webkit-calc(100% + 10px);width:calc(100% + 10px); margin:-5px; margin-top:20px;} .galleryBG .blockGrid__item {width:50%; padding:5px;} .gallery[data-ipr] {width:calc(100% + 10px); margin:20px 0 20px -5px;} .gallery[data-ipr="2"] > .gallery__item, .gallery[data-ipr="3"] > .gallery__item, .gallery[data-ipr="4"] > .gallery__item {width:50%; padding:5px;} } /* Contact */ .cForm label {display: block; margin:0 0 12px;} .cForm input, .cForm select, .cForm textarea {height:50px; width:50%; padding:10px; border:solid 2px #d1d3d4; -webkit-border-radius:6px; border-radius:6px;} .cForm textarea {height:200px; width:100%; resize:none;} .cForm__row + .cForm__row {margin-top:20px;} .cfEmailH {visibility: hidden; height:0; width:0; opacity:0;} .spBG {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;} .spBG .blockGrid__item {width:50%; max-width:480px;} .spBG .blockGrid__item .socialNav {margin-top:40px; margin-bottom:40px;} .spBG--sp {flex-wrap:wrap;} .spBG--sp > .blockGrid__item {margin-bottom:25px;} @media (max-width: 861px) { .spBG--sp > .blockGrid__item {margin-bottom:0;} } .infoBlockCnt {max-width:480px;} .infoBlockCnt + .infoBlockCnt {margin-top:25px;} .infoBlockCnt + h4 {margin-top:35px;} .infoBlock {background: #d1d3d4; -webkit-border-radius:6px; border-radius:6px; font-size:20px; width:100%; max-width:440px; padding:30px 60px;} .infoBlock table {width:100%;} .infoBlock table td {width:100%; padding:2px 10px} .infoBlock table td:first-child {padding-left:0;} .infoBlock table td:last-child {padding-right:0;} .infoBlock-primary {color:#fff;} .lavt {display:flex; flex-direction: column;} @media (max-width:1161px){ .infoBlock {font-size:20px; padding: 15px 20px;} } @media (max-width:861px){ .spBG {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column} .spBG .blockGrid__item {max-width:none; width:100%;} .spBG .blockGrid__item + .blockGrid__item {margin-top:40px;} .infoBlockCnt, .infoBlock {max-width:none; font-size:18px;} .cForm input, .cForm select, .cForm textarea {width:100%;} } /* Popup */ .popupC {position: fixed; min-width:320px; inset:0; z-index:999; background:rgba(45, 44, 45, .5); display:flex; align-items:center; justify-content: center; pointer-events: none; opacity:0; transition:opacity 300ms;} .popupC--loading:after {content:""; position: absolute; inset:0; background: url(../images/ajax-spinner.svg) no-repeat center; background-size:100px;} .popupC__inner {max-height: 100vh; width:100%; overflow: auto; pointer-events: none; opacity:0; transition:opacity 300ms; position: relative; z-index:100;} .popup {background: url(../images/popup-bg.jpg) no-repeat center #272626; background-size:cover; padding:40px; margin:20px auto; width:calc(100vw - 40px); max-width:1260px; min-width:280px; color:#E4E4E4; font-size:16px; position: relative;} .popup__close {position: absolute; right:0; top:0; padding:10px; line-height:0; border:none; outline:none; background: none; font-size:18px;} .popup h2 {text-align: center; font-size:35px;} .popup h2 img {width:auto; height:40px;} .popup h2 * + * {margin-top:20px;} .popup .blockGrid__item {width:50%;} .popup__map {margin:0 0 10px;} .popup__map svg {width:100%;} .popup .svgLink {display:inline-block;} .popup .svgLink svg {height:42px; width:auto;} .popup div + p {margin-top:25px;} .popup .il-st0{clip-path:url(#SVGID_00000177462388167847487780000014237890976658253722_);} .popup .il-theme {fill:#DF0E7B;} .popup .il-st2{clip-path:url(#SVGID_00000072992830089665277280000011735050090306691475_);} .popup .il-st3{fill:#B0AFB1;} .popup .il-st4{clip-path:url(#SVGID_00000176749258842818040420000002566882839685740710_);} .popup .il-st5{fill:#FFFFFF;} .popup[data-color="orange"] .il-theme {fill:#F26311!important;} .popup[data-color="blue"] .il-theme {fill:#00A1ED!important;} .popup[data-color="green"] .il-theme {fill:#7BC143!important;} .popupC--loading {opacity: 1; pointer-events: all;} .popupC--visible, .popupC--visible .popupC__inner {opacity: 1; pointer-events: all;} .form__row label {display: block; font-weight:400; margin:0 0 5px;} .form__row label.error {font-weight:normal; font-size:12px; color:#f00; margin:5px 0 0;} .form__row label sup {color:#f00;} .form__row input {width:100%; height:40px; border:solid 1px #3b3b3c; padding:6px 12px; color:#000; font-weight:normal;} .form__row input.error {background: #f5c4c4; border-color:#f00!important} .form__row button {border:none; padding:10px 24px; font-size:18px; margin:10px 0 0; font-weight:600; background: #f47b20;} .form__row + .form__row {margin-top:16px;} .cb {display:inline-flex!important; gap:12px; align-items:center; cursor: pointer; position: relative;} .cb__input {display: none;} .cb__icon {width:20px; min-width:20px; height:20px; display:flex; justify-content: center; align-items:center; align-self:flex-start; background: #fff; border:solid 1px #3b3b3c; } .cb__icon:before {content:""; width:10px; height:10px; background: #f47b20; opacity:0;} .cb__input.error ~ .cb__icon {background: #f5c4c4; border-color:#f00!important} .cb__input:checked ~ .cb__icon:before {opacity:1;} .cb label.error {position: absolute; top:calc(100% - 10px); left:0; margin:0;} .cb label.error ~ .cb__label {margin-bottom:16px;} #newsletterPopupC .popup {max-width:505px;} @media (max-width:960px){ .popup .blockGrid {flex-wrap:wrap;} .popup .blockGrid__item {width:100%;} .popup .blockGrid__item + .blockGrid__item {margin-top:40px;} } @media (max-width:480px){ .popup {padding:20px;} .popup .svgLink svg {height:auto; width:100%;} } /* Footer */ .footer {background: url(../images/footer-bg.jpg) no-repeat center; background-size:cover; font-weight:400; color:#fff; padding:60px 0 40px; position: relative;} .footer a {color:inherit!important;} .footer ul {list-style:none; margin:0; padding:0;} .footer ul li + li {margin-top:5px;} .footer .cr {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex; align-items:flex-end; display:flex; color:#939598; font-size:15px; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top:50px;} .footer .cr p {margin:0;} .footerBG {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; margin-bottom:45px;} .footerBG-bot {-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start} .footerBG-bot .blockGrid__item-do {-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1; padding-left:60px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:end; -ms-flex-align:end; -webkit-align-items:flex-end; align-items:flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom:20px;} @media (min-width:1161px){ .footerBG:not(.footerBG-bot) > .blockGrid__item {flex:1;} .footerBG:not(.footerBG-bot) > .blockGrid__item:first-child {flex:1.25;} } .notification {padding:20px; -webkit-border-radius:6px; border-radius:6px;} .notification table {width:100%;} .notification table td:first-child:not(:last-child) {padding-right:35px} button.scrollToTop {position: absolute; right:20px; top:65px; padding:0; line-height:0; font-size:60px; color:#fff; opacity:0.8; border:none; background: none; outline:none!important; -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease;} button.scrollToTop:hover {opacity:1;} .cookie {position: fixed; z-index:300; right:40px; bottom:40px; width:100%; max-width:320px; min-width:280px; background: #3b3b3c; color:#fff; text-align: center; padding:20px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 1px 9px 2px rgba(0,0,0,.65); box-shadow: 0px 1px 9px 2px rgba(0,0,0,.65); opacity:0; visibility: hidden; -webkit-transition:opacity 300ms ease, visibility 300ms ease; -o-transition:opacity 300ms ease, visibility 300ms ease; transition:opacity 300ms ease, visibility 300ms ease;} .cookie img {width:150px; margin:10px 0 0;} .cookie a {color:#939598!important; font-weight:300;} .cookie p {margin:15px 0} .cookie button {padding:0; margin:3px 0 0; background: none; outline:none!important; border:none; font-size:50px; line-height:0; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .cookie button + p {margin:10px 0 0;} .cookie.tmp-show {opacity:1; visibility: visible;} .cookie.tmp-hide {opacity:0; visibility: hidden; pointer-events: none;} .cookie-notice-container {padding:15px 50px!important;} .cookie-notice-container .cn-close-icon {left:15px; right:auto;} @media (max-width: 900px) { .cookie-notice-container #cn-notice-buttons { display:flex; flex-wrap:wrap; justify-content: center; gap:10px; } .cookie-notice-container #cn-notice-buttons a { margin:0!important; } } #open_sogoacc {z-index:100001;} @media (max-width:1681px){ button.scrollToTop {font-size:45px; top:57px; right:15px;} } @media (max-width:1401px){ .footerBG-bot .blockGrid__item-do {padding-left:10px;} .footerBG-bot .blockGrid__item-do .socialNav + img {max-width:350px!important;} } @media (max-width:1161px){ .footer {text-align: center;} .footerBG {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom:0;} .footerBG + .footerBG {margin-top:40px;} .footerBG .blockGrid__item {width:100%;} .footerBG .blockGrid__item + .blockGrid__item {margin-top:40px;} .notification {display:inline-block;} .notification tr {display: block;} .notification tr + tr {margin-top:10px;} .notification td {display: block; padding:2px 0!important;} .footerBG-bot .blockGrid__item-do {-webkit-box-flex:0;-ms-flex:none;-webkit-flex:none;flex:none; display: block; padding:0 20px;} .footerBG-bot .blockGrid__item-do .socialNav {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; margin:0 0 40px} .footer .cr {display: block; margin-top:40px;} .footer .cr > div + div {margin-top:10px;} button.scrollToTop {display: none;} } @media (max-width:681px){ .cookie {right:20px; bottom:20px; max-width:280px;} .cookie img {width:120px;} .cookie button {font-size:40px;} } .blockGrid.bbBG {flex-wrap:wrap; width:calc(100% + 28px); margin:-14px 0 -14px -14px;} .blockGrid.bbBG > .blockGrid__item {width:33.333%; padding:14px;} .blockGrid.bbBG.mb-22 {margin-bottom:180px;} .bbIT {display:flex; height:300px; text-decoration: none!important; background-position: center; background-size:cover; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; box-shadow: 2px 2px 12px rgba(0,0,0,.6);} .bbIT__title {display:flex; flex-direction: column; justify-content:center; align-items:center; height:100%; width:100%; background: rgba(59,59,60,.6); color:#fff; font-size:22px; font-weight:bold; padding:20px; text-align: center; opacity:0; transition:opacity 300ms;} .bbIT__title:after {content: "\e900"; font-family:'icomoon'; font-size:50px; line-height:1; display: block; margin-top:34px;} .bbIT:hover .bbIT__title {opacity: 1;} @media (max-width:1161px){ .blockGrid.bbBG.mb-22 {margin-bottom:-14px;} .blockGrid.bbBG > .blockGrid__item {width:50%;} } @media (max-width:681px){ .blockGrid.bbBG > .blockGrid__item {width:100%;} .bbIT {height:auto; min-height:280px;} } .blockGrid.rpgBG {flex-wrap:wrap; margin:-25px 0 -20px -20px; align-items: stretch;} .blockGrid.rpgBG .blockGrid__item {width:50%; padding:20px;} .tags {display:flex; flex-wrap:wrap; width:calc(100% + 8px); margin:-4px 0 10px -4px;} .tags span {background: #f47b20; color:#fff; font-size:12px; border-radius: 2px; margin:4px; padding:3px 10px;} .rpg {display:flex; flex-direction: column; height:100%; background: #3C3B3C; color:#fff!important; -webkit-border-radius: 8px; border-radius: 8px; overflow:hidden;} .rpg__image {height:200px; background-position: center; background-repeat: no-repeat; background-size:cover;} .rpg__content {padding:25px 30px 10px; flex:1;} .rpg__content h3 {font-size:21px; margin:0 0 15px;} .rpg__content p {margin:0;} .rpg__actions {padding:0 30px 25px 30px;} .rpg__actions .read-more {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin:15px -10px -10px 0; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .rpg__actions .read-more i {font-size:34px; margin-left:10px;} .rpg:hover {text-decoration: none;} .rpg:hover .read-more {color:#f47b20;} .ajaxContainer {position: relative;} .ajaxContainer.is-loading:after {content:""; position: absolute; inset:0; background: url(../images/ajax-spinner-dark.svg) no-repeat center rgba(255,255,255,.5); background-size:120px;} @media(max-width: 1161px) { .blockGrid.rpgBG {width:100%; margin:10px 0 0 0;} .blockGrid.rpgBG .blockGrid__item {width:100%; padding:0;} .blockGrid.rpgBG .blockGrid__item + .blockGrid__item {margin-top:20px;} } .icblock {text-align: center; color:#3C3B3C; max-width: 400px; margin:0 auto;} .icblock__image {margin-bottom: 48px;} .icblock__image img {width: 100%; height: 300px; object-fit: contain;} .icblock__title {font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 500;} .icblock__content {font-size: 20px; margin-top: 15px;} .icblock.icblock--l {text-align:left;} .icblock.icblock--l ul {margin: 0; padding: 0 0 0 30px;} .icblock.icblock--l ul li + li {margin-top: 0;} .icblock.icblock--l .icblock__title {min-height: 81px;} @media (max-width:1161px) { .icblock {max-width: 680px;} .icblock__image {margin-bottom: 16px;} .icblock__title {font-size: 24px;} .icblock__content {font-size: 18px;} } [data-flex-grid] { --columns: 3; --gap: 16px; flex-wrap: wrap; display: flex; gap: var(--gap); } [data-flex-grid] > * { width: calc( (100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)) ); } [data-flex-grid="iblocks"] { margin-top: 48px; } @media (max-width:1161px) { [data-flex-grid="iblocks"] { --columns:1; --gap:48px; margin-top: 24px; } } [data-flex="iblocks-sp"] { display: flex; gap:20px; margin-bottom: 120px; } [data-flex="iblocks-sp"] > div {flex:1;} [data-flex="iblocks-sp"] > div:last-child:not(:first-child) {max-width: 640px;} [data-flex="iblocks-sp"] img {margin-top: -85px;}