/* colman 7-5-24*/ body { background: #FFF; font-family: 'AlmoniDlAAA', arial, tahoma; text-align: right; direction: rtl; color: #060909; overflow-x: hidden; } .right { float: right; } .left { float: left; } .center { text-align: center; } .hide { display: none; } .relative { position: relative; } .table { display: table; } .table-thead { display: table-header-group; } .table-tbody { display: table-row-group; } .table-row { display: table-row; } .table-cell { display: table-cell; } .d-ltr { direction: ltr; } .underline { text-decoration: underline; } .cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .icon { vertical-align: middle; display: inline-block; position: relative; } .btn { overflow: hidden; position: relative; border: none; } a { color: #060909; } .bg, .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .cover img{width:100%;height:auto;max-width:100%} .clear:after { content: ''; clear: both; display: table; } .no-border { border: none !important; } .no-paddingside { padding-right: 0 !important; padding-left: 0 !important; } /* Demo */ body.demo:before { content: ''; clear: both; display: block; height: 9000px; width: 100%; background-position: top 649px center; position: absolute; left: 0; top: 0; background-image: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/demo.png'); background-repeat: no-repeat; background-color: #FFF; opacity: 1; z-index: -2; } body.demo > * { opacity: 0.65; } body.demo .container { height: 9000px; } /* Transitions */ a { transition: color 0.15s ease; } .btn_arrow .icon:after, .btn_arrow .icon:before { transition: transform 0.25s ease-in-out,opacity 0.25s ease-in-out; } .btn, .file, .share_bar > li > a, .mixelwcag .open, .flickity-prev-next-button, .flickity-prev-next-button:after, .flickity-page-dots .dot, input[type="text"], textarea, .error_text, .search-box .submit { transition: all 0.15s ease-out; } .btn:after { transition: transform 0.225s ease, opacity 0.225s ease; } .btn:hover:after { transition: transform 0.355s ease, opacity 0.355s ease; } .form_ui .input, .form_ui .input:before { transition: background-color .4s cubic-bezier(.165,.84,.44,1),border-color .4s cubic-bezier(.165,.84,.44,1); } .form_ui .input .label { transition: transform .4s cubic-bezier(.165,.84,.44,1); } .cselect_cont .cselect_custom .title { -webkit-transition: border-color 0.25s cubic-bezier(0.23, 1, 0.32, 1),color 0.25s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: border-color 0.25s cubic-bezier(0.23, 1, 0.32, 1),color 0.25s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: border-color 0.25s cubic-bezier(0.23, 1, 0.32, 1),color 0.25s cubic-bezier(0.23, 1, 0.32, 1); transition: border-color 0.25s cubic-bezier(0.23, 1, 0.32, 1),color 0.25s cubic-bezier(0.23, 1, 0.32, 1); } .cselect_cont .cselect_custom .list { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .autocomplete .suggestions { transition: all 0.15s ease-out; } .hover_highlight .high div > span { transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .hover_highlight:hover .high div > span { transition: color 0.4s cubic-bezier(0.23, 1, 0.32, 1); } .hover_highlight .high div:after { transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } /* Layout */ .container { position: relative; z-index: 2; min-width: 320px; overflow: hidden; /*padding-bottom:2.9375rem;*/ } .container-scroll { z-index: 2; width: 100%; position: relative; overflow: hidden; background: #FFF; } .container-scroll.sm-active { position: fixed; left: 0; top: 0; } .container-scroll section, .container-scroll .section { backface-visibility: hidden; } .sm-disabled { height: auto !important; } .sm-disabled .container-scroll.sm-active { position: relative; left: 0; top: 0; } .sm-disabled .container-scroll section, .sm-disabled .container-scroll .section { transform: none !important; } .innerpage { width: 100%; max-width: 1920px; margin: 0 auto; position: relative; padding: 0 16px; } .innerpage .row { position: relative; } .innerpage .row-col { clear: both; position: relative; } .innerpage:after, .row:after, .row-col:after { content: ''; clear: both; display: table; } .innerpage.tight { padding: 0; max-width: 100%; } .btn { height: 2.875rem; line-height: 2.8125rem; max-width: 400px; position: relative; padding: 0; border: none; width: auto; display: block; color: #ffffff; text-align: center; overflow: hidden; color: #FFF; } .btn:disabled { pointer-events: none; cursor: default; } .btn:after { content: ''; width: 100%; padding-bottom: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.2); z-index: 0; transform-origin: 50% 50%; border-radius: 50%; transform: scale(0.65) translate3d(0,-25%,0); opacity: 0; } .btn > span { display: block; position: relative; z-index: 2; } .btn .icon { top: -1px; position: relative; } .btn .icon { margin-left: 0.625rem; } .btn .icon.icon-l { margin-right: 0.625rem; margin-left: 0; } .btn.btn-s { height: 2.1875rem; line-height: 2.125rem; } .input_error input[type='text'], .input_error textarea { border-color: #e42424 !important; } textarea { resize: none; text-indent: 0; } html { font-size: 16px; } body { font-size: 18px; line-height: 1.45; font-weight: 400; } .f-light { font-weight: 300; } .f-regular { font-weight: 400; } .f-bold { font-weight: 700; } .f-black { font-weight: 900; } .f-120, .f-72, .f-56, .f-48, .f-47, .f-43, .f-40, .f-32, .f-31, .f-30, .f-28, .f-26, .f-25, .f-24 { line-height: 1; } .f-120 { font-size: 7.5rem; } .f-72 { font-size: 4.5rem; } .f-56 { font-size: 3.5rem; } .f-48 { font-size: 3rem; } .f-47 { font-size: 2.9375rem; } .f-43 { font-size: 2.6875rem; } .f-40 { font-size: 2.5rem; } .f-32 { font-size: 32px; } .f-31 { font-size: 31px; } .f-30 { font-size: 30px; } .f-28 { font-size: 28px; } .f-26 { font-size: 26px; } .f-25 { font-size: 25px; } .f-24 { font-size: 24px; } .f-23 { font-size: 23px; } .f-22 { font-size: 22px; } .f-21 { font-size: 21px; } .f-20 { font-size: 20px; } .f-19 { font-size: 19px; } .f-18 { font-size: 18px; } .f-17 { font-size: 17px; } .f-16 { font-size: 16px; } .f-15 { font-size: 15px; } .f-14 { font-size: 14px; } .f-13 { font-size: 13px; } .f-12 { font-size: 12px; } .f-11 { font-size: 11px; } .f-10 { font-size: 10px; } .b-cyan { background-color: #23c9d5; } .b-cyanb { background-color: #38C6BC; } .b-cyand { background-color: #15C4A5; } .b-gray { background-color: #454545; } .b-grayd { background-color: #3e3e3c; } .b-grayb { background-color: #F7F7F7; } .b-blue { background-color: #3e48ce; } .b-blueb { background-color: #4d98fb; } .b-blued { background-color: #2474E4; } .b-purple { background-color: #8759ff; } .b-white { background-color: #ffffff; } .b-white-imp { background-color: #ffffff !important; } .b-orange { background-color: #FF8159; } .b-transparent { background-color: transparent; } .c-cyan { color: #23c9d5; } .c-cyanb { color: #38C6BC; } .c-black { color: #060909; } .c-gray { color: #454545; } .c-grayd { color: #3e3e3c; } .c-blue { color: #3e48ce; } .c-blueb { color: #4d98fb; } .c-blued { color: #2474E4; } .c-white { color: #ffffff; } .c-orange { color: #FF8159; } .bc-cyan { border-color: #23c9d5; } .bc-cyanb { border-color: #38C6BC; } .bc-gray { border-color: #454545; } .bc-grayd { border-color: #3e3e3c; } .bc-blue { border-color: #3e48ce; } .bc-blueb { border-color: #4d98fb; } .bc-purple { border-color: #8759ff; } .bc-white { border-color: #ffffff; } .bc-orange { border-color: #FF8159; } .search-box { width: 43.875rem; height: 4.5625rem; background-color: #fcfcfc; color: #060909; position: relative; margin: 0 auto; } .search-box .icon-search { position: absolute; right: 1.8125rem; top: 0; font-size: 81.81%; line-height: 4.5625rem; color: #000; z-index: 2; } .search-box input[type="text"] { text-indent: 0; width: 100%; height: 100%; display: block; padding: 0; padding-right: 3.6875rem; position: absolute; right: 0; top: 0; border: none; } .search-box .submit { font-size: 81.81%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; border: none; background: none; width: 4.375rem; } .search-box .submit:disabled { color: #cfd3d8; cursor: default; } .search-box .clear_input { position: absolute; left: 4.375rem; top: 0; width: 3.125rem; height: 4.5625rem; text-align: center; z-index: 3; font-size: 1.25rem; opacity: 0; visibility: hidden; transition: all 0.15s ease-out; } .search-box .clear_input .icon { line-height: 4.5625rem; } .search-box.filled .clear_input { opacity: 1; visibility: visible; } .hover_highlight .high { font-size: 0; } .hover_highlight .high div { overflow: hidden; position: relative; display: inline-block; padding: 0 0.3125rem 0.1875rem; margin-bottom: -0.1875rem; } .hover_highlight .high div:after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: #2e66a6; transform: scaleX(0); transform-origin: 0% 0%; } .hover_highlight .high div > span { position: relative; display: block; z-index: 2; color: #000; } .btn-scale { transition: transform 0.225s cubic-bezier(.165,.84,.44,1), background-color 0.225s cubic-bezier(.165,.84,.44,1), opacity 0.225s cubic-bezier(.165,.84,.44,1); transition-delay: 0; position: relative; } .btn-scale > span:not(.tag-count) { z-index: 1; position: relative; } .btn-scale:before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.05); position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: background-color 0.225s cubic-bezier(.165,.84,.44,1),opacity 0.225s cubic-bezier(.165,.84,.44,1); transition-delay: 0; } .btn-scale:not(:disabled):active { transform: scale(0.95); transition: transform 0.1s cubic-bezier(0.47, 0, 0.745, 0.715); } .btn-scale:not(:disabled):active:before { opacity: 1; transition: background-color 0.1s cubic-bezier(0.47, 0, 0.745, 0.715),opacity 0.1s cubic-bezier(0.47, 0, 0.745, 0.715); } .o-link { transition: opacity 0.175s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s; } .o-link:active { transition: opacity 0.05s cubic-bezier(0.47, 0, 0.745, 0.715); opacity: 0.35; } .form_ui .input { position: relative; } .form_ui input[type="text"], .form_ui input[type="password"], .form_ui input[type="email"], .form_ui input[type="tel"] { display: block; width: 100%; background: #FFF; height: 2.5125rem; border: none; text-indent: 0.8333em; color: #060909; } /*height:2.8125rem;*/ @media screen and (max-width: 359px) { html { font-size: 14.22px; } } @media screen and (min-width: 768px) { .innerpage { padding: 0 30px; } body { font-size: 17px; } .f-32 { font-size: 30px; } .f-31 { font-size: 29px; } .f-30 { font-size: 28px; } .f-28 { font-size: 26px; } .f-26 { font-size: 25px; } .f-25 { font-size: 24px; } .f-24 { font-size: 23px; } .f-23 { font-size: 22px; } .f-22 { font-size: 21px; } .f-21 { font-size: 20px; } .f-20 { font-size: 19px; } .f-19 { font-size: 18px; } .f-18 { font-size: 17px; } .f-17 { font-size: 16px; } .f-16 { font-size: 15px; } .f-15 { font-size: 14px; } } @media screen and (max-width: 767px) { .search-box .clear_input { height: 4.125rem; width: 2.5rem; } .search-box .clear_input .icon { line-height: 4.125rem; } } @media screen and (max-width: 1023px) { .btn:not(:disabled):active:after { transform: scale(1.3) translate3d(0,-40%,0); opacity: 1; } .container-scroll.sm-active { position: relative; } .container-scroll.sm-active section { transform: none !important; visibility: visible !important; } .container-scroll.sm-active .parallax-move { transform: none !important; } .btn_arrow:not(:disabled):active .icon:before { transform: scale(0.5) translate3d(-100%,0,0) rotate(0.01deg); opacity: 0; } .btn_arrow:not(:disabled):active .icon:after { transform: translate3d(-120%,0,0) rotate(0.01deg); opacity: 1; } } @media screen and (min-width: 1024px) { .container { /*padding-bottom:3.6875rem;*/ } .innerpage { padding: 0 25px; } .btn:not(:disabled):hover:after { transform: scale(1.3) translate3d(0,-40%,0); opacity: 1; } html { font-size: 12px; } body { font-size: 16px; } .f-32 { font-size: 28px; } .f-31 { font-size: 27px; } .f-30 { font-size: 26px; } .f-28 { font-size: 24px; } .f-26 { font-size: 23px; } .f-25 { font-size: 22px; } .f-24 { font-size: 21px; } .f-23 { font-size: 20px; } .f-22 { font-size: 19px; } .f-21 { font-size: 18px; } 6261626.f-20 { font-size: 17px; } .f-19 { font-size: 17px; } .f-18 { font-size: 16px; } .f-17 { font-size: 15px; } .f-16 { font-size: 14px; } .f-15 { font-size: 13px; } .btn_arrow:not(:disabled):hover .icon:before { transform: scale(0.5) translate3d(-100%,0,0) rotate(0.01deg); opacity: 0; } .btn_arrow:not(:disabled):hover .icon:after { transform: translate3d(-120%,0,0) rotate(0.01deg); opacity: 1; } .hover_highlight:hover .high div:after { transform: scaleX(1); transform-origin: 100% 0%; } .hover_highlight:hover .high div > span { color: #FFF; } } @media screen and (min-width: 1280px) { .innerpage { padding: 0 40px; } body { font-size: 17px; } .f-32 { font-size: 30px; } .f-31 { font-size: 29px; } .f-30 { font-size: 28px; } .f-28 { font-size: 26px; } .f-26 { font-size: 25px; } .f-25 { font-size: 24px; } .f-24 { font-size: 23px; } .f-23 { font-size: 22px; } .f-22 { font-size: 21px; } .f-21 { font-size: 20px; } .f-20 { font-size: 19px; } .f-19 { font-size: 18px; } .f-18 { font-size: 17px; } .f-17 { font-size: 16px; } .f-16 { font-size: 15px; } .f-15 { font-size: 14px; } } @media screen and (min-width: 1440px) { .innerpage { padding: 0 10rem; } html { font-size: 12.8px; } .f-26 { font-size: 25px; } .f-25 { font-size: 24px; } } @media screen and (min-width: 1800px) { .innerpage { padding: 0 15rem; } html { font-size: 16px; } body { font-size: 18px; } .f-32 { font-size: 32px; } .f-31 { font-size: 31px; } .f-30 { font-size: 30px; } .f-28 { font-size: 28px; } .f-26 { font-size: 26px; } .f-25 { font-size: 25px; } .f-24 { font-size: 24px; } .f-23 { font-size: 23px; } .f-22 { font-size: 22px; } .f-21 { font-size: 21px; } .f-20 { font-size: 20px; } .f-19 { font-size: 19px; } .f-18 { font-size: 18px; } .f-17 { font-size: 17px; } .f-16 { font-size: 16px; } .f-15 { font-size: 15px; } } /* ScrollMagic */ .sm-imagereveal { overflow: hidden; } .sm-imagereveal:before, .sm-imagereveal:after { content: ''; width: 100%; height: 20%; z-index: 2; position: absolute; left: 0; top: 0; background: #FFF; transform-origin: 100% 0%; transition: transform 1.0s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s; } .sm-imagereveal:after { height: 80%; top: auto; bottom: 0; transform-origin: 100% 100%; } .sm-imagereveal:not(.sm-imagerevealcarousel) .cover, .sm-imagerevealcarousel .right_in { transform: translate3d(0,0,0) scale(1.25); transition: transform 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transform-origin: 50% 100%; } .sm-imagereveal.sm-active:before, .sm-imagereveal.sm-active:after { transform: scaleY(0); } .sm-imagereveal.sm-active:not(.sm-imagerevealcarousel) .cover, .sm-imagerevealcarousel.sm-active .right_in { transform: translate3d(0,0,0) scale(1.0001); } .sm-fadein { opacity: 0; } .sm-fadein.sm-active { opacity: 1; transition: opacity 0.75s ease 0.25s; } .sm-fadeinscale { opacity: 0; transform: scale(0.95); } .sm-fadeinscale.sm-active { opacity: 1; transition: opacity 0.75s ease 0.25s,transform 0.75s ease 0.25s; transform: scale(1); } .sm-slidecut { overflow: hidden; perspective: 400px; } .sm-slidecut > span:not(.arrow), .sm-slidecut > div > span:not(.arrow) { display: block; transform: translate3d(0,100%,0) rotateY(-20deg) rotateX(20deg); } .sm-slidecut.sm-active > span:not(.arrow), .sm-slidecut.sm-active > div > span:not(.arrow) { transform: translate3d(0,0,0); transition: transform 1.0s cubic-bezier(.245,.495,0,.99); } .sm-shadow:not(.sm-active) { box-shadow: 0 0 0 rgba(0, 0, 0, 0.13) !important; } .sm-shadow.sm-active { transition: box-shadow 1.2s ease 0.35s; } .sm-shadow .bright { transform: scaleY(0); transform-origin: 50% 25%; transition: transform 1.0s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; } .sm-shadow.sm-active .bright { transform: scaleY(1); } .sm-splittext.title-1, .sm-splittext.title-2 { line-height: 0; } .sm-splittext.title-1 .char { line-height: 0.9; } .sm-splittext.title-2 .char { line-height: 1; } .sm-splittext { position: relative; } .sm-splittext .original_text, .home_top .home_slider .texts .text .original_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; line-height: 1; letter-spacing: -0.0313rem; } .sm-splittext .word { overflow: hidden; perspective: 400px; } .sm-splittext .char { transform: translate3d(0,3.75rem,0) rotateX(-135deg); transition: transform 1.0s cubic-bezier(.245,.495,0,.99); } .sm-splittext.sm-active .char, .page_head.loaded .sm-splittext .char, .twocol_section.loaded .page_top .title_section.sm-splittext .char { transform: translate3d(0,0px,0) rotateX(0deg); } /* Header */ .padding-head { height: 10.75rem; } /*background-image:linear-gradient(270deg, #230cbe 0%, #1228c0 51%, #230cbf 100%);}*/ .header { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); direction: rtl; } .header-collapse:not(.userbox-active):not(.active-mobile-nav) .header, .megamenu-active .header { transform: translate3d(0,-4.5rem,0); } .header-collapse:not(.userbox-active):not(.active-mobile-nav) .header .top .innerpage, .megamenu-active .header .top .innerpage { opacity: 0; transform: scale(0.99); } .header-collapse:not(.userbox-active):not(.active-mobile-nav):not(.megamenu-active) .header .bottom { transform: translate3d(0,-1.25rem,0); } .megamenu-active .header .bottom { transform: translate3d(0,-1.1875rem,0); } .header .top { background: #FFF; } .header .top .innerpage { padding: 0 16px 0 17px; transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .header .top .row { height: 4.5rem; } .header .top .logo { position: absolute; right: 7rem; top: 0; bottom: 0; margin: auto 0; width: 4.25rem; height: 4.25rem; background: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/logo.png') no-repeat 0 0; background-size: 100%; } .header .top .logo2 { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 4.25rem; height: 4.25rem; background: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/logo_Ai.png') no-repeat 0 0; background-size: 100%; } .header .top .nav { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .header .top .nav > li { float: right; } .header .top .nav > li:not(:last-child) { margin-left: 1.375rem; } .header .top .nav > li .btn { padding: 0 0.9375rem; } .header .bottom { background-image: linear-gradient(270deg, #230cbe 0%, #1228c0 51%, #230cbf 100%); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .header .bottom .innerpage { padding-left: 3.8125rem; } .header .bottom .row { height: 5rem; } .header .bottom .nav { position: absolute; right: 0; bottom: 0; } .header .bottom .nav > li { float: right; margin-left: 1.8125rem; position: relative; } /**ay*/ .header .bottom .nav > li > a { color: #FFF; height: 4.125rem; line-height: 4.125rem; position: relative; display: block; } .header .bottom .nav > li > a:after { content: ''; height: 0.3125rem; width: 100%; position: absolute; left: 0; bottom: 0; background: #23C9D5; transform-origin: 50% 100%; transform: scaleY(0); transition: transform 0.225s; } .header .bottom .nav > li.hover > a:after, .header .bottom .nav > li.active > a:after, .header .bottom .nav > li > a.current:after { transform: scaleY(1); } .header .bottom .nav > li.active > a { font-weight: 700; } .header .bottom .nav > li .icon-search { padding: 0 0.3125rem; } .header .bottom .nav.left { right: auto; left: 15px; } .header .bottom .nav.left > li { margin-left: 0; margin-right: 1.8125rem; float: left; } .header .bottom .nav.left > li.eng { padding: 0 0.5625rem; } /*.header .bottom .nav.left > li.eng:before,.header .bottom .nav.left > li.eng:after{content:'';height:1.0625rem;width:2px;position:absolute;left:0;top:-0.125rem;bottom:0;margin:auto 0;background:#FFF;} .header .bottom .nav.left > li.eng:after{left:auto;right:0;}*/ .megamenu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; padding-top: 5rem; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); pointer-events: none; } .megamenu .megamenu_in { width: 100%; height: 100%; } .megamenu-active .megamenu, .active-mobile-nav .megamenu { pointer-events: all; } .megamenu .mask { position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.51); backdrop-filter: saturate(180%) blur(3.125rem); -webkit-backdrop-filter: saturate(180%) blur(3.125rem); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; } .megamenu .inner { padding: 0 6.25rem; position: relative; height: 100% !important; width: 100%; z-index: 2; transform: translate3d(0,1.25rem,0) scale(0.97); transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; } .megamenu .inner_in { height: 100%; position: relative; direction: rtl; } body:not(.header-collapse):not(.megamenu-active):not(.active-mobile-nav) .megamenu .inner { transform: translate3d(0,6.875rem,0) scale(0.97); } .megamenu-active .megamenu .inner, .active-mobile-nav .megamenu .inner { transform: translate3d(0,0,0) scale(1); opacity: 1; } .megamenu-active .megamenu .mask, .active-mobile-nav .megamenu .mask { opacity: 1; } .searchbox { padding: 3.1875rem 2.3125rem; direction: rtl; height: 100%; } .searchbox .autocomplete { position: relative; } .searchbox .autocomplete .o-link { position: absolute; right: 3.25rem; top: 2rem; } .searchbox .autocomplete .top { border: 1px solid #707070; padding: 2rem 15.875rem 4rem; position: relative; } .searchbox .autocomplete .top .title { margin-bottom: 0.9375rem; } .searchbox .autocomplete .top .title .icon { font-size: 88.372%; margin-right: 1.25rem; position: relative; top: -0.1875rem; } .searchbox .autocomplete .top .input { border: 1px solid #707070; } .searchbox .autocomplete .top .input input[type="text"] { height: 4.3125rem; } .searchbox .autocomplete .top .input .btn { height: 100%; position: absolute; left: 0; top: 0; width: 6.5rem; } .searchbox .autocomplete .top .input .btn:not(:disabled):hover:after { transform: scale(1.6) translate3d(0,-25%,0); opacity: 1; } .searchbox .autocomplete .suggestions { position: relative; right: 0; top: 100%; width: 100%; background-color: #FFF; z-index: 0; border: 1px solid #707070; border-top: none; opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; } .searchbox .autocomplete.open .suggestions { box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.16); opacity: 1; visibility: visible; pointer-events: initial; } .searchbox .autocomplete .suggestions > .scrollbar-inner { max-height: 34vh; min-height: 0; } .searchbox .autocomplete .suggestions .ul { padding-bottom: 0.625rem; } .searchbox .autocomplete .suggestions .ul > li { padding: 1.8125rem 17.375rem; } .searchbox .autocomplete .suggestions .ul > li a:hover { color: #3e48ce; } .searchbox .autocomplete .suggestions .ul > li:not(:last-child) { border-bottom: 1px solid #707070; } .searchbox .autocomplete .suggestions:after { content: ''; width: 100%; height: 6.625rem; position: absolute; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); opacity: 0.8; pointer-events: none; z-index: 5; left: 0; bottom: 0; } .searchbox .bold { font-weight: bold; } .userbox { position: fixed; z-index: 101; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; visibility: hidden; transition: all 0.25s ease; } .userbox:before { content: ''; position: absolute; left: 0; top: 11.875rem; width: 42.125rem; height: 100%; pointer-events: none; background-image: linear-gradient(90deg, #ffffff 0%, rgba(128, 128, 128, 0) 100%); } .userbox-active .userbox { opacity: 1; visibility: visible; } .userbox .box { position: absolute; left: 3.8125rem; top: 7.625rem; z-index: 2; max-width: 23rem; width: 100%; transform: translate3d(0, -1.5625rem, 0) scale(0.95); transform-origin: 25% 25%; transition: transform 0.25s ease; overflow: hidden; } .userbox-active .userbox .box { pointer-events: all; transform: translate3d(0, 0, 0) scale(1); } .userbox .close { position: absolute; right: 2.25rem; top: 1.5625rem; z-index: 3; } .userbox .inner { padding: 4.625rem 3.5625rem 3.0625rem; transform: translate3d(0, -3.4375rem, 0); opacity: 0; transition: transform 0.4s ease, opacity 0.5s ease 0.05s; } .userbox-active .userbox .inner { transform: translate3d(0, 0, 0); opacity: 1; } .userbox .icon { font-size: 4.25rem; text-align: center; display: block; margin-bottom: 5.625rem; } .userbox .input { margin-bottom: 2.625rem; } .userbox .input input[type="text"], .userbox .input input[type="password"] { border: none; border-bottom: 1px solid #FFF; background: none; color: #FFF; text-indent: 0; height: 2rem; caret-color: #FFF; } .userbox .input-submit { padding-top: 1.8125rem; padding-bottom: 0.9375rem; } .userbox .input-submit .btn { width: 11.5rem; margin: 0 auto; } .userbox .link { padding-top: 1.25rem; } .userbox .link .o-link { display: block; } /*instead of 0*/ .sticky_lead { position: fixed; left: 0; bottom:-5px; transform: translate3d(0,100%,0); z-index: 101; width: 100%; transition: transform 0.4s ease; } .sticky_lead .toggle_cont { background-color: #464545; border-top: 5px solid #ed7045; display: block; position: absolute; left: 0; bottom: 100%; width: 100%; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.4s ease; } .sticky_lead .toggle { display: block; height: 2.9375rem; line-height: 2.9375rem; width: 100%; text-align: center; } .sticky_lead .toggle .icon { font-size: 0.3515em; margin-right: 0.6875rem; transform: scaleY(-1); } .sticky_lead .toggle .underline { background: #ed7045; border-radius: 5px; padding: 4px 7px 5px 7px; text-decoration: none; } /***ay*/ .sticky_lead .inner { background-color: #464545; position: relative; z-index: 2; transition: background-color 0.4s ease; pointer-events: none; } .sticky_lead .close { position: absolute; right: 1.875rem; top: 1.875rem; height: 1.3125rem; width: 1.3125rem; line-height: 1.3125rem; border-radius: 50%; border: 1px solid #FFF; text-align: center; font-size: 0.5rem; z-index: 5; } .sticky_lead .newsletter { background: transparent; } .sticky_lead .in { transform: translate3d(0, 3.4375rem, 0); opacity: 0; transition: transform 0.6s ease, opacity 0.8s ease 0.05s; } .sticky_lead.open .in { transform: translate3d(0, 0, 0); opacity: 1; } .sticky_lead.open { transform: translate3d(0,0,0); } .sticky_lead.open .toggle_cont { background: #3E3E3C; transform: translate3d(0,2.9375rem,0); } .sticky_lead.finish:not(.open) .toggle_cont { transform: translate3d(0,2.9375rem,0); } .sticky_lead.open .inner { background: #3E3E3C; pointer-events: all; } .active-mobile-nav .sticky_lead .toggle_cont, .userbox-active .sticky_lead .toggle_cont { transform: translate3d(0, 2.9375rem, 0); } /* .header-collapse .sticky_lead .toggle_cont,.active-mobile-nav .sticky_lead .toggle_cont, .userbox-active .sticky_lead .toggle_cont{transform: translate3d(0, 2.9375rem, 0);} */ .sticky_lead .newsletter .form_ui input[type="text"] { background: transparent; border: 1px solid #FFF; color: #FFF; caret-color: #FFF; } .sticky_lead .newsletter .form_ui input[type="email"] { background: transparent; border: 1px solid #FFF; color: #FFF; caret-color: #FFF; } .sticky_lead .newsletter .form_ui input[type="text"]::-webkit-input-placeholder { color: #FFF; } .sticky_lead .newsletter .form_ui input[type="text"]:-moz-placeholder { color: #FFF; } .sticky_lead .newsletter .form_ui input[type="text"]::-moz-placeholder { color: #FFF; } .sticky_lead .newsletter .form_ui input[type="text"]:-ms-input-placeholder { color: #FFF; } .sticky_lead .newsletter .form_ui input[type="tel"] { color: #FFF; } .sticky_lead .newsletter .input-text-focus .label span { background: #3E3E3C; color: #fff; } .sticky_lead .newsletter .input-text-focus .label { background: #3E3E3C; color: #fff; /*height:1rem;*/ } /***ay removed for contact form on sticky*/ .sticky_lead .newsletter .input .cselect_cont .cselect_custom > .title { background: none; border: 1px solid #FFF; color: #FFF; } /*.sticky_lead .leadform_section .titles .title-section, .sticky_lead .leadform_section .input .checkbox label, .sticky_lead .leadform_section .step_two { color: #FFF; } .sticky_lead .leadform_section .step_two .col .sharebar > li .o-link { background: #FFF; color: #3E3E3C; } .sticky_lead .leadform_section .input .checkbox label .check_c { border-color: #FFF; } .sticky_lead .leadform_section .input .checkbox label .check_c .icon { color: #FFF; } .sticky_lead .leadform_section .step_two .col_share { border-color: #FFF; }*/ .newsletter .input-text-focus input:focus { outline: auto } .newsletter .step_two:focus { outline: none !important } .sticky_lead .newsletter .checkbox { color: #fff } @media screen and (min-width: 768px) { .header .top .innerpage { padding: 0 30px; } .userbox .box { left: 1.875rem; top: 6.375rem; } } @media screen and (max-width: 1023px) { .toggle_wcag_mobile { width: 2.0625rem; height: 2.5rem; background: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/icon_disabled.png') no-repeat center center; background-size: auto 1.375rem; position: fixed; right: 0; top: 4.5rem; z-index: 99; background-color: #3E3E3C; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .header-collapse .toggle_wcag_mobile, .active-mobile-nav .toggle_wcag_mobile { transform: translate3d(2.0625rem,0,0); } .padding-head { height: 4.5rem; } .header .bottom { display: none; } .header .top { background-color: #230CBF; } .header .top .logos { width: 100%; margin: auto; right: 0; left: 0; position: absolute; } .header .top .logo { background-image: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/logo_mobile.png'); margin: auto; right: 4.5rem; left: 0; } .header .top .logo2 { background-image: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/logo_AI_mobile.png'); margin: auto; right: -4.5rem; left: 0; } .header .top .nav > li:not(:last-child) { display: none; } .header .top .nav > li .btn { background: transparent; padding: 0 0.625rem; font-size: 1rem; position: relative; left: -0.625rem; height: 1.875rem; line-height: 1.875rem; transition: transform 0.225s cubic-bezier(.165,.84,.44,1), background-color 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.225s cubic-bezier(.165,.84,.44,1); } .header .top .nav > li .btn:after, .header .top .nav > li .btn:before { display: none; } .active-mobile-nav .header .top .nav > li .btn { background: #3E48CE; } .toggleMenu .stroke, .toggleMenu .middle, .toggleMenu .stroke:before, .toggleMenu .stroke:after { -webkit-transition: transform 0.95s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.95s cubic-bezier(0.19, 1, 0.22, 1); } .toggleMenu .stroke .middle { transition-duration: 0.475s; } .toggleMenu { z-index: 102; position: absolute; right: -1.25rem; top: 0; display: block; -webkit-tap-highlight-color: transparent; user-select: none; width: 4.5rem; line-height: 0; height: 100%; text-align: center; padding: 0 0 0 0; -webkit-transform: translateZ(0); cursor: pointer; font-size: 0; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); background: none; border: none; } .toggleMenu:active { transition: 0; } .toggleMenu .stroke { margin: 0 auto; } .toggleMenu .stroke, .toggleMenu .stroke .middle, .toggleMenu .stroke:before, .toggleMenu .stroke:after { display: block; width: 32px; height: 2px; background-color: #fff; position: relative; content: '' } .toggleMenu .stroke { background: none; } .toggleMenu .stroke .middle { transform-origin: 55% 50%; } .toggleMenu .stroke:before, .toggleMenu .stroke:after { position: absolute; left: 0; content: ' '; transform-origin: 4px center; } .toggleMenu .stroke:before { top: 8px; transform: scaleX(0.65625); left: auto; right: 0; transform-origin: right center; } .toggleMenu .stroke:after { top: -8px; } .active-mobile-nav .toggleMenu .stroke .middle, .active-mobile-nav .toggleMenu .stroke:before, .active-mobile-nav .toggleMenu .stroke:after { background: #1E2121; } .active-mobile-nav .toggleMenu .stroke .middle { transform: scaleX(0); } .active-mobile-nav .toggleMenu .stroke:before { transform: rotate3d(0,0,1,45deg) translate3d(2px,2px,0); } .active-mobile-nav .toggleMenu .stroke:after { transform: rotate3d(0,0,1,-45deg) translate3d(-5.5px,16.5px,0); } .header .top { transition: background-color 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .active-mobile-nav .header .top { background: #FFF; } .megamenu { padding-top: 12.9375rem; } .megamenu .mask { background-color: rgba(223,223,223, 0.51); } .megamenu .searchbox { display: none; } .megamenu .inner { padding: 0 0; } .megamenu .topmenu { position: absolute; z-index: 3; right: 0; top: 4.5rem; width: 100%; background: #dfdfdf; transform: translate3d(0,-4.125rem,0); pointer-events: none; } .megamenu .topmenu:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #FFF; z-index: 0; } .megamenu .topmenu .nav { position: relative; z-index: 2; } .megamenu .topmenu .nav .li-search { display: none; } .megamenu .topmenu .nav .item:first-child { padding-right: 2.5rem; } .megamenu .topmenu .nav .item:not(:last-child) { padding-left: 1.25rem; } .megamenu .topmenu .nav .item:last-child { padding-left: 2.5rem; } .megamenu .topmenu .nav .item a { display: block; height: 4.625rem; padding-top: 2.1875rem; white-space: nowrap; position: relative; z-index: 2; } .megamenu .topmenu .nav .item a:after { content: ''; width: 100%; height: 0.1563rem; bottom: -1px; position: absolute; left: 0; bottom: 0; background: #3E48CE; transform-origin: 50% 100%; transform: scaleY(0); transition: transform 0.225s; } .megamenu .topmenu .nav .item a.active { font-weight: 700; } .megamenu .topmenu .nav .item a.active:after { transform: scaleY(1); } .megamenu .topmenu .nav .flickity-button { width: 4.25rem; background-image: linear-gradient(90deg, #dfdfdf 0%, rgba(223, 223, 223, 0) 100%); height: 100%; } .megamenu .topmenu .nav .flickity-button.previous { background-image: linear-gradient(-90deg, #dfdfdf 0%, rgba(223, 223, 223, 0) 100%); } .megamenu .topmenu .nav .flickity-button:active { padding: 0; } .megamenu .topmenu .nav .flickity-button svg { display: none; } .megamenu .topmenu .nav .flickity-button:after { display: none; } .megamenu .topmenu .nav .flickity-button:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0.5938rem 0.75rem 0.5938rem 0; border-color: transparent #3e3e3c transparent transparent; position: relative; top: 0.625rem; left: 0; right: 0; margin: 0 auto; } .megamenu .topmenu .nav .flickity-button.previous:before { border-width: 0.5938rem 0 0.5938rem 0.75rem; border-color: transparent transparent transparent #3e3e3c; left: auto; right: 0.1875rem; } .megamenu .topmenu .navtop_cont { transform: translate3d(0,2.3125rem,0); position: relative; pointer-events: none; z-index: 10; } .megamenu .topmenu .navtop { background: #3E3E3C; position: relative; z-index: 10; } .megamenu .topmenu .navtop > li { float: right; width: 33.3%; } /*removed by judit 27122022*/ /*.megamenu .topmenu .navtop > li:last-child{width:21%;}*/ .megamenu .topmenu .navtop > li:not(:last-child) { border-left: 1px solid #FFF; } .megamenu .topmenu .navtop > li > a { display: block; height: 3.75rem; text-align: center; line-height: 3.75rem; color: #FFF; } .megamenu .topmenu .navtop > li > a .icon { margin-left: 0.5625rem; position: relative; top: -0.0625rem; } .megamenu .topmenu, .megamenu .topmenu .navtop_cont { transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; } .active-mobile-nav .megamenu .topmenu, .active-mobile-nav .megamenu .topmenu .navtop_cont { transform: translate3d(0,0,0); pointer-events: all; opacity: 1; } body:not(.header-collapse):not(.megamenu-active):not(.active-mobile-nav) .megamenu .inner { transform: translate3d(0,-2.8125rem,0) scale(0.97); } .navmega { padding: 1.875rem 1.875rem; } .navmega .close-megamenu { display: none; } .navmega .megamenu-ul { transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .navmega .megamenu-ul > li { transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .navmega .megamenu-ul > li:not(:last-child) { margin-bottom: 0.4688rem; } .navmega .megamenu-ul > li .btn { display: block; width: 100%; max-width: 100%; text-align: right; background: #FFF; height: 3.75rem; line-height: 3.75rem; padding-right: 0.6875rem; text-align: right; color: #060909; } .navmega .megamenu-ul > li .btn:before { content: "\e901"; font-family: 'colmanicons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 3.75rem; height: 3.75rem; background-color: #3e3e3c; line-height: 3.75rem; text-align: center; color: #FFF; font-size: 0.4125em; position: absolute; left: 0; top: 0; transform: rotate(90deg); padding-top: 0.125rem; } .navmega .megamenu-ul > li .btn > span > span { display: none; } .navmega .subnav { position: absolute; right: 100%; width: 100%; top: 0; margin-right: 3.75rem; pointer-events: none; opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); padding-bottom: 1.875rem; } .navmega .megamenu-ul.open-subnav { transform: translate3d(calc(100% + 3.75rem),0,0); } .navmega .megamenu-ul.open-subnav > li:not(.current) { opacity: 0.35; } .navmega .megamenu-ul > li.current .subnav { pointer-events: all; opacity: 1; visibility: visible; } .navmega .subnav ul > li:not(:last-child) { margin-bottom: 0.4688rem; } .navmega .subnav ul > li > a { display: block; width: 100%; max-width: 100%; text-align: right; background: #FFF; height: 2.8125rem; line-height: 2.8125rem; padding-right: 0.9375rem; text-align: right; color: #060909; position: relative; } .navmega .subnav ul > li:not(.goback) > a { font-size: 18px; } .navmega .subnav ul > li:not(.goback) > a:before { content: "\e901"; font-family: 'colmanicons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 3.75rem; height: 2.8125rem; line-height: 2.8125rem; text-align: center; color: #2474E4; font-size: 0.55em; position: absolute; left: 0; top: 0; transform: rotate(90deg); padding-top: 0.3125rem; } .navmega .subnav ul > li.goback > a { color: #3e48ce; height: 3.75rem; line-height: 3.75rem; padding-right: 4.6875rem; } .navmega .subnav ul > li.goback > a:before { content: "\e919"; font-family: 'colmanicons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 3.75rem; height: 3.75rem; background-color: #3e3e3c; line-height: 3.75rem; text-align: center; color: #FFF; font-size: 0.625em; position: absolute; right: 0; top: 0; } .navmega .subnav .left { display: none; } .navmega .megamenu-ul.open-subnav, .navmega .megamenu-ul.open-subnav .subnav { transition-duration: 0.6s; } .megamenu .inner_in { overflow-x: hidden; } .megamenu .inner_in > div { transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 2; opacity: 0; visibility: hidden; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .active-mobile-nav .megamenu .inner_in > div.current { opacity: 1; visibility: visible; pointer-events: all; } .megamenu .topmenu .searchbox { display: block !important; width: 100%; height: 3.75rem; position: absolute; right: 0; top: 0; z-index: 3; padding: 0; z-index: 11; background: #3E3E3C; opacity: 0; visibility: hidden; pointer-events: none; padding: 0 1.25rem 0 1.6875rem; transition: all 0.3s ease; } .searchmobile-active .megamenu .topmenu .searchbox { opacity: 1; visibility: visible; pointer-events: all; } .megamenu .topmenu .searchbox .autocomplete { font-size: 1.5rem; } .megamenu .topmenu .searchbox .o-link { position: absolute; right: 0; top: 0; width: 2.8125rem; height: 3.75rem; line-height: 3.75rem; text-align: center; z-index: 3; } .megamenu .topmenu .searchbox .input { padding-left: 3.125rem; padding-top: 0.625rem; padding-right: 2.8125rem; } .megamenu .topmenu .searchbox .input input[type="text"] { height: 2.5rem; background: none; border-bottom: 1px solid #FFF; color: #FFF; text-indent: 0; caret-color: #FFF; } .megamenu .topmenu .searchbox .input input[type="text"]::-webkit-input-placeholder { color: #FFF; } .megamenu .topmenu .searchbox .input input[type="text"]:-moz-placeholder { color: #FFF; } .megamenu .topmenu .searchbox .input input[type="text"]::-moz-placeholder { color: #FFF; } .megamenu .topmenu .searchbox .input input[type="text"]:-ms-input-placeholder { color: #FFF; } .megamenu .topmenu .searchbox .input .btn { position: absolute; left: 0; top: 0; width: 2.5rem; height: 3.75rem; background: none; } .megamenu .topmenu .searchbox .input .btn:after { display: none; } .megamenu .topmenu .searchbox .input .btn .icon { margin-left: 0; } .megamenu .topmenu .searchbox .suggestions { margin-top: 0.625rem; width: calc(100% + 2.9375rem); right: -1.25rem; border-left: none; border-right: none; position: absolute; left: 0; top: 100%; } .megamenu .topmenu .searchbox .autocomplete .suggestions > .scrollbar-inner { max-height: 12.5rem; } .megamenu .topmenu .searchbox .suggestions .scrollbar-inner .ul > li { padding: 0; } .megamenu .topmenu .searchbox .suggestions .scrollbar-inner .ul > li:last-child { padding-bottom: 0.9375rem; } .megamenu .topmenu .searchbox .suggestions .scrollbar-inner .ul > li > a { display: block; padding: 0 1.875rem; font-size: 1.25rem; padding: 0.625rem 4.0625rem 0.625rem 1.875rem; } .sticky_lead .newsletter .step_two .col { width: 70%; top: 0; float: none; padding-top: 0.9375rem; } .sticky_lead .newsletter .step_two .col .title-big { padding-right: 0; } .sticky_lead .newsletter .step_two .col .title-big:before { display: none; } .sticky_lead .newsletter .step_two .col:last-child { width: 100%; top: 0; padding-right: 0; border-right: none; padding-top: 2.5rem; } .sticky_lead .leadform_section .step_two { padding-top: 1.55rem; } } @media screen and (max-width: 767px) { .userbox { z-index: 99; } .userbox .box { left: 0; top: 4.4375rem; width: 100%; max-width: 100%; height: calc(100% - 70px); overflow-y: scroll; -webkit-overflow-scrolling: touch; } .megamenu .topmenu .searchbox { padding: 0 0.1875rem 0 0.625rem; } .megamenu .topmenu .searchbox .suggestions { width: calc(100% + 0.8125rem); right: -0.1875rem; } .megamenu .topmenu .searchbox .suggestions .scrollbar-inner .ul > li > a { padding: 0.625rem 3rem 0.625rem 1rem; } .navmega { padding-left: 16px; padding-right: 16px; } .navmega .subnav { margin-right: 32px; } .navmega .megamenu-ul.open-subnav { transform: translate3d(calc(100% + 32px),0,0); } .userbox-active .toggle_wcag_mobile { transform: translate3d(2.0625rem,0,0); } .mixelwcag .box { bottom: 2.9375rem; } .sticky_lead, .sticky_lead .inner { height: 100%; } .sticky_lead .inner { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .sticky_lead .in { overflow-x: hidden; } .sticky_lead .newsletter .innerpage { padding: 0; } .sticky_lead .close { left: 1rem; top: 1rem; } .sticky_lead .newsletter .input-checkbox { position: relative; } .sticky_lead .newsletter .step_one { padding: 2.875rem 2.4375rem 2.875rem; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden; } .sticky_lead .row { overflow: hidden; } .sticky_lead .in, .sticky_lead .newsletter, .sticky_lead .innerpage, .sticky_lead .row { height: 100%; } .sticky_lead .newsletter .input-submit .btn { max-width: 100%; } .sticky_lead .newsletter .step_two { padding: 7.5rem 2.4375rem; } .sticky_lead .newsletter .step_two .col { width: 100%; padding-top: 0.9375rem; } .sticky_lead .newsletter .step_two .col .title-big { font-size: 2.25rem; } .sticky_lead .newsletter .step_two .col:last-child { width: 100%; padding-top: 2.5rem; } .sticky_lead .newsletter .step_two .col_share .title { font-size: 1.625rem; } } @media screen and (min-width: 1024px) { .toggle_wcag_mobile { width: 3.5rem; height: 3.75rem; background: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/icon_disabled.png') no-repeat center center; background-size: auto 2.125rem; position: fixed; right: 0; top: 11.875rem; z-index: 99; background-color: #3E3E3C; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); display: block !important; } .header-collapse:not(.userbox-active):not(.active-mobile-nav) .header, .megamenu-active .header { transform: translate3d(0,-5.625rem,0); } .header-collapse:not(.userbox-active):not(.active-mobile-nav) .toggle_wcag_mobile, .megamenu-active .toggle_wcag_mobile { transform: translate3d(0,-6.875rem,0); } .header .top .innerpage { padding: 0 25px 0 25px; } .header .top .row { height: 6.875rem; } .header .top .logo { width: 6.6875rem; height: 6.6875rem; } .header .top .logo2 { width: 6.6875rem; height: 6.6875rem; } .header .bottom .innerpage { padding-left: 25px; } .searchbox .autocomplete .top { padding: 2rem 8.75rem 4rem; } .userbox .box { left: 3.8125rem; top: 7.625rem; } .navmega { padding: 7.625rem 0 5rem; height: auto !important; } .navmega .navmega_in { border: 1px solid #707070; background-color: #ffffff; position: relative; } .navmega .close-megamenu { position: absolute; right: 0; top: 2.4375rem; } .navmega .navmega_in > ul { width: 17.25rem; border-left: 1px solid #707070; } .navmega .navmega_in > ul > li:not(:last-child) { border-bottom: 1px solid #707070; } .navmega .navmega_in > ul > li .btn { height: 6.625rem; line-height: 6.625rem; transition: background-color 0.5s ease; } .navmega .navmega_in > ul > li.active .btn { background: #3E48CE; color: #FFF; cursor: default; pointer-events: none; } .navmega .subnav { position: absolute; right: 17.25rem; top: 0; width: calc(100% - 17.25rem); height: 100%; padding: 5.9375rem 7rem 5.9375rem 8.4375rem; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(1.5625rem,0,0) scale(0.98); transition: all 0.25s ease-out; transform-origin: 100% 50%; } .navmega li.active .subnav { opacity: 1; visibility: visible; transform: translate3d(0,0,0) scale(1); transition-duration: 0.5s; transition-delay: 0.1s; transition-timing-function: ease; } .megamenu-active .navmega.current li.active .subnav { pointer-events: all; } .navmega .subnav .in { width: 100%; height: 100%; padding-left: 0; position: relative; } .navmega .subnav ul { column-count: 2; column-gap: 5%; margin-bottom: 3.0625rem; position: relative; } .navmega .subnav ul > li { display: inline-block; width: 100%; padding-bottom: 3rem; } .navmega .subnav ul > li a { display: block; height: 1.5625rem; } .navmega .subnav ul > li a span { display: block; transition: color 0.15s ease; } .navmega .subnav ul > li a:hover span { color: #3E48CE; } .navmega .subnav .left { position: absolute; left: 0; top: 0; width: 28.925rem; } .navmega .subnav .left .block:not(:last-child) { margin-bottom: 2.6875rem; } .navmega .subnav .left .block a { padding-bottom: 26.86%; display: block; overflow: hidden; position: relative; } .navmega .subnav .left .block .big { padding-bottom: 64%; } .navmega .subnav .left .block .cover { transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale(1.0001) rotate(0.01deg); } .navmega .subnav .left .block .tag { position: absolute; z-index: 2; left: -1.25rem; bottom: 1.875rem; padding: 1rem 1.25rem 1rem 2.5rem; max-width: calc(100% - 1.875rem); transition: transform 0.4s ease; } .navmega .subnav .left .block a:hover .tag { transform: translate3d(1.25rem,0,0); } .navmega .subnav .left .block a:hover .cover { transform: scale(1.025) rotate(0.01deg); } .megamenu .inner_in > div { transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 2; opacity: 0; visibility: hidden; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .megamenu .inner_in > div.no_subnav { width: auto; } .megamenu .inner_in > div.no_subnav .navmega_in { border-left: none; } .megamenu-active .megamenu .inner_in > div.current { opacity: 1; visibility: visible; pointer-events: all; } .sticky_lead .close { height: 2.5625rem; width: 2.5625rem; line-height: 2.4375rem;; font-size: 0.75rem; } .sticky_lead .toggle { height: 3.6875rem; line-height: 3.5625rem; font-size: 1.4375rem; font-weight: 700; } .active-mobile-nav .sticky_lead .toggle_cont, .userbox-active .sticky_lead .toggle_cont { transform: translate3d(0, 3.6875rem, 0); } /* .header-collapse .sticky_lead .toggle_cont,.active-mobile-nav .sticky_lead .toggle_cont, .userbox-active .sticky_lead .toggle_cont{transform: translate3d(0, 3.6875rem, 0);} */ } @media screen and (min-width: 1024px) and (max-width: 1279px) { .navmega { font-size: 21px; } .navmega .subnav .left { display: none; } } @media screen and (min-width: 1280px) { .header .top .innerpage { padding: 0 40px 0 40px; } .header .bottom .innerpage { padding-left: 40px; } .searchbox .autocomplete .top { padding: 2rem 15.875rem 4rem; } .navmega .subnav .in { padding-left: 28.875rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .navmega { font-size: 21px; } } @media screen and (min-width: 1440px) { .header .top .innerpage { padding: 0 5.875rem 0 3.8125rem; } .header .bottom .innerpage { padding-left: 3.8125rem; } .navmega .subnav .in { padding-left: 30.875rem; } .navmega .subnav ul { column-gap: 10%; } .navmega .subnav .left { width: 28.625rem; } } @media screen and (min-width: 1800px) { .navmega .subnav .in { padding-left: 34.875rem; } .navmega .subnav ul { column-gap: 20%; } } /* Footer */ /*.footer{padding-top:16px;} */ .newsletter { margin-left: 0; position: relative; } .newsletter .step_one, .newsletter .step_two { transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .newsletter .step_one { padding: 2.875rem 0; padding-right: 0; position: relative; } .newsletter.animate_finish .row { overflow: hidden; } .newsletter.animate_finish .step_one { transform: translate3d(0,-100%,0); opacity: 0; } .newsletter.animate_finish .step_two { transform: translate3d(0,-100%,0); opacity: 1; display: block; visibility: visible; pointer-events: all; } /*#newsletter_box_event.animate_finish .step_two{display:none}*/ .newsletter .titles { position: absolute; right: 0; top: 0; padding-right: 1.4375rem; } .newsletter .titles:before { content: ''; background: #38C6BC; width: 0.5rem; height: 2.5rem; position: absolute; right: 0; bottom: 0; } .newsletter .titles .title-section { margin-bottom: 0.6875rem; } .newsletter .titles .title-section .arrow { width: 0; height: 0; border-style: solid; border-width: 1.5313rem 1.3125rem 1.5313rem 0; border-color: transparent #38C6BC transparent transparent; position: absolute; right: 0; top: 0.4375rem; } .newsletter .titles .discount { float: right; padding: 0.3125rem 1rem; font-weight: 700; } .newsletter .form_ui { margin-left: -1.75rem; position: relative; } .newsletter .input { padding-left: 1.75rem; width: 100%; float: right; margin-bottom: 1.25rem; position: relative; } .newsletter .input-text-focus .label { color: #060909; position: absolute; right: 15px; top: 5px; /*height:1rem;*/ display: flex; align-items: center; transform-origin: 100% 0%; transition: transform .4s cubic-bezier(.165,.84,.44,1); } /* .newsletter .input-text-focus .label span{padding:2px 0.875rem;display: block;line-height:1;background:#E9E9E9;color:#060909;} */ .newsletter .input_text:focus + .label, .newsletter .input-text-focus.filled .label { transform: translate3d(-1px,-1.8375rem,2px) scale(0.72); } /***ay*/ .newsletter .input .cselect_cont .cselect_custom .title { background: #FFF; } .newsletter .input-checkbox { position: absolute; right: 0; top: 100%; width: 50%; } .newsletter .input-checkbox .checkbox .check_c { border-color: #FFF; } .newsletter .input-submit .btn { width: 100%; display: block; height: 2.8125rem; } .newsletter .step_two { position: absolute; right: 0; top: 100%; width: 100%; height: 100%; padding-top: 5.875rem; opacity: 0; visibility: hidden; pointer-events: none; } .newsletter .step_two .col { float: right; width: 60.2%; } .newsletter .step_two .col .title-big { position: relative; padding-right: 1.375rem; } .newsletter .step_two .col .title-big:before { content: ''; width: 0.4688rem; right: 0; top: 0.375rem; position: absolute; background: #38C6BC; height: 2.8125rem; } .newsletter .step_two .col_share { height: 5.625rem; border-right: 1px solid #FFF; padding-right: 4.75rem; width: 39.8%; top: -0.125rem; position: relative; } .newsletter .step_two .col_share .title { position: relative; top: -0.625rem; margin-bottom: 0.75rem; } .newsletter .step_two .col_share .sharebar > li:not(:last-child) { margin-right: 1.4063rem; } .newsletter .step_two .col_share .sharebar > li a { width: 2.25rem; height: 2.25rem; } .newsletter .step_two .col_share .sharebar > li a .icon { line-height: 2.375rem; } /*.footer .links {background-color: #230CBE;padding: 2.875rem 0 2.875rem;} */ .footer .links { background-color: #f7f7f7; padding: 2.875rem 0 2.875rem; } .footer .links .col { float: right; width: 49%; } .footer .links .col .title { position: relative; display: inline-block; padding-bottom: 1rem; margin-bottom: 0.125rem; } .footer .links .col .title .border { height: 0.25rem; width: 100%; display: block; position: absolute; right: 0; bottom: 0; } .footer .links .col.col-double > div:not(:last-child) { margin-bottom: 2.3125rem; } .footer .links .col ul { padding-top: 1rem; } .footer .links .col ul > li a:hover { color: #23c9d5; } /*{color:#3E48CE;}*/ .footer .links .col ul > li a { transition: opacity 0.175s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s, color 0.15s ease; } .footer .links .col ul > li a:active { transition: opacity 0.05s cubic-bezier(0.47, 0, 0.745, 0.715), color 0.15s ease; } .footer .bottom { text-align: center; padding: 1.5rem 0 0.8125rem; } .sharebar { font-size: 0; direction: ltr; margin-bottom: 0.8125rem; } .sharebar > li { display: inline-block; } .sharebar > li:not(:last-child) { margin-right: 0.9375rem; } .sharebar > li a { width: 1.5rem; height: 1.5rem; border-radius: 50%; text-align: center; display: block; } .sharebar > li a .icon { margin: 0; line-height: 1.625rem; } .footer .bottom .copyright { margin-bottom: 0.1875rem; } .footer .bottom .linksb > li { display: inline-block; } .footer .bottom .linksb > li:not(:last-child) { margin-left: 0.625rem; } .footer .bottom .linksb > li .o-link { display: block; text-decoration: underline; } @media screen and (max-width: 767px) { .footer .links .col { display: inline-block; float: none; vertical-align: top; margin-bottom: 2.8125rem; } .footer .links .col.col-double { width: 49%; } .footer .links .col.col-double > div { display: inline-block; vertical-align: top; width: 100%; } .newsletter .input-submit { float: left; margin-bottom: 0; } .newsletter .titles { position: relative; margin-bottom: 2.8125rem; } .newsletter .input-checkbox { position: relative; width: 100%; margin-bottom: 0; padding-top: 0; margin-bottom: 20px; } .newsletter .titles .title-section br { display: none; } .footer .links .col:last-child { margin-top: -110px; margin-bottom: 0; } .newsletter .titles .title-section .arrow { right: -16px; border-color: transparent #ffffff transparent transparent; } .newsletter .titles .title-section { font-size: 2rem; } .newsletter .titles:before { display: none; } .newsletter .step_two { padding: 7.5rem 0; } .newsletter .step_two .col { width: 100%; padding-top: 0.9375rem; } .newsletter .step_two .col:last-child { padding-right: 0; border-right: none; } .newsletter .step_two .col .title-big { font-size: 2.25rem; padding-right: 0; } .newsletter .step_two .col:last-child { width: 100%; padding-top: 2.5rem; } .newsletter .step_two .col_share .title { font-size: 1.625rem; } .newsletter .step_two .col .title-big:before { display: none; } } @media screen and (min-width: 768px) { /* .footer{padding-top:2.5rem;} */ .no-footerpadding { margin-bottom: -5.625rem; } .newsletter .step_one { padding: 3.75rem 0; } .newsletter .titles .title-section .arrow { border-width: 0.875rem 0.6875rem 0.875rem 0; } .newsletter .input { width: 33.3333%; margin-bottom: 1.875rem; } .footer .links { padding: 4.3125rem 0 2.8125rem; } .footer .links .col { width: 32%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .footer .links .col { display: inline-block; float: none; vertical-align: top; margin-bottom: 2.8125rem; } .footer .links .col.col-double { width: 64%; } .footer .links .col.col-double > div { display: inline-block; vertical-align: top; width: 49.5%; } .newsletter .input-submit { float: left; margin-bottom: 0; } .newsletter .titles { position: relative; margin-bottom: 2.8125rem; } .newsletter .input-checkbox { position: relative; width: 66.6666%; margin-bottom: 0; padding-top: 0.75rem; } .newsletter .titles .title-section br { display: none; } } @media screen and (min-width: 1024px) { .no-footerpadding { margin-bottom: -1.1875rem; } .newsletter .step_one { padding-right: 22.9375rem; } .newsletter .titles { top: 3.125rem; } .newsletter .titles:before { height: 4.125rem; } .newsletter .input { width: 25%; } .newsletter .input-checkbox { width: 66.6666%; } .footer .links { padding: 0rem 0 5.6875rem; } .footer .links .col { width: 20%; } .sharebar > li a { width: 1.75rem; height: 1.75rem; } .sharebar > li a .icon { line-height: 1.875rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .newsletter .step_two .col .title-big { font-size: 36px; } .newsletter .step_two .col_share .title { font-size: 26px; } .newsletter .input-checkbox { width: 100%; } } @media screen and (min-width: 1280px) { .newsletter .input-submit .btn { width: 13.75rem; } .footer .links .col { width: 19%; } } @media screen and (min-width: 1440px) { .newsletter { margin-left: -2.625rem; } } @media screen and (min-width: 1800px) { .newsletter { margin-left: -5.625rem; } .footer .links .col { width: 18%; } .sharebar > li a { width: 1.5rem; height: 1.5rem; } .sharebar > li a .icon { line-height: 1.625rem; } } /* Template - Home */ .home_top { height: auto; position: relative; overflow: hidden; background: #230cbf; } .home_top .item.active { opacity: 1; pointer-events: all; } /*.home_top .home_slider { position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .home_top .home_slider .wrapper, .home_top .home_slider .wrapper_in { position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; } *//*.home_top .item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; transition: opacity 2.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.15s; pointer-events: none; } */ /*.home_top .home_slider .item .bg { transition: transform 10s cubic-bezier(0.39, 0.575, 0.565, 1); } .home_top .home_slider .item.active .bg { transform: scale(1.1); } .home_top .home_slider .dots { position: absolute; left: 50%; bottom: 1rem; font-size: 0; z-index: 5; transform: translateX(-50%); padding-left: 3.0625rem; } .home_top .home_slider .dots ul { white-space: nowrap; position: relative; z-index: 2; font-size: 0; } .home_top .home_slider .dots ul > li { display: inline-block; } .home_top .home_slider .dots ul > li:not(:last-child) { margin-left: 0.9375rem; } .home_top .home_slider .dots ul > li .dot { display: block; height: 0.3125rem; height: 0.8125rem; background: #FFFFFF; border-radius: 50%; width: 0.8125rem; height: 0.3125rem; height: 0.8125rem; opacity: 0.69; position: relative; transition: opacity 0.25s ease; } .home_top .home_slider .dots ul > li .dot:after { content: ''; width: calc(100% + 0.5rem); height: calc(100% + 0.5rem); top: -0.25rem; left: -0.25rem; position: absolute; border: 1px solid #FFF; border-radius: 50%; opacity: 0; transition: opacity 0.5s ease; } .home_top .home_slider .dots ul > li .dot.active:after { opacity: 1; } .home_top .home_slider .dots ul > li .dot:not(.active):hover { opacity: 1; }*/ .home_top .home_slider .btn-pause { position: absolute; left: 0; top: -0.25rem; padding: 0 0.625rem; background: none; border: none; padding: 0 0.625rem; } .home_top .home_slider .btn-pause .icon-pause { transform: scaleY(0.7); top: -1px; display: block; } .home_top .home_slider.slider_pause .btn-pause .icon-pause { transform: scaleY(0.8) scaleX(0.8); } .home_top .home_slider.slider_pause .btn-pause .icon-pause:before { content: '\e90f'; } .home_top .item .boxtext { position: absolute; left: 0; width: 100%; text-align: center; top: 54%; /*transform: translateY(-50%);*/ color: #FFFFFF; } .home_top .item .boxtext .title { margin-bottom: 0; /*overflow: hidden;*/ } /*.home_top .item .boxtext .title div { font-size: 0.5em; position: relative; padding-bottom: 22px; display: inline-block; }*/ .home_top .item .boxtext .title div span { display: block; } .home_top .item .boxtext .title div:before { content: ''; width: 82.5%; height: 1px; background: #7ED3F7; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: transform 1.4s cubic-bezier(0.645, 0.045, 0.355, 1); transform: scaleX(0); } .home_top .item .boxtext .desc { position: relative; margin: 0 auto; padding-top: 1.1875rem; } .home_top .item .boxtext .desc div { font-size: 0.6em; line-height: 1.1667; } .home_top .item .boxtext .link { padding-top: 0.5625rem; } .home_top .item .boxtext a { color: #FFFFFF; position: relative; display: inline-block; } .home_top .item .boxtext a:after { content: ''; width: 100%; height: 1px; background: #FFF; position: absolute; left: 0; bottom: 0.125rem; } .home_top .item.active .boxtext .title div span { transform: translate3d(0,0,0); } .home_top .item.active .boxtext .desc, .home_top .item.active .boxtext .link { transform: translate3d(0,0,0); } .home_top .item.active .boxtext .title div:before { transform: scaleX(1); } .collapse_section.w-video .row { min-height: 0; } /*.collapse_section .innerpage{padding-top:2.875rem;} */ .collapse_section.collapse-home .row { border-bottom: 1px solid #B8B8B8; margin-bottom: 2.625rem; } /*.collapse_section .row{padding:0 0 0;} */ .collapse_section .box { max-width: 38.75rem; padding: 0 0 2.1875rem 0; } .collapse_section .box .title { margin-bottom: 1rem; } .collapse_section .box .box_in { position: relative; line-height: 1.45; overflow: hidden; max-height: 260px; transition: max-height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .collapse_section .box .box_in:after { content: ''; width: 100%; height: 2.75rem; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); pointer-events: none; position: absolute; left: 0; bottom: 0; transform-origin: 50% 100%; transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .collapse_section.b-grayb .box .box_in:after { background-image: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%); } .collapse_section.open .box .box_in:after { transform: scaleY(0); } .collapse_section .btn-more-cont { padding-top: 0.625rem; padding-left: 0; } .collapse_section .btn-more .icon:before { transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); display: block; transform-origin: 45% 50%; } .collapse_section .btn-more2 .icon:before { transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); display: block; transform-origin: 45% 50%; } .collapse_section.open .btn-more .icon:before { transform: rotate(45deg); } .collapse_section.open .btn-more2 .icon:before { transform: rotate(45deg); } .collapse_section .video_left { width: 100%; position: absolute; left: 0; top: 0; } .collapse_section.no_break .btn-more-cont, .collapse_section.no_break .box .box_in:after { visibility: hidden; pointer-events: none; } .collapse_section .image-box { float: left; margin-left: 7.625rem; } .collapse_section .image-box img { display: block; max-width: 17.375rem; width: 100%; } .btn-more,.btn-more2 { float: left; } .btn-more .icon { width: 1.75em; height: 1.75em; line-height: 1.75em; text-align: center; border-radius: 50%; font-size: 0.667em; display: inline-block; margin-right: 0.75rem; } .btn-more .icon.icon-chev_left:before { font-size: 0.7em; position: relative; top: -1px; right: 1px; } .btn-more2 .icon { width: 1.75em; height: 1.75em; line-height: 1.75em; text-align: center; border-radius: 50%; font-size: 0.667em; display: inline-block; margin-right: 0.75rem; } .btn-more2 .icon.icon-chev_left:before { font-size: 0.7em; position: relative; top: -1px; right: 1px; } .video_box { padding-bottom: 59%; } .video_box .play_btn { width: 2.0204em; height: 2.0204em; background: rgba(255,255,255,0.83); text-align: center; font-size: 3.0625rem; color: #676767; } .video_box .play_btn .icon { display: block; line-height: 2.0204em; position: relative; left: 0.125rem; } .video_box .bottom { position: absolute; right: 0; bottom: 0; width: 100%; z-index: 3; padding: 1.25rem 1.25rem; } .video_box .bottom .title { margin-bottom: 0.125rem; position: relative; display: inline-block; } .video_box .bottom .title:after { content: ''; width: calc(100% + 1rem); position: absolute; right: -0.25rem; bottom: 0; z-index: 0; background: #3E48CE; height: 0.5625rem; } .video_box .bottom .title span { position: relative; z-index: 2; } .sectionshadow .row { box-shadow: -0.375rem 1rem 2rem rgba(0, 0, 0, 0.13); background-color: #ffffff; padding: 2.0625rem 0.5rem 114px 1.875rem; border-bottom-width: 0.1875rem; border-bottom-style: solid; } .sectionshadow .title-section { padding-right: 2.4375rem; position: relative; margin-bottom: 30px; } .sectionshadow .title-section .arrow { width: 0; height: 0; border-style: solid; border-width: 0.875rem 0.6875rem 0.875rem 0; border-color: transparent #3e48ce transparent transparent; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; } .sectionshadow .inner { position: relative; min-height: 100px; } .sectionshadow .bright { position: absolute; left: 100%; bottom: 0; width: 0.5rem; height: calc(100% - 1.25rem); z-index: 10; } .sectionshadow .btn-more-cont { position: absolute; left: 0.5rem; bottom: 3.375rem; } .sectionshadow .btn-more .icon { margin-right: 1rem; } .closeevents_section .list { width: 100%; background-color: #464545; padding: 0 0 0 0; } .closeevents_section .item { padding: 0.875rem 0.6875rem 0.9375rem 0.5625rem; } .closeevents_section .item:not(:last-child) { border-bottom: 1px solid #DFDFDF; } .closeevents_section .item .inner { display: block; } .closeevents_section .item .in { height: auto; position: relative; padding: 1rem 4.5625rem 1rem 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); position: relative; transition: box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .closeevents_section .item .date { width: 4.3125rem; height: 4.3125rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); background-color: #646464; position: absolute; right: -0.75rem; top: 0; bottom: 0; margin: auto 0; text-align: center; padding-top: 0.4375rem; padding-right: 0.25rem; transition: box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .closeevents_section .item .date .bold { display: block; line-height: 1; margin-bottom: 1px; } .closeevents_section .item .title { margin-bottom: 0.8125rem; font-weight: 400; position: relative; } .closeevents_section .item .title:after { content: attr(data-active); position: absolute; right: 0; top: 0; font-weight: 700; background: #464545; opacity: 0; transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .closeevents_section .item ul > li { float: right; } .closeevents_section .item ul > li:not(:last-child) { margin-left: 1rem; } .closeevents_section .item ul > li .icon { margin-left: 1rem; font-size: 1.273125em; } .closeevents_section .item ul > li .icon.icon-people { font-size: 0.8275em; } .closeevents_section .item .eventbox { visibility: hidden; transform: scale(0.85); transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: 85% 0%; position: absolute; right: 0; top: 0; width: 100%; background-color: #d9d9d9; height: 26.375rem; } .closeevents_section .item .eventbox:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 1.3125rem 0 1.3125rem 1.0625rem; border-color: transparent transparent transparent #d9d9d9; position: absolute; left: 100%; top: 3rem; } .closeevents_section .item:nth-child(2) .eventbox { transform-origin: 85% 50%; } .closeevents_section .item:nth-child(2) .eventbox:before { top: 11.875rem; } .closeevents_section .item:nth-child(3) .eventbox { transform-origin: 85% 100%; } .closeevents_section .item:nth-child(3) .eventbox:before { top: 20.75rem; } .closeevents_section .item.active .eventbox { opacity: 1; visibility: visible; transform: scale(1); transition-duration: 0.6s; transition-delay: 0.075s; } .closeevents_section .item .eventbox .inner { transition: transform 0.4s ease, opacity 0.5s ease 0.1s; transform: translate3d(4.375rem, 0, 0); opacity: 0; padding: 1.5rem 4.5625rem 1.5rem 1rem; } .closeevents_section .item .eventbox .ine { overflow: hidden; position: relative; } .closeevents_section .item.active .eventbox .inner { pointer-events: all; transform: translate3d(0, 0, 0); opacity: 1; } .closeevents_section .item .eventbox .image { position: absolute; left: 2.5rem; top: 0; width: 3.0625rem; height: 4.1875rem; margin: auto 0; margin-right: 0; bottom: 0; } .closeevents_section .item .eventbox .dated { position: absolute; right: 0; top: 6.25rem; text-align: center; width: 6.1875rem; } .closeevents_section .item .eventbox .dated .bold { display: block; line-height: 0.7; margin-bottom: 0.3125rem; } .closeevents_section .item .eventbox .title { font-weight: 700; margin-bottom: 1.25rem; position: relative; display: inline-block; } .closeevents_section .item .eventbox .title:before { content: ''; width: calc(100% - 3.75rem); position: absolute; right: 0; bottom: -0.375rem; height: 1px; background: #3E48CE; } .closeevents_section .item .eventbox .ul { padding-top: 0.75rem; } .closeevents_section .item .eventbox .ul > li .icon { margin-left: 0.75rem; } .closeevents_section .item .eventbox .btn { width: 10.125rem; display: block; float: none; clear: both; margin-top: 1.25rem; } .dotitles_section .title-section .arrow { border-color: transparent #8759ff transparent transparent; } .dotitles_section .list { margin-left: -2.125rem; } .dotitles_section .twoblocks { float: right; width: 100%; } .dotitles_section .twoblocks .item { width: 100%; } .dotitles_section .twoblocks .item .bottom { bottom: 1.25rem; } .dotitles_section .twoblocks .item .bottom .desc { padding-top: 0.75rem; padding-bottom: 0.75rem; } .dotitles_section .twoblocks .item:not(:last-child) { margin-bottom: 0; } .dotitles_section .twoblocks .item .inner { padding-bottom: 42.5%; } .dotitles_section .twoblocks .item .inner:after { height: 10.5625rem; } .dotitles_section .item { padding-left: 2.125rem; float: right; width: 100%; } .dotitles_section .item .inner { display: block; padding-bottom: 88.7%; position: relative; transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .dotitles_section .item .inner:hover:after { box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); } .dotitles_section .item .inner:after { content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 15.125rem; box-shadow: 0.125rem 0.375rem 0.3125rem rgba(0, 0, 0, 0.16); background-image: linear-gradient(180deg, rgba(36, 116, 228, 0) 0%, rgba(18, 58, 114, 1) 100%); opacity: 0.55; z-index: 3; transition: box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .dotitles_section .item .bg { overflow: hidden; } .dotitles_section .item .cover { transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale(1.0001) rotate(0.01deg); transform-origin: 50% 75%; } .dotitles_section .item .inner:hover .cover { transform: scale(1.025) rotate(0.01deg); } .dotitles_section .item .inner:hover:after { opacity: 0.85; } .dotitles_section .item .bottom { position: absolute; right: 0; bottom: 1.25rem; width: 100%; z-index: 4; overflow: hidden; } .dotitles_section .item .bottom .tag { float: right; clear: both; padding: 0.5rem 1rem; margin-bottom: 0.5rem; } .dotitles_section .item .bottom .desc { float: right; clear: both; max-width: calc(100% - 1rem); background: rgba(62,62,60,0.6); padding: 1rem 1rem; line-height: 1.047; } .dotitles_section .item .bottom .desc .title { font-weight: 700; margin-bottom: 0.625rem; } .podcasts_section .title-section .arrow { border-color: transparent #23c9d5 transparent transparent; } .podcasts_section .player_box { height: auto; padding-left: 0; background: #E9E9E9; position: relative; } .podcasts_section .box .list { direction: rtl; padding: 0.875rem 0 0.875rem 0; } .podcasts_section .scrollbar-inner > .scroll-element.scroll-y { left: auto; right: 2.875rem; } .podcasts_section .box .item:not(:last-child) { margin-bottom: 2.8125rem; } .podcasts_section .box .item .in { display: block; box-shadow: -0.125rem 0.3125rem 0.375rem rgba(0, 0, 0, 0.16); position: relative; background-color: #ffffff; } .podcasts_section .box .item_in { padding: 1.5rem 3.375rem 1.5rem 1.25rem; color: #676767; transition: background-color 0.4s ease, color 0.4s ease; position: relative; z-index: 2; background-color: transparent; } .podcasts_section .box .in.active .item_in { color: #FFF; background-color: #23C9D5; } .podcasts_section .box .item .in .icon { position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); color: #939393; transition: color 0.4s ease; } .podcasts_section .box .in.active .icon { color: #FFF; } .podcasts_section .box .in.played .icon:before { content: '\e90c'; } .podcasts_section .box .item .in .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .podcasts_section .box .item .in .time { position: absolute; left: 1.25rem; top: 50%; transform: translateY(-50%); } .podcasts_section .player { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 2.8125rem 2.6875rem 2rem; box-shadow: -0.4375rem 0.3125rem 0.5rem rgba(0, 0, 0, 0.15); } .podcasts_section .player .image { position: relative; border: 1px solid rgba(62,62,60,0.13); width: 9.375rem; height: 9.375rem; margin: 0 auto; border-radius: 50%; margin-bottom: 1.5625rem; } .podcasts_section .player .image .cover { border-radius: 50%; box-shadow: -1px 0.1875rem 0.25rem rgba(0, 0, 0, 0.13); width: 75.8333%; height: 75.8333%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .podcasts_section .player .image .speaker { width: 1.875rem; height: 1.875rem; box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16); background-color: #2370d5; display: block; position: absolute; right: -3px; top: 17px; border-radius: 50%; text-align: center; overflow: hidden; } .podcasts_section .player.muted .image .speaker:after { content: ''; width: 3px; background: #FFF; height: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; transform: skewX(-45deg); border-radius: 0.1875rem; } .podcasts_section .player .image .speaker .icon { display: block; line-height: 1.875rem; } .podcasts_section .player .desc { background-color: #23bdd5; text-align: center; padding: 0.75rem 1.125rem 0.75rem; line-height: 1.2; margin-bottom: 3.25rem; } .podcasts_section .player .desc .title { margin-bottom: 0.25rem; } .podcasts_section .player .player-box { direction: ltr; } .podcasts_section .player .player-box .progress { position: relative; height: 0.1875rem; position: relative; background: rgba(62,62,60,0.13); margin-bottom: 3.125rem; } .podcasts_section .player .player-box .progress .bar { float: left; width: 100%; height: 100%; background: #2370D5; transform: scaleX(0); transition: transform 0.25s ease; transform-origin: 0% 50%; } .podcasts_section .player .player-box .progress.dragged .bar { transition: none; } .podcasts_section .player .player-box .progress .circle { width: 1.4375rem; height: 1.4375rem; border: 2px solid #2370d5; background-color: #23c9d5; position: absolute; left: 0; top: 50%; margin-top: -0.7782rem; margin-left: -0.7782rem; border-radius: 50%; transition: all 0.25s ease; cursor: pointer; } .podcasts_section .player .player-box .progress.dragged .circle { transition: none; } .podcasts_section .player .player-box .progress .time { position: absolute; right: 0; top: 100%; } .podcasts_section .player .player-box .controls { opacity: 1; font-size: 0; text-align: center; } .podcasts_section .player .player-box .controls button { display: inline-block; vertical-align: middle; } .podcasts_section .player .player-box .controls .play { width: 3.6875rem; height: 3.6875rem; background-color: #ffffff; border-radius: 50%; border: none; font-size: 1.5625rem; color: #6A6666; padding-left: 0.3125rem; } .podcasts_section .player .player-box.played .controls .play .icon:before { content: '\e90c'; position: relative; left: -0.1875rem; } .podcasts_section .player .player-box .controls .seek { height: 3.6875rem; font-size: 1.4375rem; background: none; border: none; margin: 0 1rem; } .inspire_section .title-section .arrow { border-color: transparent #4d98fb transparent transparent; } .inspire_section .scrollbar-inner { max-height: 40.0625rem; } .inspire_section .list_in { padding-left: 0; background: #E9E9E9; } .inspire_section .list { margin-left: 0; padding: 0; direction: rtl; } .inspire_section .item { padding-left: 8px; float: right; width: calc(100vw - 7.4375rem); padding-bottom: 0; } .inspire_section .item .in { display: block; width: 100%; padding-bottom: 92.8%; position: relative; overflow: hidden; box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16); direction: ltr; } .inspire_section .item .cover { background-blend-mode: multiply; background-color: #FFF; transform-origin: 50% 75%; transform: scale(1.0001) rotate(0.01deg); transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .inspire_section .item .in:hover .cover { transform: scale(1.025) rotate(0.01deg); } .inspire_section .item ul { position: absolute; left: 0; bottom: 0.5rem; z-index: 2; padding-left: 0.8125rem; width: 100%; } .inspire_section .item ul > li { float: left; margin-right: 0.8125rem; } .inspire_section .item ul > li .icon { font-size: 0.7225em; margin-right: 0.375rem; } .inspire_section .item .bottom { padding-top: 1.125rem; padding-right: 0.3125rem; } .inspire_section .item .bottom .profile-image { position: relative; width: 1.25rem; height: 1.25rem; display: inline-block; vertical-align: middle; margin-left: 0.5rem; border-radius: 50%; } .bn_section .row { padding-top: 16px; } .bn_section a { display: block; } .bn_section a img { display: block; width: 100%; } .bn_section a img.hide { display: none; } @media screen and (min-width: 768px) { .home_top .item .boxtext .title div { font-size: 0.6em; padding-bottom: 0.6875rem; } .home_top .item .boxtext .desc div { font-size: 0.7em; } .owl-stage { height:100%;min-width:100%;float:left} /* .collapse_section .innerpage{padding-top:4.6875rem;} */ /* .collapse_section.collapse-home .row{margin-bottom:1.75rem;} */ .collapse_section .row { padding: 0 30px 0 4.6875rem; } .collapse_section .box .title { margin-bottom: 2.0625rem; } .collapse_section .btn-more-cont { padding-top: 2.6875rem; padding-left: 1.4375rem; } .collapse_section .box .box_in { max-height: 156px; } .video_box .bottom { padding: 2.0625rem 2.1875rem; } .sectionshadow .row { padding: 3.5625rem 0.5rem 7.375rem 1.875rem; } .sectionshadow .title-section { margin-bottom: 3.1875rem; } .sectionshadow .btn-more-cont { left: 1.875rem; } .sectionshadow .btn-more .icon { margin-right: 1.2188rem; } .closeevents_section .list { padding: 0 0.5625rem 0 1.0625rem; } .closeevents_section .item .in { height: 6.9375rem; padding: 1.5rem 4.5625rem 0 1.25rem; } .closeevents_section .item ul > li:not(:last-child) { margin-left: 1.25rem; } .closeevents_section .item ul > li .icon { margin-left: 1.9375rem; } .closeevents_section .item .eventbox .inner { padding: 1.875rem 8.6875rem 2.25rem 30px; } .closeevents_section .item .eventbox .image { width: 10.1875rem; height: 11.8125rem; margin-right: 1.0625rem; } .closeevents_section .item .eventbox .dated { top: 11.25rem; } .closeevents_section .item .eventbox .title { margin-bottom: 1.6875rem; } .closeevents_section .item .eventbox .title:before { width: calc(100% - 6.625rem); } .closeevents_section .item .eventbox .ul { padding-top: 2.6875rem; } .closeevents_section .item .eventbox .ul > li .icon { margin-left: 0.9375rem; } .closeevents_section .item .eventbox .btn { margin-top: 1.75rem; } .dotitles_section .twoblocks .item .bottom { bottom: 2rem; } .dotitles_section .twoblocks .item .inner { padding-bottom: 85%; } .dotitles_section .item .inner { padding-bottom: 65.3%; } .dotitles_section .item .bottom { bottom: 2.75rem; } .dotitles_section .item .bottom .tag { padding: 0.6875rem 1.25rem; margin-bottom: 0.9375rem; } .dotitles_section .item .bottom .desc { max-width: calc(100% - 15px); padding: 1.4375rem 1.25rem; } .podcasts_section .box .list { padding: 3rem 2.8125rem 3rem 2.8125rem; } .podcasts_section .box .item_in { padding: 2.125rem 4.9375rem 2.125rem 8.8125rem; } .podcasts_section .box .item .in .icon { right: 1.8125rem; } .podcasts_section .box .item .in .time { left: 2.5rem; } .podcasts_section .player { padding: 2.8125rem 2.6875rem; } .podcasts_section .player .image { width: 15.125rem; height: 15.125rem; } .podcasts_section .player .image .speaker { width: 2.5rem; height: 2.5rem; right: 0.375rem; top: 1.875rem; } .podcasts_section .player.muted .image .speaker:after { width: 0.1875rem; } .podcasts_section .player .image .speaker .icon { line-height: 2.5rem; } .podcasts_section .player .desc { padding: 0.75rem 1.125rem 1.25rem; } .podcasts_section .player .desc .title { margin-bottom: 0.625rem; } .podcasts_section .player .player-box .progress { margin-bottom: 2.5rem; } .podcasts_section .player .player-box .progress .circle { width: 1.5625rem; height: 1.5625rem; margin-top: -0.7813rem; margin-left: -0.7813rem; } .podcasts_section .player .player-box .controls .play { width: 4.125rem; height: 4.125rem; font-size: 1.75rem; padding-left: 0.375rem; } .podcasts_section .player .player-box .controls .seek { height: 4.125rem; font-size: 1.625rem; margin: 0 1.125rem; } .inspire_section .list { margin-left: -1.625rem; padding: 0.75rem 0; } .inspire_section .item { padding-left: 1.625rem; width: 50%; padding-bottom: 1.5625rem; } .inspire_section .item .bottom .profile-image { width: 1.5625rem; height: 1.5625rem; margin-left: 2.125rem; } .bn_section .row { padding-top: 4.6875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .collapse_section.w-image .box { max-width: 30rem; } .collapse_section .image-box { margin-left: 0; } .collapse_section .image-box img { max-width: 12.375rem; } } @media screen and (max-width: 1023px) { .collapse_section .video_left { position: relative; margin-top: 3rem; } .dotitles_section .twoblocks { padding-top: 1.75rem; } .dotitles_section .twoblocks .item { float: right; width: 50%; } .podcasts_section .player { position: relative; } .podcasts_section .box { height: 30rem; } .closeevents_section .item .eventbox { position: relative; height: auto; background: none; transform: none; transition: none !important; display: none; opacity: 1; visibility: visible; transition-duration: 0; transition-delay: 0; } .closeevents_section .item .eventbox .inner { transition: none; transform: none; opacity: 1; } .closeevents_section .item .eventbox:before { border-width: 0 1.3125rem 1.0625rem 1.3125rem; border-color: transparent transparent #d9d9d9 transparent; top: 0.8125rem !important; left: auto; right: 2.625rem; } .closeevents_section .item .eventbox .ine { padding: 1.25rem 0 1rem; } .closeevents_section .item .eventbox .inner { background: #d9d9d9; } .closeevents_section .item .eventbox .image { left: auto; right: 0.9375rem; margin-right: 0; width: 6.1875rem; height: 7.8125rem; top: 2.1875rem; bottom: auto; } .closeevents_section .item .eventbox .dated { right: 0.9375rem; } .closeevents_section .item.open .inner { pointer-events: all; } .closeevents_section .item.open .title:after { opacity: 1; background: #3e3e3c; } .closeevents_section .item.open .in { box-shadow: -0.125rem 0.3125rem 0.375rem rgba(0, 0, 0, 0.16); } .closeevents_section .item.open .in { background-color: #3e3e3c; } .closeevents_section .item.open .date { box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16); } } @media screen and (max-width: 767px) { .home_top { height: auto; /*padding-bottom: 120%;*/ } /**ay removed*/ .home_top.internal_header { height: auto; padding-bottom: 62%; } /* .home_top .home_slider .item .bg { background: none; } .home_top .home_slider .item .bg .mobile { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .home_top .home_slider .dots { width: 100%; padding-left: 0; } .home_top .home_slider .dots ul { text-align: center; }*/ .home_top .btn-pause { position: absolute; left: 10%; bottom: 10%; right: auto;z-index:10000;cursor:pointer } .home_top .btn-play { position: absolute; left: 10%; bottom: 10%; right: auto;z-index:10000;cursor:pointer } .home_top .item .boxtext { padding: 0 16px; } .home_top .item .boxtext .title div { line-height: 0.8; } .home_top .item .boxtext .link a { font-size: 1.25rem; } .collapse_section .video_left { margin-top: 1.875rem; margin-bottom: 1.875rem; } .video_box .play_btn { font-size: 1.75rem; padding-left: 0.08em; } .video_box .bottom .title { font-size: 20px; } .video_box .bottom .title:after { height: 0.375rem; } .video_box .bottom .desc { font-size: 14px; } .collapse_section.collapse-home .row { border-bottom: none; } .collapse_section .image-box { margin-left: 0; float: none; } .collapse_section .image-box img { max-width: 100%; width: auto; margin: 0 auto; margin-bottom: 2rem; } /*.blockAbout h2 {padding-top:20px }*/ .sectionshadow { border-right: 5px solid #000; } .sectionshadow .innerpage { padding-right: 11px; } .sectionshadow .row { box-shadow: none; padding-left: 0; padding-right: 0; background: none; border-bottom: none; } .sectionshadow .bright { display: none; } .sectionshadow .title-section { padding-right: 1.625rem; } .sectionshadow .title-section .arrow { right: -14px; } .closeevents_section .title-section { color: #FFF; } .closeevents_section { background: #464545; border-color: #3e48ce; } .closeevents_section .item .in { min-height: 5.875rem; } .closeevents_section .item .in:after { content: ''; clear: both; display: table; } .closeevents_section .item:first-child { padding-top: 0; } .closeevents_section .item:last-child { border-bottom: 1px solid #6E6D6D; } .btn-more, .btn-more2 { font-size: 19px; } .closeevents_section .btn-more { color: #FFF; } .closeevents_section .item .eventbox .image { width: 3.0625rem; height: 4.1875rem; right: 0.5rem; } .closeevents_section .item .eventbox .title { font-size: 20px; font-weight: bold; } .closeevents_section .item .eventbox .image { top: 1.6875rem; } .closeevents_section .item .eventbox .dated { width: 3.0625rem; right: 0.5rem; transform: scale(0.75); } .closeevents_section .item .eventbox .ul > li:last-child { margin-bottom: 0.5rem; } .closeevents_section .item .eventbox:before { top: 0.625rem !important; } .dotitles_section { border-color: #8759ff; background: #F3EFFF; } .dotitles_section .twoblocks .item { width: 100%; } .dotitles_section .twoblocks .item:not(:last-child) { margin-bottom: 1rem; } .dotitles_section .twoblocks { padding-top: 1rem; } .dotitles_section .item .bottom .desc .title { font-size: 18px; } .dotitles_section .item .bottom .desc { font-size: 16px; } .dotitles_section .item .bottom .tag { font-size: 20px; } .podcasts_section { border-color: #23C9D5; background: #E9FAFB; } .podcasts_section .player { padding-top: 101px; } .podcasts_section .player .title { font-size: 20px; } .podcasts_section .player .desc { position: absolute; left: 0; top: 0; text-align: right; font-size: 16px; height: 86px; } .podcasts_section .player .image .speaker { font-size: 0.875rem; } .podcasts_section .player_box { background: transparent; padding: 0 8px; } .podcasts_section .box .item .in .title { font-size: 18px; } .podcasts_section .box .item .in .time { margin-top: 18px; font-size: 12px; } .podcasts_section .box .item .in .time > span { display: none; } .podcasts_section .box { overflow: visible !important; max-height: none !important; height: auto; } .podcasts_section .box .list { margin-top: 2rem; border-top: 1px solid #DFDFDF; margin-left: -8px; margin-right: -8px; } .podcasts_section .box .item:not(:last-child) { margin-bottom: 0.875rem; padding-bottom: 0.9375rem; position: relative; padding-left: 8px; padding-right: 8px; display: none; } .podcasts_section .box .item:last-child { padding-left: 8px; padding-right: 8px; } .podcasts_section .box .item:not(:last-child):after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; bottom: 0; height: 1px; background: #DFDFDF; } .podcasts_section .box .item:nth-child(-n+2) { display: block; } .inspire_section { background: #EEF5FF; border-color: #4D98FB; } .inspire_section .carousel:after { content: 'flickity'; display: none; } .inspire_section .list_in { background: transparent; } .inspire_section .scrollbar-inner { margin-right: -11px; margin-left: -16px; } .inspire_section .item { padding-right: 8px; } .inspire_section .item .bottom { font-size: 16px; } .inspire_section .item:first-child { padding-right: 30px; float: right; width: calc(100vw - 6.0625rem); } .inspire_section .item:last-child { padding-left: 30px; float: right; width: calc(100vw - 6.0625rem); } .bn_section a img.hide { display: block; } /*.bn_section a img:not(.hide){display: none;}*/ .bn_section a img.showInMobile { display: none; } .bn_section .innerpage { padding: 0; } } @media screen and (min-width: 1024px) { /*.home_top { height: auto; width:100%; position: relative;} .owl-carousel .owl-stage { height:auto;min-width:100%;float:left} .home_top .item.active .bg { transform: scale(1.1); } .home_top .dots { bottom: 1rem; padding-left: 3.0625rem; } .home_top.page_head .owl-dots {text-align:center; bottom:10%; padding-left: 0;position:absolute;left:50%;width:200px; z-index:10000 } .home_top.page_head .boxtext {text-align:center; bottom:70%; padding-left: 0;position:absolute;left:0; } .home_top .dots ul > li:not(:last-child) { margin-left: 0.9375rem; } .home_top .dots ul > li .dot { height: 0.3125rem; width: 0.8125rem; height: 0.8125rem; } .home_top .dots ul > li .dot:after { width: calc(100% + 0.5rem); height: calc(100% + 0.5rem); top: -0.25rem; left: -0.25rem; } .home_top .btn-pause { top: -0.25rem; padding: 0 0.625rem;display:block;z-index:10000 } .home_top .btn-play { top: -0.25rem; padding: 0 0.625rem;display:block;z-index:10000 } .home_top .btn-pause .icon-pause { transform: scaleY(0.7); top: -1px; } .home_top .slider_pause .btn-pause .icon-pause { transform: scaleY(0.8) scaleX(0.8); } .home_top .item .boxtext .title div { font-size: 0.8em; } .home_top .item .boxtext .desc div { font-size: 0.9em; }*/ /*.home_top.page_head .owl-item{} .home_top.page_head .owl-item .item img{width:100%; height:540px;display:block;} .home_top.page_head .owl-item .item {width:100%;height:auto;display:block;}*/ /* .owl-theme .owl-dots .owl-dot { display: inline-block;text-align:center; zoom:1;background: none; }*/ .collapse_section.w-video .row { min-height: 31.4375rem; } /*.collapse_section .innerpage, .section .innerpage{padding-top:2.5rem;padding-bottom:2.5rem;}*/ .collapse_section.collapse-home .row { margin-bottom: 2.5rem; } .collapse_section .row { padding: 0 1.5625rem 0 3.125rem; } .collapse_section .box { max-width: 38.75rem; padding: 2.1875rem 0; } .collapse_section .box .title { margin-bottom: 2.0625rem; } .collapse_section .box .box_in { line-height: 1.45; } .collapse_section .box .box_in:after { height: 2.75rem; } .collapse_section.open .box .box_in:after { transform: scaleY(0); } .collapse_section .btn-more-cont { padding-top: 2.6875rem; padding-left: 1.4375rem; } .collapse_section.open .btn-more .icon:before { transform: rotate(45deg); } .collapse_section.open .btn-more2 .icon:before { transform: rotate(45deg); } .collapse_section .video_left { width: calc(100% - 40.5625rem); } .collapse_section .box .box_in { max-height: 100px; } .btn-more .icon { width: 1.75em; height: 1.75em; line-height: 1.75em; font-size: 0.667em; margin-right: 0.75rem; } .btn-more .icon.icon-chev_left:before { font-size: 0.7em; top: -1px; right: 1px; } .btn-more2 .icon { width: 1.75em; height: 1.75em; line-height: 1.75em; font-size: 0.667em; margin-right: 0.75rem; } .btn-more2 .icon.icon-chev_left:before { font-size: 0.7em; top: -1px; right: 1px; } .video_box { padding-bottom: 59%; } .video_box .play_btn { width: 2.0204em; height: 2.0204em; font-size: 3.0625rem; } .video_box .play_btn .icon { line-height: 2.0204em; left: 0.125rem; } .video_box .bottom { padding: 2.0625rem 2.1875rem; } .video_box .bottom .title { margin-bottom: 0.125rem; } .video_box .bottom .title:after { width: calc(100% + 1rem); right: -0.25rem; height: 0.5625rem; } .sectionshadow .row { padding: 3.5625rem 0.5rem 7.375rem 4.625rem; border-bottom-width: 0.1875rem; border-bottom-style: solid; min-height: 43.2rem } .sectionshadow .title-section { padding-right: 2.4375rem; margin-bottom: 3.1875rem; } .sectionshadow .title-section .arrow { border-width: 0.875rem 0.6875rem 0.875rem 0; } .sectionshadow .bright { width: 0.5rem; height: calc(100% - 1.25rem); } .sectionshadow .btn-more-cont { left: 3.25rem; bottom: 3.375rem; } .sectionshadow .btn-more .icon { margin-right: 1.2188rem } .closeevents_section .list { width: 28.75rem; padding: 0 0.5625rem 0 1.0625rem; } .closeevents_section .item { padding: 14px 0.6875rem 15px 0.5625rem; } .closeevents_section .item .in { height: 6.9375rem; padding: 1.5rem 4.5625rem 0 1.25rem; } .closeevents_section .item .date { width: 4.3125rem; height: 4.3125rem; right: -0.75rem; padding-top: 0.4375rem; padding-right: 0.25rem; } .closeevents_section .item .date .bold { margin-bottom: 1px; } .closeevents_section .item .title { margin-bottom: 0.8125rem; } .closeevents_section .item ul > li:not(:last-child) { margin-left: 1.25rem; } .closeevents_section .item ul > li .icon { margin-left: 0.9375rem; font-size: 1.273125em; } .closeevents_section .item ul > li .icon.icon-people { font-size: 0.8275em; } .closeevents_section .item .eventbox { opacity: 0 !important; transform: scale(0.85); right: 31.6875rem; width: calc(100% - 31.6875rem); /*height:431px;*/ height: 388px; display: block !important; } .closeevents_section .item .eventbox:before { border-width: 1.3125rem 0 1.3125rem 1.0625rem; top: 3rem; } .closeevents_section .item:nth-child(2) .eventbox:before { top: 11.875rem; } .closeevents_section .item:nth-child(3) .eventbox:before { top: 20.75rem; } .closeevents_section .item.active .eventbox { opacity: 1 !important; transform: scale(1); } .closeevents_section .item .eventbox .inner { transform: translate3d(4.375rem, 0, 0); padding: 4.5rem 6.5rem 2.25rem 10.75rem; } .closeevents_section .item.active .eventbox .inner { transform: translate3d(0, 0, 0); } .closeevents_section .item .eventbox .image { left: 2.5rem; width: 7.1875rem; height: 8.8125rem; margin-right: 1.0625rem; } .closeevents_section .item .eventbox .dated { top: 4.375rem; width: 6.5rem; } .closeevents_section .item .eventbox .dated .bold { line-height: 0.7; margin-bottom: 0.3125rem; } .closeevents_section .item .eventbox .title { margin-bottom: 1.6875rem; } .closeevents_section .item .eventbox .title:before { width: calc(100% - 6.625rem); bottom: -0.375rem; height: 1px; } .closeevents_section .item .eventbox .ul { padding-top: 2.6875rem; } .closeevents_section .item .eventbox .ul > li .icon { margin-left: 0.9375rem; } .closeevents_section .item .eventbox .btn { width: 10.125rem; margin-top: 1.75rem; } .closeevents_section .item.active .inner { pointer-events: none; } .closeevents_section .item.active .title:after { opacity: 1; background: #3e3e3c; } .closeevents_section .item.active .in { box-shadow: -0.125rem 0.3125rem 0.375rem rgba(0, 0, 0, 0.16); } .closeevents_section .item.active .in { background-color: #3e3e3c; } .closeevents_section .item.active .date { box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16); } .dotitles_section .list { margin-left: -2.125rem; } .dotitles_section .twoblocks { width: 50%; } .dotitles_section .twoblocks .item .bottom { bottom: 2rem; } .dotitles_section .twoblocks .item .bottom .desc { padding-top: 0.75rem; padding-bottom: 0.75rem; } .dotitles_section .twoblocks .item:not(:last-child) { margin-bottom: 1.75rem; } .dotitles_section .twoblocks .item .inner { padding-bottom: 43.5%; } .dotitles_section .twoblocks .item .inner:after { height: 10.5625rem; } .dotitles_section .item { padding-left: 2.125rem; width: 50%; } .dotitles_section .item .inner { padding-bottom: 91.3%; } .dotitles_section .item .inner:after { height: 15.125rem; } .dotitles_section .item .cover { transform: scale(1.0001) rotate(0.01deg); } .dotitles_section .item .inner:hover .cover { transform: scale(1.025) rotate(0.01deg); } .dotitles_section .item .bottom { bottom: 2.75rem; } .dotitles_section .item .bottom .tag { padding: 0.6875rem 2.1875rem; margin-bottom: 0.9375rem; } .dotitles_section .item .bottom .desc { max-width: 29.5rem; padding: 1.4375rem 2.1875rem; line-height: 1.047; } .dotitles_section .item .bottom .desc .title { margin-bottom: 0.625rem; } .podcasts_section .player_box { height: 40rem; padding-left: 35.375rem; } .podcasts_section .box .list { padding: 3rem 4.3125rem 3rem 3rem; } .podcasts_section .scrollbar-inner > .scroll-element.scroll-y { left: auto; right: 1.875rem; } .podcasts_section .box .item:not(:last-child) { margin-bottom: 2.8125rem; } .podcasts_section .box .item_in { padding: 2.125rem 4.9375rem 2.125rem 7.8125rem; } .podcasts_section .box .item .in .icon { right: 1.8125rem; transform: translateY(-50%); } .podcasts_section .box .item .in .time { left: 1.5rem; transform: translateY(-50%); } .podcasts_section .player { width: 35.375rem; padding: 2.8125rem 2.6875rem; } .podcasts_section .player .image { width: 15.125rem; height: 15.125rem; margin-bottom: 1.5625rem; } .podcasts_section .player .image .cover { width: 75.8333%; height: 75.8333%; } .podcasts_section .player .image .speaker { width: 2.5rem; height: 2.5rem; right: 0.375rem; top: 1.875rem; } .podcasts_section .player.muted .image .speaker:after { width: 0.1875rem; height: 50%; transform: skewX(-45deg); } .podcasts_section .player .image .speaker .icon { line-height: 2.5rem; } .podcasts_section .player .desc { padding: 0.75rem 1.125rem 1.25rem; line-height: 1.2; margin-bottom: 3.25rem; min-height: 7.25rem; } .podcasts_section .player .desc .title { margin-bottom: 0.625rem; } .podcasts_section .player .player-box .progress { height: 0.1875rem; margin-bottom: 2.5rem; } .podcasts_section .player .player-box .progress .bar { transform: scaleX(0); } .podcasts_section .player .player-box .progress .circle { width: 1.5625rem; height: 1.5625rem; margin-top: -0.7813rem; margin-left: -0.7813rem; } .podcasts_section .player .player-box .controls .play { width: 4.125rem; height: 4.125rem; font-size: 1.75rem; padding-left: 0.375rem; } .podcasts_section .player .player-box.played .controls .play .icon:before { left: -0.1875rem; } .podcasts_section .player .player-box .controls .seek { height: 4.125rem; font-size: 1.625rem; margin: 0 1.125rem; } .inspire_section .scrollbar-inner { max-height: 40.0625rem; } .inspire_section .list_in { padding-left: 6.625rem; } .inspire_section .list { margin-left: -1.625rem; padding: 0.75rem 0; } .inspire_section .item { padding-left: 1.625rem; width: 33.3333%; padding-bottom: 1.5625rem; } .inspire_section .item .in { padding-bottom: 92.8%; } .inspire_section .item .cover { background-blend-mode: multiply; transform: scale(1.0001) rotate(0.01deg); } .inspire_section .item .in:hover .cover { transform: scale(1.025) rotate(0.01deg); } .inspire_section .item ul { bottom: 0.5rem; padding-left: 0.8125rem; } .inspire_section .item ul > li { margin-right: 0.8125rem; } .inspire_section .item ul > li .icon { font-size: 0.7225em; margin-right: 0.375rem; } .inspire_section .item .bottom { padding-top: 1.125rem; padding-right: 0.3125rem; } .inspire_section .item .bottom .profile-image { width: 1.5625rem; height: 1.5625rem; margin-left: 2.125rem; } .bn_section .row { padding-top: 2.5rem; } .home_top.page_head .owl-dots {text-align:center; bottom:6%; padding-left: 0;position:absolute;left:50%; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .closeevents_section .row > .inner { min-height: 431px; } } @media screen and (min-width: 1280px) { .collapse_section .row { padding: 0 0rem 0 0rem; } .collapse_section .video_left { width: calc(100% - 44.5625rem); padding-bottom: 2.5rem; } .closeevents_section .item ul > li .icon { margin-left: 1.9375rem; } .closeevents_section .item .eventbox { height: 388px; } .closeevents_section .item .eventbox .inner { padding: 4.5rem 6.5rem 2.25rem 13.75rem; } .closeevents_section .item .eventbox .image { width: 10.1875rem; height: 11.8125rem; } .podcasts_section .player_box { height: 43rem; } .podcasts_section .box .list { padding: 3rem 6.3125rem 3rem 5rem; } .podcasts_section .scrollbar-inner > .scroll-element.scroll-y { right: 2.875rem; } .podcasts_section .box .item_in { padding: 2.125rem 4.9375rem 2.125rem 8.8125rem; } .podcasts_section .box .item .in .time { left: 2.5rem; } .collapse_section .box .box_in { max-height: 168px; } .home_top.page_head .owl-dots {text-align:center; bottom:6%; padding-left: 0;position:absolute;left:50%; } } @media screen and (min-width: 1440px) { .closeevents_section .item { padding: 0.875rem 0.6875rem 0.9375rem 0.5625rem; } .closeevents_section .item .eventbox { height: 370px; } .podcasts_section .player_box { height: 40rem; } } @media screen and (min-width: 1800px) { .closeevents_section .item .eventbox { height: 421px !important; } } @media screen and (min-width: 1800px) { .podcasts_section .player_box { height: 39rem; } .collapse_section .box .box_in { max-height: 156px; } } /* Template - Blog post */ .breadcrumbs { background: #DFDFDF; padding: 1.625rem 2.5rem 0.625rem ; } .breadcrumbs ul > li { float: right; } .breadcrumbs ul > li:not(:last-child) { padding-left: 1.6875rem; position: relative; } .breadcrumbs ul > li:not(:last-child):after { content: '>'; position: absolute; left: 0.5rem; top: 0; } .breadcrumbs .innerpage { padding: 0 16px } /*.twocols_section .tinnerpage{padding-top:3.75rem;} */ .twocols_section .trow { padding-left: 0; } .twocols_section .col_left { position: absolute; left: 0; top: 0; width: 30.625rem; } .twocols_section .col_left .bn_cont { position: relative; display: block; float: left; width: 13.125rem; } .twocols_section .col_left .bn_cont img { display: block; width: 100%; } .article_blog { padding-bottom: 4.75rem; } .article_blog .title-bg { margin-bottom: 1.5625rem; margin-left: 0; } .title-bg div { position: relative; } .title-bg div:not(:last-child) { margin-bottom: 0.5rem; } .title-bg div span { display: inline-block; background: #3E3E3C; padding: 0.5938rem 0.9375rem; color: #FFF; letter-spacing: 0; position: relative; } .title-bg div:before { content: ''; width: 0.5rem; height: 100%; position: absolute; right: 0; top: 0; background: #2474E4; z-index: 2; } .title-bg.cyan div:before { background: #15C4A5; } .title-bg.transparent div span { background: none; color: #060909; padding-top: 0; padding-bottom: 0; } .title-bg.transparent div span:before { width: 0.5rem; } .article_blog .desc { line-height: 1.4166; margin-bottom: 1.5rem; } .article_blog .author { color: #848482; } .article_blog .content { margin-top: 2.125rem; } .article_blog p:not(:last-child) { margin-bottom: 2.6875rem; } .article_blog p a { color: #2474E4; text-decoration: underline; } .article_blog .photos_grid { margin-left: -0.75rem; padding-bottom: 1.25rem; font-size: 0; text-align: right; } .article_blog .photos_grid > li { display: inline-block; padding-left: 0.75rem; padding-bottom: 0.75rem; width: 100%; vertical-align: top; } .article_blog .photos_grid > li.photo-1 { width: 33.68%; } .article_blog .photos_grid > li.photo-2 { width: 66.32%; } .article_blog .photos_grid > li.photo-50 { width: 50%; } .article_blog .photos_grid > li .image { position: relative; padding-bottom: 31.55%; } .article_blog .photos_grid > li.photo-1 .image { padding-bottom: 100%; } .article_blog .photos_grid > li.photo-2 .image { padding-bottom: 48.36%; } .article_blog .photos_grid > li.photo-50 .image { padding-bottom: 65.2%; } .article_blog .quote { padding-right: 2.9063rem; position: relative; color: #2474E4; line-height: 1.25; padding-bottom: 3.125rem; padding-top: 0; padding-left: 0; } .article_blog .quote:before { content: ''; background: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/icon_quote.png') no-repeat 0 0; background-size: 100%; width: 2rem; height: 1.625rem; position: absolute; right: 0; top: 0.4375rem; } .article_blog .quote .quote_author { color: #848482; padding-top: 0.625rem; line-height: 1; } .article_blog .title-2 { margin-bottom: 1.8125rem; } .article_blog .img_box { margin-bottom: 1.875rem; } .article_blog .img_box img { display: block; max-width: 100%; } .article_blog .img_box .descimg { padding-top: 1.25rem; color: #888989; } .article_blog .ul-nums { padding: 0.6875rem 0 3.625rem; counter-reset: ulnums; padding: 0 30px; } .article_blog .ul-nums > li { padding-right: 2.375rem; position: relative; } .article_blog .ul-nums > li:not(:last-child) { margin-bottom: 2.4375rem; } .article_blog .ul-nums > li .title-2 { margin-bottom: 1.25rem; } .article_blog .ul-nums > li .title-2:before { counter-increment: ulnums; content: '0' counter(ulnums); position: absolute; right: 0; top: 0; color: #2474E4; font-size: 120%; top: -0.1em; } .linebox { padding: 2.3125rem 0 3.4375rem; } .linebox .linebox_in { border-right: 0.4688rem solid #2474E4; padding-right: 0.9375rem;; max-width: 27.625rem; padding-bottom: 0.25rem; } .linebox .title-3 { line-height: 0.8; } .linebox .desco { padding-top: 0.6875rem; margin-bottom: 1rem; } .linebox .desc_small { margin-bottom: 1.125rem; } .morearticles_section .row > .title-bg { margin-bottom: 3.375rem; } .morearticles_section .list { margin-left: 0; padding-bottom: 0; margin-bottom: 4.6875rem; } .morearticles_section .flickity-page-dots { bottom: 1.5625rem; } .morearticles_section .flickity-page-dots .dot { width: 0.9375rem; height: 0.9375rem; margin: 0 0.4688rem; background: #F7F7F7; opacity: 1; } .morearticles_section .flickity-page-dots .dot.is-selected { background: #DFDFDF; } .morearticles_section .item { width: 80%; padding-left: 0; } .morearticles_section .item .inner { position: relative; display: block; padding-bottom: 100%; overflow: hidden; } .morearticles_section .item .inner:after { content: ''; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%); position: absolute; left: 0; top: 0; transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .morearticles_section .item .image { transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale(1.0001) rotate(0.01deg); transform-origin: 50% 75%; } .morearticles_section .item .inner:hover .image { transform: scale(1.025) rotate(0.01deg); } .morearticles_section .item .inner:hover:after { opacity: 0; } .morearticles_section .item .title-bg { position: absolute; right: 0; bottom: 1.375rem; z-index: 3; } .morearticles_section .item .title-bg div:not(:last-child) { margin-bottom: 0.4688rem; } .morearticles_section .item .title-bg div span { padding-left: 1rem; padding-right: 1rem; background: rgba(62,62,60,0.6); } .morearticles_section .item .title-bg div:before { width: 0.5rem; } .morearticles_section .flickity-prev-next-button { width: 2.8125rem; height: 2.8125rem; color: #A2A3A3; margin-left: 0; } .morearticles_section .flickity-prev-next-button:hover { color: #060909; } .morearticles_section .flickity-prev-next-button.previous { left: 100%; right: auto; margin-left: -2.8125rem; } .morearticles_section .flickity-prev-next-button:after { font-family: 'colmanicons' !important; content: "\e917"; font-size: 1.6875rem; } .morearticles_section .flickity-prev-next-button:not(.previous):after { transform: scaleX(-1); } /* pagein_head*/ .pagein_head { position: relative; background-color: #000; z-index: 2; } .pagein_head > .innerpage:after { content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; transform: translate3d(0,25rem,0); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; backface-visibility: hidden; } .pagein_head .bg_cont, .pagein_head .bg_cont .parallax-move { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; overflow: hidden; } .pagein_head .bg_cont { height: 100%; /*top: -10%;*/ } /**trial*/ .pagein_head .bg_cont img { width:100%;display:block; top: -10%;max-width: 100%; } /**ay*/ .pagein_head .bg_cont .parallax-move { height: 100%; } .pagein_head .bg { transform: scale(1.1); } .pagein_head .innerpage { position: relative; } .pagein_head > .innerpage {padding:0; height: 30rem; position: relative; overflow: hidden; z-index: 2;max-width:100%!important } .pagein_head > .innerpage .row { /*height: 100%; */position: relative;/* overflow: hidden;*/ z-index: 3; } .pagein_head .box { position: absolute; right: 10rem; bottom: 12%; z-index: 4; } /**ay*/ .pagein_head .mobile .box { position: absolute; right: 0; bottom: 5.75rem; z-index: 4; } .pagein_head .box .title-bg { float: right; clear: both; } .pagein_head .box .title-bg div { overflow-y: hidden; } .pagein_head .box .title-bg div span { background: rgba(62,62,60,0.6); transform: translate3d(6.25rem,0,0); opacity: 0; } .pagein_head .box .title-bg div:before { transform: scaleY(0); } .pagein_head .box .title-bg-small { font-weight: 400; margin-top: 0.9375rem; float: right; } .pagein_head .box .title-bg-small div:before { display: none; } .pagein_head.loaded .bg { transition: transform 4s cubic-bezier(0.39, 0.575, 0.565, 1); transform: scale(1); } .pagein_head.loaded > .innerpage:after { transform: translate3d(0,0,0); transition: transform 1.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.25s; } .pagein_head.loaded .box .title-bg div span { transform: translate3d(0,0,0); opacity: 1; display: block; transition: transform 0.8s ease 0.5s, opacity 0.8s ease 0.5s; } .pagein_head.loaded .box .title-bg-small div span { transition-delay: 0.575s; } .pagein_head.loaded .box .title-bg div:before { transform: scaleY(1); transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); } .pagein_head .navpage { background: #DFDFDF; padding: 0.9375rem 0; } .pagein_head .navpage .cselect_cont { max-width: 28.5625rem; background: #FFF; } .pagein_head .navpage .cselect_cont .cselect_custom .list li.active:not(.disabled) { color: #2474E4; } .pagein_head .navpage .cselect_cont .cselect_custom .list li:after { background: #2474E4; } .voice_list { padding-top: 2.875rem; } .article_blog .voice_list .title-bg { margin-bottom: 1rem; } .voice_list .list { max-width: 420px; } .voice_list .list .item { padding: 2.25rem 0 1.5rem; border-bottom: 1px solid #DFDFDF; } .voice_list .list .item .title { line-height: 1.42; } .voice_list .list .item .btn-arrow { margin-top: 0.5rem; display: inline-block; float: none; } .ulist { list-style: disc; padding-right: 2.5rem; } @media screen and (min-width: 768px) { .article_blog { padding-bottom: 6.9375rem; } .article_blog .title-bg { margin-bottom: 4.25rem; } .title-bg div:not(:last-child) { margin-bottom: 0.9375rem; } .title-bg div span { padding: 0.5938rem 1.9375rem; } .title-bg div:before { width: 0.9375rem; } .article_blog .photos_grid { margin-left: -1.875rem; } .article_blog .photos_grid > li { padding-left: 1.875rem; padding-bottom: 1.875rem; } .article_blog .quote { padding-right: 3.7813rem; padding-bottom: 4.375rem; padding-top: 1.25rem; padding-left: 3.125rem; } .article_blog .quote:before { width: 2.8125rem; height: 2.3125rem; top: 1.375rem; } .voice_list { padding-top: 3.75rem; } .article_blog .voice_list .title-bg { margin-bottom: 1.875rem; } .morearticles_section .list { margin-left: -1.875rem; } .morearticles_section .flickity-page-dots { bottom: -3.125rem; } .morearticles_section .item { width: 40%; padding-left: 1.875rem; } } @media screen and (max-width: 1023px) { .twocols_section .col_left { display: none; } .twocols_section .title-bg.f-56, .morearticles_section .f-56 { font-size: 2.5rem; } .morearticles_section .list { margin: 0 -1.875rem; } .morearticles_section .item .title-bg { font-size: 1.875rem; } .morearticles_section .flickity-prev-next-button { background: rgba(255,255,255,0.7); color: #060909; } .pagein_head .box { position: absolute; right: 0; top:25% ; z-index: 4; } .pagein_head .box .title-bg { font-size: 2.5rem; } .pagein_head .bg_cont { height: 100%; top: 0; } .pagein_head .box .title-bg div span { background: rgba(62,62,60,0.6); transform: translate3d(2rem,0,0); } .hSlide .row .box { margin-right: 5rem !important; } .hSlide .row .mobile .box { margin-right: 5rem !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .morearticles_section .item { padding-right: 30px; padding-left: 0; } } @media screen and (max-width: 767px) { .breadcrumbs { display: none; } .twocols_section .title-bg.f-56, .morearticles_section .f-56 { font-size: 2rem; } .morearticles_section .item { padding-right: 16px; } .morearticles_section .list { margin: 0 -16px; padding-bottom: 88px; } .pagein_head > .innerpage { height: 17.5rem; } .pagein_head .box { top:25% } .pagein_head .navpage { padding: 16px 0; } .pagein_head .navpage .cselect_cont { max-width: 100%; } .morearticles_section .flickity-prev-next-button { margin-top: -44px; } .morearticles_section .flickity-page-dots { bottom: 2rem; } .morearticles_section .row > .title-bg { margin-bottom: 2rem; } .pagein_head .box .title-bg-small { font-size: 1.5rem; } .linebox { padding: 1rem 0 3.4375rem; } .linebox .btn { float: right; width: auto; } .voice_list .list .item .btn-arrow { width: auto; } .article_blog .desc .btn-arrow { width: auto; } } @media screen and (min-width: 1024px) { /* .twocols_section .tinnerpage{padding-top:7.5rem;} */ .pagein_head > .innerpage { /*height: 25.5rem;*/ } /**ay */ .twocols_section .trow { padding-left: 207.5008px; } .twocols_section .col_left { width: 207.5008px; } .twocols_section .col_right { min-height: 49.25rem; } .article_blog .title-bg { margin-left: -1.875rem; } .voice_list { padding-top: 6.5625rem; } .morearticles_section .list { margin-left: -3.75rem; } .morearticles_section .flickity-page-dots { bottom: -4.8125rem; } .morearticles_section .item { width: 33.3333%; padding-left: 3.75rem; } .morearticles_section .flickity-prev-next-button { width: 3.75rem; height: 3.75rem; margin-left: -1.875rem; } .morearticles_section .flickity-prev-next-button.previous { margin-left: 1.875rem; } .morearticles_section .flickity-prev-next-button:after { font-size: 2.875rem; } } @media screen and (min-width: 1024px) and (max-width: 1439px) { .morearticles_section .row { padding: 0; } .morearticles_section .flickity-prev-next-button { width: 3.75rem; height: 3.75rem; color: #A2A3A3; margin-left: 0; background: rgba(255,255,255,0.7); color: #060909; opacity: 1; } .morearticles_section .flickity-prev-next-button:hover { color: #060909; } .morearticles_section .flickity-prev-next-button.previous { left: 100%; right: auto; margin-left: 0px; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .morearticles_section .flickity-prev-next-button { margin-left: 20px; } .morearticles_section .flickity-prev-next-button.previous { margin-left: -20px; } } @media screen and (min-width: 1280px) { .twocols_section .trow { padding-left: 23.75rem; } .twocols_section .col_left { width: 23.75rem; } } @media screen and (min-width: 1440px) { .twocols_section .trow { padding-left: 26.25rem; } .twocols_section .col_left { width: 26.25rem; } } @media screen and (min-width: 1800px) { .twocols_section .trow { padding-left: 30.625rem; } .twocols_section .col_left { width: 30.625rem; } } @media screen and (min-width: 1024px) { .twocols_section .col_right .collapse_section .box { max-width: 28.75rem; padding-top: 0; } .twocols_section .col_right .collapse_section .video_left { width: calc(100% - 32.5625rem); } } /* Template - Deacon */ .btn_section { background: #DFDFDF; padding: 16px 0; position: relative; z-index: 10; } .btn_section.b-grayd { background-color: #3e3e3c; } .btn_section.b-grayd span .icon { background: #FFF; color: #060909; } .btn-arrow { height: 2.8125rem; line-height: 2.8125rem; max-width: none; float: right; padding: 0; } .btn-arrow span { padding: 0 0.9375rem 0 3.75rem; } .btn-arrow span .icon { position: absolute; left: 0; width: 2.8125rem; height: 2.8125rem; background: #3E3E3C; top: 0; margin: 0; text-align: center; line-height: 2.8125rem; padding: 0; font-size: 1.0625em; padding-right: 0.125rem; } .btn-arrow.btn-s { height: 30px; line-height: 30px; } .btn-arrow.btn-s span { padding: 0 15px 0 44px; color: #fff; } /*ay*/ .btn-arrow.btn-s span .icon { width: 30px; height: 30px; line-height: 30px; padding: 0; } .btn-arrow.btn-iwhite .icon { background: #FFF; color: #060909; } .ourservices_section { padding-bottom: 4rem; } .ourservices_section > .title-bg { margin-bottom: 1.875rem; } .ourservices_section .item:not(:last-child) { margin-bottom: 2.5rem; } .ourservices_section .item .inner { position: relative; min-height: 0; padding-right: 0; } .ourservices_section .item .image { width: 100%; height: auto; position: absolute; right: 0; top: 0; overflow: hidden; } .ourservices_section .item .image .cover { transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale(1.0001) rotate(0.01deg); transform-origin: 50% 75%; } .ourservices_section .item .image:hover .cover { transform: scale(1.025) rotate(0.01deg); } .ourservices_section .item .image .title-bg { bottom: 1.375rem; position: absolute; right: 0; } .ourservices_section .item .image .title-bg div span { background: rgba(62,62,60,0.6); } .ourservices_section .item .desc { padding-top: 0.3125rem; } .ourservices_section .item .btn { display: inline-block; margin-top: 1rem; } .ourservices_section .item .btn span { padding: 0 1.4375rem; } .deaconstu_section { background: #3E3E3C; padding: 2.875rem 16px 2rem; color: #FFF; margin-bottom: 0; } .deaconstu_section .title-section { border-right: 0.5rem solid #2474E4; padding-right: 0.875rem; float: right; } .deaconstu_section .title-section .title { line-height: 0.8; margin-bottom: 0.8125rem; } .deaconstu_section .contactbox { float: left; border-right: 1px solid #FFF; padding-right: 1.875rem; padding-top: 1.5625rem; padding-bottom: 0.625rem; } .deaconstu_section .contactbox .title { margin-bottom: 1.4375rem; } .deaconstu_section .contactbox ul > li { padding-right: 1.5rem; position: relative; } .deaconstu_section .contactbox ul > li:not(:last-child) { margin-bottom: 0.9375rem; } .deaconstu_section .contactbox ul > li .icon { position: absolute; right: 0; top: 0.125rem; } .deaconstu_section .contactbox ul > li .icon.icon-email { font-size: 0.68875em; } .deaconstu_section .contactbox ul > li .o-link { color: #FFF; } @media screen and (min-width: 768px) { .btn_section { padding: 1.875rem 0; } .btn-arrow { height: 3.75rem; line-height: 3.75rem; } .btn-arrow span { padding: 0 1.875rem 0 5.9375rem; } .btn-arrow span .icon { width: 3.75rem; height: 3.75rem; line-height: 3.75rem; } .ourservices_section { padding-bottom: 7.5rem; } .ourservices_section > .title-bg { margin-bottom: 3.75rem; } .ourservices_section .item:not(:last-child) { margin-bottom: 3.75rem; } .ourservices_section .item .inner { min-height: 16.0625rem; padding-right: 23rem; } .ourservices_section .item .image { width: 21.4375rem; height: 16.0625rem; } .ourservices_section .item .btn { margin-top: 1.5625rem; } /* .deaconstu_section{padding:4.6875rem 0 1.875rem;margin-bottom:-6.6875rem;} */ .deaconstu_section .contactbox { padding-top: 1.875rem; padding-bottom: 0; } .deaconstu_section .contactbox ul > li { padding-right: 2.1875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .morearticles_section.w-margin { margin-bottom: 107px; } } @media screen and (max-width: 1023px) { .deaconstu_section .title-section { margin-bottom: 1.875rem; right: -0.875rem; position: relative; border-right-width: 0.375rem; } .deaconstu_section .contactbox { float: none; clear: both; padding-right: 0; border-right: none; border-top: 1px solid #FFF; } } @media screen and (max-width: 767px) { .btn-arrow { font-size: 18px; width: 100%; } .ourservices_section .item .image { position: relative; padding-bottom: 75%; width: 100%; display: block; margin-bottom: 1rem; } .deaconstu_section .f-24 { font-size: 18px; } .deaconstu_section .contactbox ul > li { float: right; } .deaconstu_section .contactbox ul > li:not(:last-child) { margin-left: 1.5rem; } .deaconstu_section .title-section { right: 0; margin-right: -17px; } .deaconstu_section .title-section .title { font-size: 2rem; } } @media screen and (min-width: 1024px) { .ourservices_section .item .inner { min-height: 21.4219rem; padding-right: 30.625rem; } .ourservices_section .item .image { width: 28.5625rem; height: 21.4219rem; } /* .deaconstu_section{padding:6.4375rem 0;margin-top:4.5rem;} */ .deaconstu_section .title-section { padding-right: 1.625rem; } .deaconstu_section .contactbox { padding-top: 1.5625rem; padding-bottom: 0.625rem; } } /* Template - Grants */ .morearticles_section.w-box { background: #F7F7F7; padding: 2.875rem 0 0.3125rem; } .morearticles_section.w-box.b-white { background: #FFF; } .morearticles_section.w-box .flickity-page-dots .dot { background: #DFDFDF; } .morearticles_section.w-box .flickity-page-dots .dot.is-selected { background: #888989; } .text_section { background: #FFF; padding: 2.875rem 0 2.875rem; } .text_section .box { max-width: 43.9375rem; } .text_section .box .title-section { margin-bottom: 1rem; } .text_section .box .desc { margin-bottom: 1.5625rem; } .text_section .box .btn { float: right; } .text_section .box .btn span { padding: 0 1.5625rem; } @media screen and (max-width: 767px) { .text_section .box .title-section { font-size: 2rem; } } @media screen and (min-width: 768px) { .morearticles_section.w-box { padding: 3.75rem 0 5.625rem; } .text_section { padding: 6.875rem 0 7.25rem; } .text_section .box .title-section { margin-bottom: 1.625rem; } } @media screen and (min-width: 1024px) { .morearticles_section.w-box { padding: 0rem 0; } } /* Template - Business admin */ .stripbtn_section { background: #dce5f1; padding: 2rem 0; text-align: center; } .stripbtn_section strong { margin-left: 0.9375rem; } .stripbtn_section .btn-arrow { display: inline-block; float: none; vertical-align: middle; margin-right: 0.9375rem; } .impinfo_section { background: #3E3E3C; padding: 2.875rem 0; color: #FFF; } .innerpage.tighter .row { padding: 0; } .impinfo_section .title-section { border-right: 0.55rem solid #15C4A5; padding-right: 1.3125rem; } .impinfo_section .title-section .f-40 { line-height: 0.8; margin-bottom: 0.75rem; } .impinfo_section .cols { padding-top: 1.5rem; } .impinfo_section .cols.cols-one .col { border-left: none; } .impinfo_section .cols.cols-one .col:last-child { display: none; } .impinfo_section .col { width: 100%; float: right; border-left: 1px solid #D8D8D8; padding-left: 0; padding-bottom: 0; } .impinfo_section .col:last-child { border-left: none; border-right: 1px solid #D8D8D8; margin-right: 0; padding-right: 0; padding-left: 0; } .impinfo_section .col ul.ultight > li:not(:last-child) { margin-bottom: 1.5625rem; } .impinfo_section .col ul > li { border-bottom: 1px solid #FFFFFF; position: relative; padding: 0.9375rem 0 0.9375rem; text-align: left; } .impinfo_section .col ul > li:after { content: ''; clear: both; display: table; } .impinfo_section .col ul > li:not(:last-child) { margin-bottom: 2.0625rem; } .impinfo_section .col ul > li .label { position: absolute; right: 0; top: 1.125rem; } .impinfo_section .col ul .w-icon .icon { font-size: 0.5625em; margin-right: 1.25rem; } .impinfo_section .col ul .w-btn .btn-arrow { float: left; } .video_section { padding: 2.875rem 0; background: #F7F7F7; } .video_section.b-white { background: #FFF; } .video_section .video_box { padding-bottom: 56.1%; margin-top: 1rem; } .listinfo_section.impinfo_section .cols { padding-top: 0; } .listinfo_section.impinfo_section .col { float: none; width: 100%; border: none; padding: 0; } .listinfo_section.impinfo_section .col:last-child { padding: 0; } .listinfo_section.impinfo_section .col ul { column-count: 1; column-gap: 3.8125rem; } .listinfo_section.impinfo_section .col ul > li { display: inline-block; width: 100%; padding: 0; border-bottom: none; } .listinfo_section.impinfo_section .col ul > li:not(:last-child) { margin-bottom: 0; } .listinfo_section.impinfo_section .col ul > li .o-link { color: #FFF; padding: 0.9375rem 0 0.9375rem; padding-left: 2.5rem; display: block; position: relative; border-bottom: 1px solid #FFFFFF; } .listinfo_section.impinfo_section .col ul > li .o-link { margin-bottom: 2.0625rem; } .listinfo_section.impinfo_section .col ul > li .o-link .icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .listinfo_section.impinfo_section .col ul > li .o-link .icon.icon-chev_left { position: absolute; left: 0.4813rem; top: 50%; font-size: 0.75em; transform: translateY(-100%); } .listinfo_section.impinfo_section .col ul > li .o-link .label { top: 50%; right: 3rem; transform: translateY(-100%); text-align: right; width: 81%; } .blogcover_section { position: relative; } .blogcover_section .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; } .blogcover_section .row { height: 21.25rem; } .blogcover_section .img_logo { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 9.5625rem; margin: auto; } .blogcover_section .box { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } .blogcover_section .box .desc { font-weight: 700; line-height: 1.3; margin-bottom: 1.3125rem; } @media screen and (min-width: 768px) { /*.stripbtn_section{padding:2.75rem 0;}*/ .blogcover_section .box .desc { line-height: 55px } .impinfo_section { padding: 5.625rem 0; } .impinfo_section .cols { padding-top: 4.5rem; } .video_section { padding: 5.625rem 0; } .blogcover_section .bg { height: 100%; /*height:120%;*/ } .blogcover_section .row { height: 33.75rem; } .blogcover_section .img_logo { width: 19.125rem; } .blogcover_section .box { width: 28.5rem; } } @media screen and (max-width: 1023px) { .impinfo_section .col { border: none; } .impinfo_section .col:last-child { border: none; } .impinfo_section .col:not(:last-child) { margin-bottom: 2.0625rem; } .blogcover_section .img_logo { width: 220px; left: 500px; } } @media screen and (max-width: 767px) { .stripbtn_section strong { margin-left: 0; display: block; } .stripbtn_section .btn { width: 6.8125rem; margin-top: 16px; } .impinfo_section .title-section .f-24 { font-size: 18px; } .impinfo_section .cols { font-size: 18px; } .impinfo_section .col ul .w-btn .btn-arrow { float: left; width: auto; } .blogcover_section .img_logo { width: 9.5625rem; left: 0; top: -200px; } .blogcover_section { text-align: center; } .blogcover_section .box { top: 70%; } .blogcover_section .box .desc { font-size: 2rem; } .blogcover_section .box .btn-arrow { display: inline-block; width: auto; margin: 0 auto; float: none; } } @media screen and (min-width: 1024px) { .impinfo_section .col { width: 50%; padding-left: 8.75rem; padding-bottom: 0.75rem; } .impinfo_section .col:last-child { margin-right: -1px; padding-right: 8.75rem; } .video_section { padding: 12.75rem 0; } .listinfo_section.impinfo_section .col ul { column-count: 2; } } @media screen and (min-width: 1280px) { .innerpage.tighter .row { padding: 0 7.625rem; } .innerpage.tighter .row .title-section { margin-right: -7.625rem !important; } } /* Template - About */ .innums_section { padding: 2.875rem 0 2.875rem; } .innums_section .title-bg { margin-bottom: 2.4063rem; } .innums_section .title-bg div:before { background: #FFF; } .innums_section .title-bg div span { color: #fff; } .innums_section ul { font-size: 0; margin: 0; } .innums_section ul > li { display: inline-block; width: 50%; vertical-align: top; text-align: center; padding: 0 5px; position: relative; opacity: 0; } .innums_section ul > li.sm-active { opacity: 1; transition: opacity 0.75s ease 0.25s; } .innums_section ul > li:not(:last-child):before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #FFF; transform: scaleY(0); transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s; } .innums_section ul > li.sm-active:not(:last-child):before { transform: scaleY(1); } .innums_section ul > li .num { font-weight: 400; margin-bottom: 0.625rem; } .innums_section ul > li .num span { display: block; font-size: 0.8em; } .innums_section ul > li .text { line-height: 1.4166; } .contactways_section { padding: 2.875rem 0 0.875rem; } .contactways_section .top { max-width: 47.75rem; margin-bottom: 2.875rem; } .contactways_section .top .title-bg { margin-bottom: 2.125rem; } .contactways_section .top .desc { margin-bottom: 1.375rem; line-height: 1.4166; } .contactways_section .top ul .li { float: right; } .contactways_section .top ul .li:not(:last-child) { margin-left: 1.875rem; } .contactways_section .top ul .li .icon { margin-left: 0.4688rem; color: #2474E4; } .contactways_section .gmap { display: block; width: calc(100% + 32px); position: relative; right: -16px; height: 31.875rem; } .contactways_section .btns-cont { padding-top: 2rem; font-size: 0; text-align: center; } .contactways_section .btns-cont > li { display: inline-block; padding: 0 0 1rem; vertical-align: top; } .contactways_section .btns-cont > li .btn { width: 100%; line-height: 3.75rem; height: 3.75rem; } .contactways_section .btns-cont > li .btn span img { display: inline-block; height: 1.25rem; vertical-align: middle; margin-left: 0.9375rem; } .contactways_section .btns-cont > li .btn .icon_bus { margin-right: 0; } .contactways_section .btns-cont > li .btn .icon_train { margin-right: 0; } @media screen and (max-width: 767px) { .title-bg { font-size: 2.5rem; } .innums_section ul > li .text { font-size: 18px; } .innums_section ul > li:nth-child(1):after { content: ''; position: absolute; right: 0; bottom: 0; width: 200%; height: 1px; background: #FFF; transform: scaleX(0); transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s; } .innums_section ul > li.sm-active:nth-child(1):after { transform: scaleX(1); } .innums_section ul > li.sm-active:nth-child(2):before { display: none; } .innums_section ul > li.sm-active:nth-child(1), .innums_section ul > li.sm-active:nth-child(2) { padding-bottom: 1.9375rem; } .innums_section ul > li.sm-active:nth-child(3), .innums_section ul > li.sm-active:nth-child(4) { padding-top: 1.3125rem; } .successmore_section { background: #F7F7F7; padding: 2.875rem 0 0; } .successmore_section .flickity-page-dots .dot { background: #DFDFDF; } .successmore_section .flickity-page-dots .dot.is-selected { background: #888989; } .contactways_section .top { font-size: 18px; } .contactways_section .btns-cont > li { width: 100%; } .contactways_section .btns-cont > li .btn .icon_bus, .contactways_section .btns-cont > li .btn .icon_train { position: absolute; right: -1px; top: 0; bottom: 0; margin: auto 0; } } @media screen and (min-width: 768px) { .innums_section { padding: 2.5rem 0 2.5rem; } .innums_section .title-bg { /*margin-bottom:5.4375rem;*/ } .innums_section ul { margin: 0 -1.6875rem; } .innums_section ul > li { width: 25%; padding: 0 1.5625rem; } .innums_section ul > li .num { margin-bottom: 1rem; } .innums_section ul > li .num span { font-size: 1.2em; } .contactways_section { padding: 3.75rem 0 0.8125rem; } .contactways_section .top { margin-bottom: 3.5625rem; } .contactways_section .gmap { width: calc(100% + 30rem); right: -15rem; height: 33.75rem; } .contactways_section .btns-cont { padding-top: 3.75rem; } .contactways_section .btns-cont > li { padding: 0 0.625rem; } .contactways_section .btns-cont > li .btn { width: 13.5rem; } .contactways_section .btns-cont > li .btn .icon_bus { margin-right: -22px; } .contactways_section .btns-cont > li .btn .icon_train { margin-right: -1.5625rem; } } @media screen and (min-width: 1024px) { .contactways_section { padding: 7.0625rem 0 0.8125rem; } .contactways_section .top { max-width: 51.75rem; } .contactways_section .btns-cont > li { padding: 0 1.875rem; } .contactways_section .btns-cont > li .btn { width: 18.75rem; } .contactways_section .btns-cont > li .btn span img { height: 1.875rem; } .contactways_section .btns-cont > li .btn .icon_bus { margin-right: -2.625rem; } .contactways_section .btns-cont > li .btn .icon_train { margin-right: -4rem; } } @media screen and (min-width: 1280px) { .contactways_section .top { max-width: 47.75rem; } .contactways_section .btns-cont > li .btn { width: 20rem; } } @media screen and (min-width: 1440px) { .contactways_section .btns-cont > li .btn { width: 17.125rem; } } /* Template - Sport */ .videotitle_section { padding: 2.5rem 0; } .videotitle_section .top { margin-bottom: 1.625rem; } .videotitle_section .top .title-section { margin-bottom: 0.25rem; } .videotitle_section .top .desc { color: #888989; } .meetsports_section .item .desc { padding-top: 1.6875rem; } .meetsports_section .item .btn { line-height: 2.875rem; display: inline-block; padding: 0 1.5rem; margin-top: 0.75rem; } @media screen and (max-width: 767px) { .meetsports_section .item .f-24 { font-size: 18px; } } @media screen and (min-width: 768px) { .videotitle_section { padding: 2.5rem 0; } .videotitle_section .top .title-section { margin-bottom: 0.6875rem; } } /* Template - FAQ */ .faq_section { min-height: 0; padding-bottom: 2.5rem; } footer .faq_section .innerpage { padding-bottom: 0rem !important; } .faq_section .item { margin-bottom: 0.9375rem; position: relative; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border: 1px solid #DFDFDF; } .faq_section .item:last-child { margin-bottom: 0; } .faq_section .open_answer { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .faq_section .item:before { content: ''; width: 0.3125rem; background-color: #2474E4; position: absolute; right: -1px; top: -1px; height: calc(100% + 2px); transform-origin: 100% 50%; transform: scaleX(0); z-index: 3; transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .faq_section .item .in { position: relative; z-index: 2; } .faq_section .item .question { position: relative; z-index: 2; display: block; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s; } .faq_section .item .question .title_question { padding: 0.625rem 0.9375rem 0.625rem 3.5rem; } .faq_section .item .icon-chev_down { position: absolute; left: 1.25rem; top: 50%; font-size: 0.5313rem; transform: translate3d(0,-50%,0); } .faq_section .item .icon-chev_down:before { display: block; transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .faq_section .item .answer { position: relative; top: 0; display: none; z-index: 2; line-height: 1.45; } .faq_section .item .answer .answer_inner { border-top: 1px solid #DFDFDF; padding: 2rem 0.9375rem 2rem; } .faq_section .item .answer .answer_inner a { text-decoration: underline; } .faq_section .item.open:before { transform: scaleX(1); } .faq_section .item.open .question { color: #2474E4; transition-delay: 0s; } .faq_section .item.open .icon-chev_down:before { transform: rotate(-180deg); } @media screen and (max-width: 767px) { .faq_section .item .question { display: table; width: 100%; } .faq_section .item .question .title_question { font-size: 18px; line-height: 1.45; display: table-cell; height: 5.625rem; vertical-align: middle; } } @media screen and (min-width: 768px) { .faq_section { min-height: 56.75rem; } .faq_section .item .question .title_question { padding: 2rem 1.875rem 2rem 1.875rem; } .faq_section .item .answer .answer_inner { padding: 2.125rem 1.875rem 2.875rem; } } /* Template - Campus */ /*.campus_section > .innerpage{padding-top:1.75rem;} */ .campus_section .top { margin-bottom: 3.25rem; max-width: 59.3125rem; } .campus_section .top .icon { width: 3.375rem; height: 3.375rem; border-radius: 50%; margin-bottom: 1.5rem; } .campus_section .top .icon img { height: 1.5rem; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .campus_section .top .title-section { margin-bottom: 1rem; } .campus_section .top .desc { line-height: 1.42; } .campus_section .list { margin-bottom: 0; padding-bottom: 1.25rem; } .campus_section .item { float: right; width: 100%; padding-bottom: 1.5rem; } .campus_section .item .inner { padding-bottom: 60.435%; } .campus_section .item .inner:after { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%); } @media screen and (min-width: 768px) { .campus_section .top .title-section { margin-bottom: 1.8125rem; } .campus_section .list { padding-bottom: 0rem; } .campus_section .item { width: 50%; padding-bottom: 30px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .campus_section .list { margin: 0; margin-left: -30px; } .campus_section .item { padding-right: 0; padding-left: 30px; } .campus_section .item .title-bg { font-size: 24px; } } @media screen and (max-width: 767px) { .campus_section .top .desc { font-size: 18px; } /* Judit 061222 .campus_section .list{margin:0;margin-left:-18px !important;}*/ .campus_section .list { margin: 0; margin-left: -18px !important; } .campus_section .item { padding-right: 0; padding-left: 30px; } .morearticles_section .item .title-bg { font-size: 18px; } } @media screen and (min-width: 1024px) { .campus_section > .innerpage { padding-top: 2.5rem; } .campus_section .item { padding-bottom: 3.75rem; } } /* Template - Blogs topics */ .pageinblogs_head > .innerpage:after { display: none; } .pageinblogs_head .box { right: 0; bottom: auto; top: 50%; transform: translateY(-50%); } .pageinblogs_head .box .img_logo { display: block; width: 9.5625rem; } .pageinblogs_head .box .desc { line-height: 1.3; font-weight: 700; } /*.blogstopics_section{padding-top:2.875rem;} */ .blogstopics_section .row:before { content: ''; width: 1px; height: 100%; position: absolute; left: 0; bottom: 0; background: #FFF; z-index: 2; } .blogstopics_section .row:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #FFF; z-index: 2; } .blogstopics_section .list { position: relative; } .blogstopics_section .item { float: right; width: 50%; text-align: center; border-left: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; } .blogstopics_section .item .inner { height: 9.375rem; display: block; position: relative; } .blogstopics_section .item .ini { position: relative; width: 100%; height: 100%; } .blogstopics_section .item .ini:before, .blogstopics_section .item .ini:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 2; border: 1px solid #2474E4; transform: scale(0.975); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; } .blogstopics_section .item .ini:after { width: calc(100% - 1rem); height: calc(100% - 1rem); transition-delay: 0.05s; } .blogstopics_section .item .in { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); } .blogstopics_section .item .in img { display: block; height: 2.1875rem; margin: 0 auto; margin-bottom: 0.9375rem; } .blogstopics_section .item .in .title { padding: 0 1rem; } .blogstopics_section .item .inner:hover .ini:before, .blogstopics_section .item .inner:hover .ini:after { transform: scale(1); opacity: 1; } @media screen and (max-width: 767px) { .blogstopics_section { padding-bottom: 30px; } .blogstopics_section .item .in .title { font-size: 18px; } .pageinblogs_head .box .desc { font-size: 24px; } } @media screen and (min-width: 768px) { .pageinblogs_head .box .img_logo { width: 19.125rem; } /* .blogstopics_section{padding-top:5.625rem;} */ .blogstopics_section .item .inner { height: 16.875rem; } .blogstopics_section .item .in img { height: 4.375rem; } .blogstopics_section .item .in .title { padding: 0 3.125rem; } } @media screen and (min-width: 1024px) { .pageinblogs_head .box { right: 11.25rem; } .blogstopics_section .item { width: 25%; } .blogstopics_section .item .in .title { padding: 0 1.5625rem; } } @media screen and (min-width: 1280px) { .blogstopics_section .item .in .title { padding: 0 3.125rem; } } /* Template - BA */ .baitems_section { padding: 2.875rem 0 0; } .baitems_section .title-bg { margin-bottom: 2.875rem; } .baitems_section .item { min-height: 0; position: relative; padding-left: 0; } .baitems_section .item:not(:last-child) { margin-bottom: 5rem; } .baitems_section .item .box { padding-left: 0; position: relative; top: 0; } .baitems_section .item .box .title-box { line-height: 1.3; margin-bottom: 1rem; } .baitems_section .item .box .desc { direction: rtl; } .baitems_section .item .box .scrollbar-inner { height: 13.0625rem; margin-bottom: 1.875rem; } .baitems_section .item .box .scroll-wrapper { overflow: visible !important; } .baitems_section .item .box .scrollbar-inner > .scroll-element.scroll-y { left: 100%; margin-left: 0.9063rem; height: calc(100% - 1.125rem); width: 3px; background: #F7F7F7; border-radius: 0; margin-top: 0.5625rem; } .baitems_section .item .box .scrollbar-inner > .scroll-element .scroll-bar { background: #2474E4; border-radius: 0; } .baitems_section .item .box .btn { padding: 0 1.5rem; float: right; clear: both; } .baitems_section .item .box ul { padding-top: 2rem; } .baitems_section .item .box ul > li { width: calc(50% - 8px); min-height: 7.375rem; float: right; text-align: center; border: 1px solid #15C4A5; padding: 0.8125rem 0.625rem 0.75rem; } .baitems_section .item .box ul > li:not(:last-child) { margin-left: 16px; } .baitems_section .item .box ul > li .num { font-weight: 400; color: #2474E4; margin-bottom: 0.0625rem; } .baitems_section .item .box ul > li .num span { font-size: 1.2em; line-height: 0.8; display: block; } .baitems_section .item .video_cont { width: 100%; position: absolute; left: 0; top: 0; } .baitems_section .item .video_box { padding-bottom: 62.472%; } .baitems_section .item:nth-child(even), .baitems_section .item_in:nth-child(even) .item { padding-left: 0; padding-right: 0; } .baitems_section .item:nth-child(even) .box, .baitems_section .item_in:nth-child(even) .item .box { padding-left: 0; padding-right: 0; } .baitems_section .item:nth-child(even) .video_cont, .baitems_section .item_in:nth-child(even) .item .video_cont { left: auto; right: 0; } .baitems_section .mobile { display: none; } @media screen and (min-width: 768px) { .baitems_section { padding: 6.875rem 0 0; } .baitems_section .title-bg { margin-bottom: 3.8125rem; } .baitems_section .item:not(:last-child) { margin-bottom: 6.875rem; } .baitems_section .item .box .title-box { margin-bottom: 1.625rem; } .baitems_section .item .box ul { padding-top: 2.8125rem; } .baitems_section .item .box ul > li { width: 13.1875rem; } .baitems_section .item .box ul > li:not(:last-child) { margin-left: 2.1875rem; } } @media screen and (max-width: 1023px) { .baitems_section { padding-bottom: 1.875rem; } .baitems_section .item .video_cont { position: relative; margin-bottom: 2.8125rem; } /*.baitems_section .desktop{display: none;} removed on 6-10 on customer's request*/ .baitems_section .mobile { display: block; } } @media screen and (max-width: 767px) { .baitems_section .item .video_cont { position: relative; margin-bottom: 2rem; } .baitems_section .item .box .title-box { font-size: 2rem; } } @media screen and (min-width: 1024px) { .baitems_section { padding: 2.5rem 0 2.5rem 0; } .baitems_section .item { min-height: 394px; padding-left: 50%; } .baitems_section .item:not(:last-child) { margin-bottom: 7.6875rem; } .baitems_section .item .box { padding-left: 2.125rem; top: -1rem; } .baitems_section .item .box ul > li { width: 15.1875rem; } .baitems_section .item .video_cont { width: 50%; } .baitems_section .item .video_box { padding-bottom: 81.2%; } .baitems_section .item:nth-child(even), .baitems_section .item_in:nth-child(even) .item { padding-right: 50%; } .baitems_section .item:nth-child(even) .box, .baitems_section .item_in:nth-child(even) .item .box { padding-right: 2.125rem; } } @media screen and (min-width: 1280px) { .baitems_section .item { padding-left: 53.3611%; } .baitems_section .item .video_cont { width: 53.3611%; } .baitems_section .item .video_box { padding-bottom: 62.472%; } .baitems_section .item:nth-child(even), .baitems_section .item_in:nth-child(even) .item { padding-right: 53.3611%; } } @media screen and (min-width: 1440px) { .baitems_section .item { min-height: 415px; padding-left: 54.3611%; } .baitems_section .item .video_cont { width: 54.3611%; } .baitems_section .item:nth-child(even), .baitems_section .item_in:nth-child(even) .item { padding-right: 54.3611%; } } @media screen and (min-width: 1800px) { .baitems_section .item { min-height: 32.25rem; padding-left: 57.3611%; } .baitems_section .item .box ul > li { width: 13.1875rem; } .baitems_section .item .video_cont { width: 57.3611%; } .baitems_section .item:nth-child(even), .baitems_section .item_in:nth-child(even) .item { padding-right: 57.3611%; } } /* Template - MA */ .matopics_section { padding-bottom: 2rem; } .matopics_section .row:before, .matopics_section .row:after { display: none; } .matopics_section .title-bg { margin-bottom: 2rem; } .matopics_section .list { margin-left: -16px; } .matopics_section .item { border: none; padding: 0 0 16px 16px; } .matopics_section .item .inner { height: 9.125rem; } .matopics_section .item .in img { height: 2rem; } .matopics_section .item .in .title { font-weight: 400; padding: 0.125rem 0.625rem 0; } .matopics_section .item .in .title strong { display: block; font-weight: 700; margin-bottom: 0.25rem; } .matopics_section .item .ini:before, .matopics_section .item .ini:after { opacity: 0.2; transform: scale(1); } .matopics_section .item .inner:hover .ini:before, .matopics_section .item .inner:hover .ini:after { opacity: 1; } @media screen and (min-width: 768px) { .matopics_section { padding-bottom: 5.625rem; } .matopics_section .title-bg { margin-bottom: 3.75rem; } .matopics_section .list { margin-left: -2.1875rem; } .matopics_section .item { padding: 0 0 1.875rem 2.1875rem; } .matopics_section .item .inner { height: 13.125rem; } .matopics_section .item .in img { height: 3rem; } .matopics_section .item .in .title { padding: 0.25rem 0.9375rem 0; } .matopics_section .item .in .title strong { margin-bottom: 0.4375rem; } } @media screen and (min-width: 1024px) { .matopics_section .item .inner { height: 14.125rem; } } @media screen and (min-width: 1800px) { .matopics_section .item .inner { height: 13.125rem; } } /* Template - Calendar */ .pagein_head .navpage_links { background: #3E3E3C; padding: 0; } .pagein_head .navpage_links ul > li { float: right; } .pagein_head .navpage_links ul > li > a { display: block; height: 2.8125rem; line-height: 2.8125rem; color: #FFF; padding: 0 1.375rem; transition: background-color 0.15s ease; } .pagein_head .navpage_links ul > li > a:hover { background: #484846; } .pagein_head .navpage_links ul > li > a.active { background: #2474E4; } .events_list { padding-bottom: 2.875rem; } .events_list .group:not(:last-child) { border-bottom: 1px solid #DFDFDF; margin-bottom: 2.5rem; padding-bottom: 2.5rem; } .events_list .group:after { content: ''; clear: both; display: table; } .events_list .linebox { padding: 0; } .events_list .linebox .linebox_in { padding-bottom: 0; max-width: none; margin-bottom: 0; } .events_list .linebox .linebox_in .title-3 { margin-bottom: 0.5rem; } .events_list .item.item_double .inner { padding-right: 11.25rem; padding-top: 0.25rem; } .events_list .item.item_double .dates { width: 10.3125rem; } .events_list .item.item_double .dates:after { content: ''; width: 0.9375rem; height: 0.3125rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #2474E4; } .events_list .item.item_double .dates .date:last-child { float: left; } .events_list .item { padding-top: 1.875rem; float: right; width: 100%; } .events_list .item .inner { display: block; position: relative; padding-right: 4.6875rem; min-height: 3.75rem; padding-left: 0.625rem; padding-top: 0.125rem; } .events_list .item .dates { position: absolute; right: 0; top: 0; } .events_list .item .dates .date { background: #2474E4; width: 3.75rem; height: 3.75rem; text-align: center; color: #FFF; padding-top: 0.25rem; float: right; } .events_list .item .dates .date .num span { font-size: 1.2em; } .events_list .item .title { margin-bottom: 0.4375rem; } @media screen and (max-width: 767px) { .pagein_head .navpage_links ul > li > a { font-size: 18px; } .events_list .linebox .linebox_in .title-3 { font-size: 2rem; } .events_list .linebox .linebox_in .f-24 { font-size: 18px; } } @media screen and (min-width: 768px) { .pagein_head .navpage_links ul > li > a { height: 3.75rem; line-height: 3.75rem; padding: 0 1.875rem; } .events_list { padding-bottom: 7.5rem; } .events_list .group:not(:last-child) { margin-bottom: 2.8125rem; padding-bottom: 3.25rem; } .events_list .linebox .linebox_in .title-3 { margin-bottom: 1.3125rem; } .events_list .item.item_double .inner { padding-right: 12.1875rem; } .events_list .item { padding-top: 3.75rem; width: 50%; } } @media screen and (min-width: 1024px) { .events_list .item.item_double .inner { padding-right: 195px; padding-top: 4px; } .events_list .item.item_double .dates { width: 165px; } .events_list .item.item_double .dates:after { width: 15px; height: 5px; } .events_list .item { padding-top: 60px; } .events_list .item .inner { padding-right: 75px; min-height: 60px; padding-left: 15px; padding-top: 2px; } .events_list .item .dates .date { width: 60px; height: 60px; padding-top: 4px; } .events_list .item .title { margin-bottom: 7px; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .events_list { margin-left: -207.5px } } @media screen and (min-width: 1280px) { .events_list .item .inner { padding-left: 10px; } } @media screen and (min-width: 1800px) { .events_list .item.item_double .inner { padding-right: 12.1875rem; padding-top: 0.125rem; } /*ay*/ .events_list .item.item_double .dates { width: 10.3125rem; } .events_list .item.item_double .dates:after { width: 0.9375rem; height: 0.3125rem; } .events_list .item { padding-top: 3.75rem; } .events_list .item .inner { padding-right: 4.6875rem; min-height: 3.75rem; padding-left: 0.625rem; padding-top: 0.125rem; } .events_list .item .dates .date { width: 3.75rem; height: 3.75rem; padding-top: 0.25rem; } .events_list .item .title { margin-bottom: 0.4375rem; } } /* Template - Lecturers */ .navpage_form.navpage { background-color: #1E2121; padding: 0 0; } .navpage_form .input { float: right; padding-left: 1.875rem; } .navpage_form .input .cselect_cont { background: transparent; } .navpage_form .input .cselect_cont .cselect_custom .title { padding-right: 0; padding-left: 2.3125rem; color: #FFF; height: 3.875rem; line-height: 3.875rem; } .navpage_form .input .cselect_cont .cselect_custom.open .title .icon:before { transform: scaleY(-1); display: block; } .navpage_form .input .cselect_cont .cselect_custom .title .icon { left: 0; font-size: 0.4016em; line-height: 3.875rem; } .navpage_form .input .cselect_cont .cselect_custom .list { width: auto; min-width: 100%; right: -0.125rem; top: 0; overflow: visible; } .navpage_form .input .cselect_cont .cselect_custom.open .list { box-shadow: none; } .navpage_form .input .cselect_cont .cselect_custom .list .title { visibility: hidden; } .navpage_form .input .cselect_cont .cselect_custom .list li { white-space: nowrap; } .navpage_form .input .cselect_cont .cselect_custom .list .scroll-wrapper { border-top: none; max-height: 25rem; box-shadow: -9px 9px 6px rgba(0, 0, 0, 0.1152); } .cselect_cont .cselect_custom .scrollbar-inner > .scroll-element.scroll-y, .navpage_form .searchbox .autocomplete .suggestions .scrollbar-inner > .scroll-element.scroll-y { left: 0; margin-left: 5px; height: calc(100% - 10px); width: 3px; background: #F7F7F7; border-radius: 0; margin-top: 5px; } .cselect_cont .cselect_custom .scrollbar-inner > .scroll-element .scroll-bar, .navpage_form .searchbox .autocomplete .suggestions .scrollbar-inner > .scroll-element .scroll-bar { background: #2474E4; border-radius: 0; } .navpage_form .searchbox { float: right; padding: 0; } .navpage_form .searchbox .autocomplete .input_inner { /*overflow:hidden;*/ } .navpage_form .searchbox .autocomplete .input_s { transform: translate3d(0, 0, 0); transition: transform 0.4s cubic-bezier(0.645,0.045,0.355,1); } .navpage_form .searchbox .autocomplete .input_s input[type="text"] { background: transparent; color: #FFF; caret-color: #FFF; height: 2.625rem; border-bottom: 1px solid #979797; padding: 0; text-indent: 0; width: 100%; display: block; pointer-events: none; opacity: 0; } .navpage_form .searchbox .autocomplete .input_s .btn { position: absolute; left: -1.3125rem; top: 0; height: 100%; width: 3.875rem; text-align: center; } .navpage_form .searchbox .autocomplete .input_s .btn:after { display: none; } .navpage_form .searchbox .autocomplete .input_s .btn .icon { margin-left: 0; } .navpage_form .searchbox .autocomplete .suggestions { position: absolute; margin-top: 0.625rem; border: none; } .navpage_form .searchbox .autocomplete .suggestions:after { display: none; } .navpage_form .searchbox .autocomplete .suggestions .scrollbar-inner { max-height: 25rem; } .navpage_form .searchbox .autocomplete .suggestions .scrollbar-inner .ul { padding-bottom: 0; } .navpage_form .searchbox .autocomplete .suggestions .scrollbar-inner .ul > li { border-bottom: 0.125rem solid #DFDFDF; padding: 0; } .navpage_form .searchbox .autocomplete .suggestions .scrollbar-inner .ul > li > a { display: block; padding: 0.5rem 0.9375rem; } .navpage_form .searchbox .autocomplete.toggled .input_s { transform: translate3d(0, 0, 0); } .navpage_form .searchbox .autocomplete.toggled .input_s input[type="text"] { opacity: 1; pointer-events: all; } .lecturers_section { padding: 0 0 2rem; } .lecturers_section .list { font-size: 0; margin-left: -16px; } .lecturers_section .item { padding-left: 16px; display: inline-block; vertical-align: top; width: 50%; padding-top: 1.875rem; } .lecturers_section .item.isotope_hide { display: none; } .lecturers_section .item .inner { display: block; padding-bottom: 0.1875rem; } .lecturers_section .item .image { position: relative; padding-bottom: 100%; border: 1px solid #DFDFDF; margin-bottom: 1.3125rem; } .lecturers_section .item .image .cover { background-position: top center; width: calc(100% - 0.75rem); height: calc(100% - 0.75rem); left: 0; right: 0; bottom: 0; margin: auto; border: 1px solid #DFDFDF; } .lecturers_section .item .fullname { margin-bottom: 0.5rem; } .lecturers_section .item .desc { margin-bottom: 0.25rem; } .lecturers_section .item .link .icon { margin-right: 0.4375rem; } .lecturers_section .item .inner .image, .lecturers_section .item .inner .image .cover { transition: border-color 0.3s ease, filter 0.3s ease; filter: grayscale(100%); } .lecturers_section .item .inner:hover .image, .lecturers_section .item .inner:hover .image .cover { border-color: #2474E4; filter: grayscale(0%); } .lecturers_section .btn-more-cont { padding-top: 2rem; } .lecturers_section .staffCaption { margin-top: 3rem; margin-bottom: 0.75rem; padding-right: 2rem; } /*ay*/ .lecturers_section .item.newDesign .fullname { text-align: center; } .lecturers_section .item.newDesign .inner .image, .lecturers_section .item.newDesign .inner .image .cover, .lecturers_section .item-big .image.newDesign, .lecturers_section .item-big .image.newDesign .cover { border-radius: 150px; } .lecturers_section .item.newDesign .desc { text-align: center; } .lecturers_section .item.newDesign .link { text-align: left; } .lecturers_section .item-big.wide { width: 100% !important; } .lecturers_section .item-big.isotope_hide { display: none !important; } @media screen and (max-width: 767px) { .navpage_form .searchbox { position: absolute; /*left:0;*/ top: 0.625rem; width: 508px; z-index: 7; pointer-events: none; } .navpage_form .searchbox .autocomplete .input_s input[type="text"] { background: #1E2121; } .navpage_form .searchbox .autocomplete .btn, .navpage_form .searchbox .autocomplete.toggle .input_s input[type="text"] { pointer-events: all; } .lecturers_section .item .fullname { font-size: 20px; } } @media screen and (max-width: 575px) { .navpage_form .searchbox { } } @media screen and (min-width: 768px) { .navpage_form.navpage { padding: 0.875rem 0; } .navpage_form .input .cselect_cont .cselect_custom .list { top: 0.875rem; } .navpage_form .searchbox .autocomplete .input_s { transform: translate3d(24.0625rem, 0, 0); } .navpage_form .searchbox .autocomplete .input_s input[type="text"] { height: 3.875rem; width: 26.7813rem; } .navpage_form .searchbox .autocomplete .suggestions { margin-top: 0.875rem; } .lecturers_section { padding: 1.875rem 0 7.5rem; } .lecturers_section .list { margin-left: -2.1875rem; } .lecturers_section .item { padding-left: 2.1875rem; width: 33.3333%; padding-top: 5.625rem; } .lecturers_section .item .inner { padding-bottom: 0.625rem; } .lecturers_section .item .image { margin-bottom: 1.4375rem; } .lecturers_section .item .image .cover { width: calc(100% - 0.875rem); height: calc(100% - 0.875rem); } .lecturers_section .item .desc { margin-bottom: 1.375rem; } .lecturers_section .btn-more-cont { padding-top: 3.6875rem; } } @media screen and (min-width: 1024px) { .navpage_form .searchbox .autocomplete .input_s { transform: translate3d(33.4375rem, 0, 0); } .navpage_form .searchbox .autocomplete .input_s input[type="text"] { width: 34.9063rem; } .lecturers_section .item { width: 20%; } } /* Template - Lecturer */ .lecturer_section { background: #FFF; position: relative; z-index: 2; } .lecturer_section .row { padding-top: 5.625rem; padding-bottom: 3.75rem; } .lecturer_section .lectbox { width: 100%; float: right; } .lecturer_section .lectbox .image { position: absolute; width: 11.5625rem; height: 14.1875rem; bottom: 100%; top: auto; right: 0; border: 1px solid #A2A2A2; margin-bottom: -3.75rem; /*filter:grayscale(100%);*/ } /***removed on 6-10-22 on customer's request*/ .lecturer_section .lectbox .in { padding-right: 0.4688rem; border-right: 0.4688rem solid #2474E4; } .lecturer_section .lectbox .bg-c > span { background: #373A3A; display: inline-block; color: #FFF; padding: 0.625rem 0.9375rem; } .lecturer_section .lectbox .title { margin-bottom: 0.9375rem; } .lecturer_section .lectbox .job > span { padding: 1.125rem 0.9375rem; } .lecturer_section .lectbox ul { padding-top: 1.6875rem; } .lecturer_section .lectbox ul > li { color: #060909; padding-right: 2.4375rem; position: relative; } .lecturer_section .lectbox ul > li:not(:last-child) { margin-bottom: 1.0625rem; } .lecturer_section .lectbox ul > li .icon { position: absolute; right: 0; top: 0.25rem; color: #2474E4; } .lecturer_section .lectbox ul > li .icon.icon-web { top: 0; } .lecturer_section .lectbox ul > li .icon.icon-email { font-size: 0.7em; top: 0.25rem; } .lecturer_section .lectbox ul > li > a { color: #060909; } .lecturer_section .collapse_section { width: 100%; float: right; padding-right: 0.4375rem; } .lecturer_section .collapse_section .box { position: relative; bottom: auto; padding-top: 0.5625rem; max-width: 44rem; } .lectimp_section .title-bg { margin-bottom: 1.875rem; } .lectimp_section .title-bg div span { color: #FFF; } .lectimp_section .cols { padding-top: 0; padding-left: 0; position: relative; } .lectimp_section .col { border: none; padding-left: 0; padding-bottom: 0.3125rem; } .lectimp_section .col .item { padding: 0; text-align: right; border: none; } .lectimp_section .col .item .open_answer { display: block; color: #FFF; height: 3.75rem; line-height: 3.75rem; border-bottom: 1px solid #FFF; padding-top: 0.125rem; } .lectimp_section .col .item .open_answer .label { position: relative; top: 0; } .lectimp_section .col .item .open_answer .icon { position: absolute; left: 0.3125rem; top: 0; line-height: 3.75rem; padding-top: 0.125rem; } .impinfo_section .col .item.open .open_answer .icon:before { visibility: hidden; } .impinfo_section .col .item.open .open_answer .icon:after { content: ''; width: 100%; height: 1.5px; background: #FFF; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .impinfo_section .col .item .answer { text-align: right; line-height: 1.45; } .impinfo_section .col .item .answer .answer_inner { padding-top: 1.25rem; } .lectimp_section .btn-cont { position: absolute; left: 0; top: 0; } .lectimp_section .btn-cont .btn-arrow { height: 2.8125rem; line-height: 2.8125rem; } .lectimp_section .btn-cont .btn-arrow > span { padding-left: 4.5rem; padding-right: 1.5rem; } .lectimp_section .btn-cont .btn-arrow span .icon { width: 2.8125rem; line-height: 2.8125rem; } @media screen and (min-width: 768px) { .lecturer_section .lectbox .image { width: 13.1875rem; height: 16.1875rem; } .lecturer_section .lectbox .in { padding-right: 0.9375rem; } .lecturer_section .lectbox .bg-c > span { max-width: 70%; } .lectimp_section .title-bg { margin-bottom: 2.9375rem; } .lectimp_section .cols { padding-left: 270px; } .lectimp_section .btn-cont { top: 0.3125rem; } } @media screen and (max-width: 1023px) { .lecturer_section .lectbox { margin-bottom: 45px; } .lectimp_section { padding-bottom: 60px; } } @media screen and (max-width: 767px) { .lecturer_section .lectbox { margin-bottom: 2.875rem; } .lecturer_section .lectbox .title { font-size: 2rem; } .lectimp_section { padding-bottom: 2.875rem; } .lectimp_section .btn-cont { position: relative; float: left; padding-top: 2.1875rem; } .lectimp_section .col:not(:last-child) { margin-bottom: 0; } } @media screen and (min-width: 1024px) { .lecturer_section .row { padding-bottom: 7.5rem; } .lecturer_section .lectbox { width: 42.7083%; } .lecturer_section .collapse_section { width: 57.2917%; } .lectimp_section .cols { padding-left: 20.4375rem; } .lectimp_section .col { padding-left: 2.1875rem; } } @media screen and (min-width: 1280px) { .lectimp_section .cols { padding-left: 27.4375rem; } .lectimp_section .btn-cont { left: 7.0313rem; } } /* Template - Event */ .event_info { padding-top: 2.5rem; padding-bottom: 1.0625rem; } .event_info > li { float: right; padding: 0 0.75rem; line-height: 2.8125rem; } .event_info > li:first-child { padding-right: 0; } .event_info > li:not(:last-child) { border-left: 1px solid #DFDFDF; } .event_info > li .icon { margin-left: 0.4688rem; font-size: 1.3333em; } .eventslist_section .item { border-bottom: 1px solid #DFDFDF; padding-bottom: 1.9375rem; margin-bottom: 1.6875rem; position: relative; } .eventslist_section .item:last-child { margin-bottom: 0; } .eventslist_section .item .inner { display: block; position: relative; } .eventslist_section .item .inner.w-image { padding-left: 0; } .eventslist_section .item .image { width: 7.5rem; height: 7.5rem; top: 2.375rem; } .eventslist_section .item .event_info { padding-bottom: 0.875rem; } .eventslist_section .item .event_info:last-child { padding-bottom: 0; } .eventslist_section .item .event_info > li { line-height: 1.125rem; padding: 0 0.9375rem; } .eventslist_section .item .event_info > li:first-child { padding-right: 0; } .eventslist_section .item .title { margin-bottom: 0.6875rem; } .eventslist_section .item .desc { margin-bottom: 0.5625rem; } @media screen and (max-width: 767px) { .collapse_section .event_info { background: #F7F7F7; margin: -2.875rem -16px 1.5rem; padding: 0.5rem 16px; } .event_info > li:last-child { padding-left: 0; } .eventslist_section .item .image { top: 0; position: relative; margin-bottom: 1.5rem; } } @media screen and (min-width: 768px) { .event_info > li { padding: 0 1.4375rem; } .eventslist_section .item .inner.w-image { padding-left: 9.375rem; } } /* Template - Partners */ .partners_section .item { float: left; pointer-events: none; } .partners_section .item .in img { height: auto; max-width: 9.375rem; width: 41.66%; margin-bottom: 0; } @media screen and (max-width: 767px) { .partners_section .item.hidemobile { display: none; } } /* Template - Library */ .listinfo_section.impinfo_section .title-bg { margin-bottom: 2.875rem; } .listinfo_section.impinfo_section .col ul > li .o-link .icon img { height: 1.75rem; display: block; position: relative; right: 0; top: 0; } .ascola_section .top .row { padding: 0.9375rem 0 1.875rem; } .ascola_section .top img { display: block; height: 5.5rem; margin: 0 auto; margin-bottom: 0.9375rem; } .ascola_section .top .form-search { max-width: 43.8125rem; margin: 0 auto; position: relative; } .ascola_section .top .form-search input[type="text"] { height: 2.8125rem; display: block; width: 100%; border: none; background: transparent; border-bottom: 1px solid #DFDFDF; padding-left: 2.75rem; } .ascola_section .top .form-search input[type="text"]:focus { border-color: #060909; } .ascola_section .top .form-search .submit { position: absolute; left: 0; top: 0; height: 100%; border: none; padding-right: 1.25rem; background: none; } .ascola_section .top .btns-group { font-size: 0; text-align: center; padding-top: 2.8125rem; } .ascola_section .top .btns-group > li { display: inline-block; vertical-align: top; } .ascola_section .top .btns-group > li:not(:last-child) { margin-left: 0.9375rem; } .ascola_section .top .btns-group > li .btn { padding: 0 0.9375rem; } .ascola_section .bottom .list { text-align: center; padding: 1.9375rem 0; } .ascola_section .bottom .item { display: inline-block; min-height: 0; vertical-align: top; text-align: right; padding-top: 0; } .ascola_section .bottom .item:not(:last-child) { padding-left: 0; margin-left: 0; border-left: 1px solid #DFDFDF; } .ascola_section .bottom .item .title { margin-bottom: 0.5rem; } @media screen and (max-width: 767px) { .ascola_section .top .form-search { font-size: 18px; } .ascola_section .top .btns-group > li { margin-bottom: 1rem; } .ascola_section .bottom { padding-top: 0.875rem; padding-bottom: 0.625rem; } .ascola_section .bottom .item:not(:last-child) { border: none; border-bottom: 1px solid #DFDFDF; padding-bottom: 1.0625rem; margin-bottom: 1.25rem; } .ascola_section .bottom .item { display: block; } } @media screen and (min-width: 768px) { .listinfo_section.impinfo_section .title-bg { margin-bottom: 2.8125rem; } .listinfo_section.impinfo_section .col ul > li .o-link .icon img { height: 2.125rem; top: 0; } .ascola_section .top .row { padding: 2.5rem 0; } .ascola_section .top img { height: 6.5625rem; margin-bottom: 1.875rem; } .ascola_section .top .form-search input[type="text"] { height: 3.75rem; } .ascola_section .bottom .item { min-height: 7.5rem; padding-top: 0.5625rem; } .ascola_section .bottom .item:not(:last-child) { padding-left: 1.875rem; margin-left: 1.875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .ascola_section .bottom .item:nth-child(3) { margin-left: 0; border-left: none; } .ascola_section .bottom .item:nth-child(4), .ascola_section .bottom .item:nth-child(5) { margin-top: 1.875rem; } } @media screen and (min-width: 1024px) { .ascola_section .bottom .item:not(:last-child) { padding-left: 1.25rem; margin-left: 1.25rem; } } @media screen and (min-width: 1280px) { .ascola_section .bottom .item:not(:last-child) { padding-left: 3.75rem; margin-left: 2.75rem; } } @media screen and (min-width: 1440px) { .ascola_section .bottom .item:not(:last-child) { margin-left: 2.75rem; } } @media screen and (min-width: 1880px) { .ascola_section .bottom .item:not(:last-child) { margin-left: 3.75rem; } } /* Template - Register */ .whatdo_section .list { margin-left: -2.1875rem; padding-bottom: 0; } .whatdo_section .item { width: 100%; padding-left: 2.1875rem; padding-bottom: 1.875rem; } .whatdo_section .item .inner { padding-bottom: 75.112%; } .whatdo_section .item .inner:after { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } .whatdo_section .item .title-bg { font-weight: 400; } .whatdo_section .item .title-bg div span.w-arrow { padding-left: 3.5625rem; } .whatdo_section .item .title-bg div span { padding-top: 0.3438rem; padding-bottom: 0.3438rem; } .whatdo_section .item .title-bg div span .icon { width: 1.8125rem; height: 100%; padding: 0; background: #FFF; position: absolute; left: 0; top: 0; line-height: 1.8125rem; color: #060909; text-align: center; font-size: 0.75em; } .collapse-register .box { padding-top: 0; padding-left: 3.75rem; } .collapse-register .box .par .title-s { margin-bottom: 1.125rem; } .collapse-register .box .par .descs { padding-bottom: 1.9375rem; } .collapse-register .box .par .btn-s-cont { } .collapse-register .box .par .btnc { margin-bottom: 0.9375rem; float: right; color: #FFF; overflow: hidden; text-align: center; display: block; width: auto; border: none; background-color: #2474E4; height: 2.1875rem; line-height: 2.1875rem; padding: 0 0.9375rem; } .collapse-register .box .btn-more-cont { padding-top: 0.625rem; } .collapse-register .video_left { width: 100%; } .collapse-register .video_left .video_box { padding-bottom: 63%; } @media screen and (max-width: 767px) { /* .whatdo_section > .innerpage{padding-top:2.875rem;} */ .whatdo_section .top { margin-bottom: 2rem; } .whatdo_section .item:last-child { padding-bottom: 1rem; } .collapse-register .box { padding-left: 0; } .collapse-register .box .title { font-size: 2rem; } .collapse-register.collapse-home .row { margin-bottom: 1rem; } } @media screen and (min-width: 768px) { /* .whatdo_section .item { width: 50%; padding-bottom: 2.1875rem; } */ .whatdo_section .item { width: 50%; padding-bottom: 2.5rem; } .whatdo_section .item .title-bg div span .icon { width: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; } .collapse-register .box { padding-left: 0; } } @media screen and (min-width: 1024px) { .whatdo_section .item { width: 33.3333%; } .whatdo_section .item .title-bg div span .icon { width: 29px; height: 29px; line-height: 29px; } .collapse-register .box { padding-left: 3.75rem; } .collapse-register .video_left { width: calc(100% - 38.75rem); } } @media screen and (min-width: 1280px) { .whatdo_section .item .title-bg div span .icon { width: 31px; height: 31px; line-height: 31px; } } @media screen and (min-width: 1440px) { .whatdo_section .item .title-bg div span .icon { width: 32px; height: 32px; line-height: 32px; } } @media screen and (min-width: 1800px) { .whatdo_section .item .title-bg div span .icon { width: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; } } /* Template - Events */ .navpage_form .Zebra_DatePicker { margin-top: 0.875rem; } .input_datepicker { position: relative; } .input_datepicker input[type="text"] { width: 6.25rem; height: 3.875rem; display: block; border: none; background: none; color: #FFF; } .input_datepicker .icon.icon-chev_down { position: absolute; left: 0; top: 0; font-size: 0.4016em; line-height: 3.875rem; color: #FFF; } .Zebra_DatePicker { font-weight: 700; padding: 0 16px 16px; width: 100vw; } .Zebra_DatePicker td, .Zebra_DatePicker th { padding: 1.0625rem 0; } .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next { width: 3.125rem; } .cevents_section { padding-top: 2.875rem; padding-bottom: 1.875rem; } .cevents_section .title-bg { margin-bottom: 2rem; } .cevents_section .list { margin-left: 0; } .cevents_section .item { width: auto; padding-left: 0; padding-bottom: 1.875rem; } .cevents_section .item .inner { display: block; } .cevents_section .item .inner:before { display: none; } .cevents_section .item .image { padding-bottom: 100%; overflow: hidden; position: relative; margin-bottom: 0.75rem; } .cevents_section .item .image .date { position: absolute; right: 0; top: 0; height: 3.75rem; width: 3.75rem; text-align: center; color: #FFF; line-height: 1; padding-top: 0.3125rem; } .cevents_section .item .image .date .num span { font-weight: 700; display: block; font-size: 1.2em; padding-bottom: 0.1875rem; } .cevents_section .item .image .icon-label { position: absolute; left: 0; top: 0; width: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; text-align: center; background: #3E3E3C; color: #FFF; } .cevents_section .item .time { margin-bottom: 0.4375rem; } .cevents_section .item .time .num { font-size: 1.2em; font-weight: 700; } .cevents_section .item .time .icon { position: relative; top: -0.0625rem; margin-left: 0.5rem; } .cevents_section .item .title { line-height: 1.42; padding-left: 0.4375rem; margin-bottom: 0.25rem; } .cevents_section .item .title.previewTitle { height: 7rem; overflow: hidden; } .cevents_section .item .desc { margin-bottom: 1.0625rem; } .cevents_section .item .desc.preview { height: 11rem; overflow: hidden; } .cevents_section .flickity-page-dots { display: table; table-layout: fixed; bottom: 0; width: calc(100% - 32px); } .cevents_section .flickity-page-dots > li { display: table-cell; position: relative; height: 0.125rem; border-radius: 0; opacity: 1; background: #DFDFDF; } .cevents_section .flickity-page-dots > li:before { content: ''; width: 100%; height: 100%; display: block; background: #2474E4; opacity: 0; transition: opacity 0.225s; } .cevents_section .flickity-page-dots .dot.is-selected:before { opacity: 1; } .cevents_section .flickity-prev-next-button { width: 2.8125rem; height: 2.8125rem; font-size: 1em; } .cevents_section .flickity-rtl .flickity-prev-next-button.previous { left: 100%; right: auto; } .cevents_section .flickity-rtl .flickity-prev-next-button.next { right: 100%; left: auto; } .cevents_section .flickity-prev-next-button:before { content: "\e919"; font-family: 'colmanicons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 2.8125rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; line-height: 2.8125rem; } .cevents_section .flickity-prev-next-button.next:before { content: "\e91a"; } @media screen and (max-width: 767px) { .input_datepicker.f-26 { font-size: 19px; } .Zebra_DatePicker { right: -16px; } .cevents_section .item .btn-arrow { float: right; width: auto; } .cevents_section .list { margin: 0 -16px; } .cevents_section .item { padding-left: 1.875rem; } .cevents_section .item .inner { width: 13.1875rem; } .cevents_section .item:first-child { padding-right: 16px; } .cevents_section .item:last-child { padding-left: 16px; } .cevents_section .flickity-page-dots { right: 16px; } } @media screen and (min-width: 768px) { .Zebra_DatePicker { padding: 0.9375rem 0.9375rem 1.875rem; width: 28.75rem; } .cevents_section { padding-top: 7.5rem; padding-bottom: 0.8125rem; } .cevents_section .title-bg { margin-bottom: 3.75rem; } .cevents_section .list { margin-left: -2.1875rem; } .cevents_section .item { width: 33.3333%; padding-left: 2.1875rem; padding-bottom: 7.5rem; } .cevents_section .item .title { padding-left: 0; } .cevents_section .flickity-page-dots { width: calc(100% - 2.1875rem); } } @media screen and (min-width: 1024px) { .input_datepicker input[type="text"] { width: 95px; } .cevents_section .item { width: 20%; } .cevents_section .item .image .date { height: 54px; width: 54px; padding-top: 3px; } .cevents_section .item .image .icon-label { width: 35px; height: 35px; line-height: 35px; } .cevents_section .item .title { padding-left: 0.4375rem; } } @media screen and (min-width: 1280px) { .cevents_section .item { width: 16.66%; } } @media screen and (max-width: 1439px) { .cevents_section .flickity-prev-next-button { display: none; } } @media screen and (min-width: 1440px) { .cevents_section .item .image .icon-label { width: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; } } @media screen and (min-width: 1800px) { .input_datepicker input[type="text"] { width: 6.25rem; } .cevents_section .item .image .date { height: 3.75rem; width: 3.75rem; padding-top: 0.3125rem; } } /* Template - Imp Links */ /*.implinks_section{padding-bottom:2.875rem;}*/ .implinks_section .title-bg { /*margin-bottom: 2rem;*/ } .implinks_section .item img { margin-bottom: 0.625rem; } .implinks_section .item .title { line-height: 1.2; height: 2.125rem; } .implinks_section .btn-cont { text-align: center; padding-top: 1.875rem; font-size: 0; } .implinks_section .btn-cont .btn-arrow { display: inline-block; float: none; height: 2.8125rem; line-height: 2.8125rem; } .implinks_section .btn-cont .btn-arrow > span { padding: 0 1.5rem 0 4.375rem; } .implinks_section .btn-cont .btn-arrow span .icon { width: 2.8125rem; line-height: 2.8125rem; } .imagetext_section { padding: 0; } .imagetext_section .item_in { padding: 2.875rem 0; } .imagetext_section .item_in:nth-child(odd) { background: #F7F7F7; } .imagetext_section .item .video_cont { height: auto; } .imagetext_section .item .box { top: 0; display: table; height: 32.25rem; height: 32.25rem; } .imagetext_section .item .box .box_in { display: table-cell; vertical-align: middle; height: 100%; } .imagetext_section .item .box .btn_cont { padding-top: 1.875rem; } @media screen and (max-width: 767px) { .imagetext_section .item .video_cont { padding-bottom: 62%; } .implinks_section .btn-cont .btn-arrow { width: auto; } } @media screen and (min-width: 768px) { /* .implinks_section{padding-bottom:7.5rem;}*/ .implinks_section .title-bg { /*margin-bottom: 3.75rem;*/ } .implinks_section .item .title { line-height: 1.42; } .imagetext_section .item_in { padding: 105px 0; } .imagetext_section .item .video_cont { height: 32.25rem; } .imagetext_section .item .box { height: auto; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .implinks_section .title-bg { font-size: 40px; } } @media screen and (min-width: 1024px) { .imagetext_section .item_in { padding: 6.5625rem 0; } .imagetext_section .item .box { height: 32.25rem; } } /* Template - Search results */ .searchtop_section { padding: 4rem 0 5rem; border-bottom: 1px solid #DFDFDF; } .searchtop_section .title-bg { margin-bottom: 1.5rem; } .searchtop_section .form { max-width: 43.9375rem; position: relative; } .searchtop_section .form input[type="text"] { height: 3.75rem; display: block; width: 100%; border: none; border-bottom: 1px solid #DFDFDF; padding-left: 3.125rem; } .searchtop_section .form .submit { position: absolute; left: 0; top: 0; height: 100%; padding-right: 1.25rem; background: transparent; border: none; } .searchtop_section .form .count { position: absolute; left: 0; top: 100%; margin-top: 1.625rem; } .searchres_section { padding: 2.875rem 0 0; } .searchres_section .group { max-width: 43.9375rem; padding-bottom: 4.5rem; } .searchres_section .title-group { margin-bottom: 2rem; } .searchres_section .item { border-bottom: 1px solid #DFDFDF; padding-bottom: 1.5625rem; margin-bottom: 1.5625rem; } .searchres_section .item:last-child { margin-bottom: 0; } .searchres_section .item .inner { position: relative; display: block; } .searchres_section .item .title { line-height: 1.42; } .searchres_section .item .desc { padding-top: 0.375rem; padding-bottom: 0.1875rem; } .searchres_section .item-event .inner { padding-right: 4.6875rem; } .searchres_section .item-event .date, .whatsgoing_section .item .date { background: #2474E4; width: 3.75rem; height: 3.75rem; text-align: center; color: #FFF; padding-top: 0.25rem; position: absolute; right: 0; top: 0.25rem; } .searchres_section .item-event .date .num span, .whatsgoing_section .item .date .num span { font-size: 1.2em; } .searchres_section .item-image .inner { min-height: 2.875rem; padding-left: 3.8125rem; } .searchres_section .item-image .image { width: 2.875rem; position: absolute; left: 0; top: 0; } @media screen and (max-width: 767px) { .searchres_section .title-group { font-size: 2rem; } .searchres_section .item .f-24 { font-size: 20px; } } @media screen and (min-width: 768px) { .searchtop_section { padding: 5.625rem 0 6.1875rem; } .searchtop_section .title-bg { margin-bottom: 3.75rem; } .searchtop_section .form { max-width: 100%; } .searchres_section { padding: 6.4375rem 0 0; } .searchres_section .group { max-width: 100%; padding-bottom: 6.4375rem; } .searchres_section .title-group { margin-bottom: 3.25rem; } } @media screen and (min-width: 1024px) { .searchtop_section .form { max-width: 45.9375rem; } .searchres_section .group { max-width: 45.9375rem; } .searchres_section .item-event .inner { padding-right: 72px; } .searchres_section .item-event .date, .whatsgoing_section .item .date { width: 57px; height: 57px; padding-top: 4px; top: 4px; } } @media screen and (min-width: 1440px) { .searchtop_section .form { max-width: 43.9375rem; } .searchres_section .group { max-width: 43.9375rem; } } @media screen and (min-width: 1800px) { .searchres_section .item-event .inner { padding-right: 4.6875rem; } .searchres_section .item-event .date, .whatsgoing_section .item .date { width: 3.75rem; height: 3.75rem; padding-top: 0.25rem; top: 0.25rem; } } /* Template - Whats going */ .whatsgoing_section .list { margin-left: 0; } .whatsgoing_section .item { padding-left: 0px; padding-bottom: 32px; width: 100%; } .whatsgoing_section .item.item-2-2, .whatsgoing_section .item.item-2-1 { width: 100%; } .whatsgoing_section .item .inner { padding-bottom: 100%; } .whatsgoing_section .item.item-2-1 .inner { padding-bottom: 100%; } .whatsgoing_section .item .date { top: 0; } .whatsgoing_section .item .bottom { position: absolute; right: 0; bottom: 1.375rem; font-size: 0; z-index: 3; width: 100%; } .whatsgoing_section .item .bottom > * { float: right; clear: both; } .whatsgoing_section .item .tag { height: 2.1875rem; line-height: 2.1875rem; padding: 0 0.9375rem; color: #FFF; margin-bottom: 0.4688rem; } .whatsgoing_section .item .tag.mobile { display: none; } .whatsgoing_section .item .bottom .title-bg { position: relative; bottom: 0; max-width: calc(100% - 16px); } .whatsgoing_section .item .bottom .hashtag { margin-top: 0.4688rem; height: 1.875rem; line-height: 1.875rem; padding: 0 0.625rem; } .whatsgoing_section .item .bottom .desc { max-width: calc(100% - 16px); background: rgba(62,62,60,0.6); margin-top: 0.9375rem; color: #FFF; line-height: 1.45; padding: 0.5625rem 1rem; } @media screen and (min-width: 768px) { .whatsgoing_section .list { margin-left: -0.9375rem; } .whatsgoing_section .item { padding-left: 0.9375rem; padding-bottom: 0.9375rem; width: 50%; } .whatsgoing_section .item.item-2-2, .whatsgoing_section .item.item-2-1 { width: 50%; } .whatsgoing_section .item .bottom .title-bg { max-width: 20rem; } .whatsgoing_section .item .bottom .desc { max-width: 20rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .whatsgoing_section .title-bg { font-size: 3.5rem; } .whatsgoing_section .item.item-1-1 .inner { padding-bottom: calc(50% - 0.4688rem); } } @media screen and (max-width: 767px) { .whatsgoing_section .title-bg { font-size: 2.5rem; } .whatsgoing_section .item .title-bg { font-size: 2rem; } .whatsgoing_section .item .tag { display: none; } .whatsgoing_section .item .tag.mobile { display: block; position: absolute; left: 0; top: 0; } } @media screen and (min-width: 1024px) { .whatsgoing_section .list { margin-left: -2.1875rem; } .whatsgoing_section .item { padding-left: 2.1875rem; padding-bottom: 2.1875rem; width: 25%; } .whatsgoing_section .item .bottom .title-bg { max-width: 35.625rem; } .whatsgoing_section .item .bottom .desc { max-width: 26.875rem; } } @media screen and (min-width: 1280px) { .whatsgoing_section .item.item-2-1 .inner { padding-bottom: calc(50% - 1.0625rem); } } /* Template - Error */ .error_section { position: relative; overflow: hidden; } .error_section .row { height: calc(80vh - 72px); min-height: 30.25rem; } .error_section .box { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 10; } .error_section .box:before { content: ''; width: 50.75rem; height: 50.75rem; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); background: url('/National_Library/oe_/https://www.colman.ac.il/Content/images/oval.png') 0 0 no-repeat; background-size: 100%; } .error_section .box .title { margin-bottom: 2rem; line-height: 0.5; } .error_section .box .title > div { font-size: 1.2em; } .error_section .box .title-bg { margin-bottom: 1.5rem; } .error_section .box .title-bg div { float: right; clear: both; } .error_section .box .title-bg div span { background: rgba(62,62,60,0.6); } @media screen and (max-width: 767px) { .error_section .box .title { font-size: 4.5rem; } .error_section .box .btn-arrow { width: auto; } } @media screen and (min-width: 768px) { .error_section .row { height: calc(100vh - 72px); min-height: 41.25rem; } .error_section .box .title { margin-bottom: 3.125rem; } .error_section .box .title-bg { margin-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .error_section .row { height: calc(100vh - 11.875rem); } } /* Template - Podcasts */ .podcastsm_section .breadcrumbs { background: #FFF; } .podcastsm_section .podtop { background: #E9E9E9; } .podcastsm_section .podtop .title { float: right; padding-right: 2rem; background: #3E48CE; position: relative; height: 2.5rem; line-height: 2.5rem; padding-left: 1rem; color: #FFF; } .podcastsm_section .podtop .title:after { content: ''; position: absolute; right: 0.4375rem; top: 0; background: #E9E9E9; height: 100%; width: 0; } .podcastsm_section .podtop .form { float: left; width: 11.9375rem; height: 1.8125rem; background: #FFF; border: 1px solid #C4C4C4; border-radius: 0.9375rem; position: relative; top: 0.3125rem; } .podcastsm_section .podtop .form input[type="text"] { padding-left: 2rem; width: 100%; height: 100%; background: none; border: none; border-radius: 0.9375rem; color: #939393; text-indent: 1rem; } .podcastsm_section .podtop .form .submit { color: #939393; font-size: 0.875em; position: absolute; left: 0; top: 0; height: 100%; width: 2rem; border: none; border-right: 1px solid #C4C4C4; background: none; } .podcastsm_section > .innerpage > .row { padding: 2.875rem 0 0; } .podcastsm_section .top { margin-bottom: 1.5rem; } .podcastsm_section .top .title-group { color: #3E3E3C; float: right; position: relative; border-bottom: 0.4375rem solid #3E48CE; } .podcastsm_section .top .showall { float: left; color: #3E3E3C; text-decoration: underline; margin-top: 1rem; margin-left: 0; } .podcastsm_section .group { padding-bottom: 2.875rem; } .podcastsm_section .list { margin-left: -1.5625rem; } .podcastsm_section .item { width: 70%; padding-left: 16px; float: right; } .podcastsm_section .list:not(.carousel) .item { margin-bottom: 1.5rem; } .podcastsm_section .item .image { position: relative; padding-bottom: 60.88%; border-radius: 2px; overflow: hidden; } .podcastsm_section .item .image:before { content: ''; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0; background-image: linear-gradient(180deg, rgba(62, 72, 206, 0.28) 0%, #3e48ce 100%); opacity: 0.37; } .podcastsm_section .item .image .hover { opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0,0.4375rem,0); } .podcastsm_section .item .image .controllers { position: absolute; right: 0; bottom: 0; padding: 0.875rem; z-index: 2; width: 100%; } .podcastsm_section .item .image .controllers > li { margin-top: 0.875rem; } .podcastsm_section .item .image .controllers > li:after { content: ''; clear: both; display: table; } .podcastsm_section .item .image .controllers > li .controller { color: #FFF; display: block; float: right; } .podcastsm_section .item .image .controllers > li .controller .icon { width: 1.9375rem; height: 1.9375rem; line-height: 1.8125rem; text-align: center; border-radius: 50%; border: 1px solid #FFF; margin-left: 0.625rem; } .podcastsm_section .item .image .controllers > li .controller .icon.icon-play { padding-left: 0.125rem; font-size: 0.75em; } .podcastsm_section .item .image .controllers > li .controller .icon.icon-plus { font-size: 0.694em; } .podcastsm_section .item .image .info { position: absolute; right: 0; bottom: 0; padding: 0.875rem; z-index: 2; width: 100%; height: 100%; color: #FFF; opacity: 0; visibility: hidden; pointer-events: none; } .podcastsm_section .item .image .info .close { width: 2.1875rem; height: 1.875rem; position: absolute; right: 0; top: 0; z-index: 3; background: none; border: none; } .podcastsm_section .item .image .info .text { text-align: center; position: absolute; right: 0; width: 100%; top: 50%; transform: translateY(-50%); padding: 0 0.9375rem; pointer-events: none; } .podcastsm_section .item .image .info .text .title-text { margin-bottom: 0.125rem; } .podcastsm_section .item .image .info .text .desc { line-height: 1.47; } .podcastsm_section .item .image .info .controllers { display: block; transform: translate3d(0,0.4375rem,0); } .podcastsm_section .item .image .info .controllers > li { margin-top: 0; float: right; } .podcastsm_section .item .image .info .controllers > li:last-child { float: left; padding-left: 0.125rem; } .podcastsm_section .item .image .info .controllers > li .controller .iconimage { position: relative; width: 1.9375rem; height: 1.9375rem; display: inline-block; vertical-align: middle; border-radius: 50%; margin-left: 0.625rem; } .podcastsm_section .item .image .playnow { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; color: #FFF; opacity: 0; visibility: hidden; pointer-events: none; } .podcastsm_section .item .image .playnow .nowtext { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; } .podcastsm_section .item .bottom { color: #3E3E3C; padding: 1rem 0; line-height: 1; display: block; } .podcastsm_section .item .bottom > * { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .podcastsm_section .item .bottom .desc { padding-top: 0.1875rem; } .podcastsm_section .item .image:before { transition: opacity 0.3s ease; } .podcastsm_section .item .image .hover, .podcastsm_section .item .image .info, .podcastsm_section .item .image .playnow { transition: all 0.3s ease-out; } .podcastsm_section .item .image .info .controllers { transition: transform 0.3s ease-out; } .podcastsm_section .item .image .info .text .in { transform: scale(1.05); transition: transform 0.3s ease-out; } .podcastsm_section .item:not(.toggled):not(.played) .inner:hover .image:before { opacity: 0.68; } .podcastsm_section .item:not(.toggled):not(.played) .inner:hover .image .hover { opacity: 1; visibility: visible; pointer-events: all; transform: translate3d(0,0,0); } .podcastsm_section .item.toggled:not(.played) .image:before { opacity: 1; } .podcastsm_section .item.toggled:not(.played) .image .info, .podcastsm_section .item.played .image .playnow { opacity: 1; visibility: visible; pointer-events: all; } .podcastsm_section .item.toggled:not(.played) .image .info .controllers { transform: translate3d(0,0,0); } .podcastsm_section .item.toggled:not(.played) .image .info .text .in { transform: scale(1); } .podcastsm_section .flickity-prev-next-button { margin-top: -2.3125rem; } .podcastsm_section .flickity-prev-next-button.previous { left: 100%; right: auto; margin-left: -1.5625rem; } .podcastsm_section .flickity-prev-next-button.next { right: 100%; left: auto; } .podcastsm_section .flickity-prev-next-button:before { content: "\e916"; font-family: 'colmanicons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; transform: scaleX(-1); width: 2.625rem; height: 2.625rem; line-height: 2.625rem; border-radius: 50%; background: #3E48CE; color: #FFF; font-size: 1.2875rem; padding-right: 0.1875rem; } .podcastsm_section .flickity-prev-next-button.next:before { content: "\e915"; transform: scaleX(1); } .player_podcasts { background: #3E48CE; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 80; transform: translate3d(0,4.9375rem,0); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .player_podcasts.toggled { transform: translate3d(0,0,0); } .player_podcasts .player_box { padding: 0; background: transparent; position: relative; height: auto; } .player_podcasts .player { position: relative; height: 4.9375rem; padding: 0; box-shadow: none; width: 100%; background: transparent; padding-right: 0; padding-left: 0; } .player_podcasts .info { padding-right: 2.8125rem; position: absolute; right: 0; top: 50%; width: 15.5rem; transform: translateY(-50%); padding-top: 0rem; padding-left: 0.9375rem; } .player_podcasts .info > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; } .player_podcasts .info .image_profile { position: absolute; width: 2.1875rem; height: 2.1875rem; border-radius: 50%; left: auto; right: 0; top: 50%; border: 1px solid #FFFFFF; transform: translateY(-50%); } .player_podcasts .info .title { margin-bottom: 0; } .player_podcasts .player .player-box .progress { margin-bottom: 0; top: 2.375rem; background: rgba(255,255,255,0.29); height: 1px; } .player_podcasts .player .player-box .progress .circle { width: 1.1875rem; height: 1.1875rem; margin-top: -0.5938rem; margin-left: -0.5938rem; background: #FFF; border: none; } .player_podcasts .player .player-box .progress .time { position: absolute; top: 50%; right: 100%; white-space: nowrap; margin-right: 0; margin-top: 0; transform: translateY(-50%); } .player_podcasts .player .player-box .progress .bar { background: #FFF; height: 2px; } .player_podcasts .player-box .controls { position: absolute; left: 0; top: 0.6875rem; } .player_podcasts .player .player-box .controls .seek { font-size: 0.875rem; } .player_podcasts .player .player-box .controls .play { font-size: 1.5rem; border-radius: 0; width: auto; color: #FFF; background: transparent; } @media screen and (min-width: 768px) { .podcastsm_section .podtop .title { padding-right: 2.5625rem; height: 3.4375rem; line-height: 3.4375rem; padding-left: 1.5625rem; } .podcastsm_section .podtop .title:after { width: 0.625rem; } .podcastsm_section .podtop .form { width: 18.9375rem; top: 0.8125rem; } .podcastsm_section > .innerpage > .row { padding: 5.375rem 0 0; } .podcastsm_section .top { margin-bottom: 1.8125rem; } .podcastsm_section .top .showall { margin-top: 1.3125rem; } .podcastsm_section .group { padding-bottom: 6.375rem; } .podcastsm_section .item { width: 45%; padding-left: 1.5625rem; } .podcastsm_section .item .image .controllers > li .controller .icon { width: 2.2375rem; height: 2.2375rem; line-height: 2.1125rem; } .podcastsm_section .item .image .info .controllers > li .controller .iconimage { width: 2.2375rem; height: 2.2375rem; } .podcastsm_section .item .bottom { padding: 1.5rem 0; } .player_podcasts .info { padding-right: 3.625rem; width: 26.5rem; } .player_podcasts .info .image_profile { width: 2.9375rem; height: 2.9375rem; } .player_podcasts .info .title { margin-bottom: 0.1875rem; } .player_podcasts .player-box .controls { top: 0.3125rem; } .player_podcasts .player .player-box .controls .seek { font-size: 1.1875rem; } .player_podcasts .player .player-box .controls .play { font-size: 1.8125rem; } } @media screen and (max-width: 1023px) { .podcastsm_section .list { margin: 0 -1.875rem; } .podcastsm_section .item:first-child { width: calc(45% + 1.875rem); padding-right: 1.875rem; } .podcastsm_section .flickity-prev-next-button { height: 12.1875rem; top: 0; transform: none; margin-top: 0; width: 2rem; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%); } .podcastsm_section .flickity-prev-next-button.next { background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%); } .podcastsm_section .flickity-prev-next-button:before { width: 100%; border-radius: 0; background: none; color: #3E3E3C; font-size: 1rem; } .podcastsm_section .flickity-prev-next-button.previous { right: 0; margin-left: 0; left: auto; } .podcastsm_section .flickity-prev-next-button.next { right: auto; left: 0; } .player_podcasts .player .player-box .progress { position: absolute; top: 0; left: -1.875rem; width: calc(100% + 3.75rem); } .player_podcasts .player .player-box .progress .time { transform: none; top: 100%; left: 12.5rem; margin-top: 1.875rem; } .podcastsm_section .list:not(.carousel) { margin: 0; margin-left: -1.5625rem; } .podcastsm_section .list:not(.carousel) .item { margin-bottom: 1.5rem; width: 50%; } .podcastsm_section .list:not(.carousel) .item:first-child { width: 50%; padding-right: 0; } } @media screen and (max-width: 767px) { .podcastsm_section .podtop .title { font-size: 1.25rem; } .podcastsm_section .list { margin: 0 -16px; } .podcastsm_section .item { padding-left: 0; padding-right: 16px; } .podcastsm_section .item:first-child { width: 70%; padding-right: 16px; } .podcastsm_section .item:last-child { width: calc(70% + 16px); padding-left: 16px; } .podcastsm_section .item .f-20 { font-size: 18px; } .podcastsm_section .item .bottom .desc { font-size: 16px; } .podcastsm_section .flickity-prev-next-button { height: 64%; } .podcastsm_section .flickity-prev-next-button:before { display: block; position: absolute; top: 0; bottom: 0; margin: auto 0; } .podcastsm_section .item .image .info .text { top: 16px; transform: none; } .player_podcasts .player-box .controls { left: -0.9375rem; } .player_podcasts .player .title { font-size: 18px; } .player_podcasts .player .desc { font-size: 16px; } .player_podcasts .player .player-box .progress { left: -16px; width: calc(100% + 32px); } .player_podcasts .player .player-box .progress .time { left: 16px; margin-top: 0.25rem; } .podcastsm_section .list:not(.carousel) { margin: 0; margin-left: 0; } .podcastsm_section .list:not(.carousel) .item { margin-bottom: 1rem; width: 100%; padding-right: 0; padding-left: 0; } .podcastsm_section .list:not(.carousel) .item:first-child { width: 100%; padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1024px) { .podcastsm_section .top .showall { margin-left: 2.125rem; } .podcastsm_section .item { width: 33.3333%; } .podcastsm_section .item .image .info .text { padding: 0 3.4375rem; } .player_podcasts .player { padding-right: 26.5rem; padding-left: 23.3125rem; } .player_podcasts .player .player-box .progress .time { margin-right: 3.9375rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .podcastsm_section .flickity-prev-next-button.next { margin-right: -3.125rem; } } @media screen and (min-width: 1280px) { .podcastsm_section .item { width: 25%; } .podcastsm_section .flickity-prev-next-button.previous { margin-left: 1.5625rem; } } @media screen and (min-width: 1440px) { .player_podcasts .player { padding-right: 24.5rem; } .player_podcasts .info { width: 24.5rem; } } @media screen and (min-width: 1800px) { .podcastsm_section .item .image .controllers > li .controller .icon { width: 1.9375rem; height: 1.9375rem; line-height: 1.8125rem; } .podcastsm_section .item .image .info .controllers > li .controller .iconimage { width: 1.9375rem; height: 1.9375rem; } .player_podcasts .player { padding-right: 18.5rem; } .player_podcasts .info { width: 18.5rem; } } /* Template - Lead form */ .leadform_section { background: #E9E9E9; margin-left: 0; position: relative; z-index: 3; } .leadform_section .row { margin: 0; } .leadform_section .step_one { padding: 1rem 0; } /**ay*/ .leadform_section .titles { position: relative; top: 0; padding-right: 0; margin-bottom: 0.5rem; } .leadform_section .titles:before { display: none; } .leadform_section.b-grayd .titles .title-section { color: #fff; display: inline-block; vertical-align: middle; margin-bottom: 0; } .leadform_section .titles .title-section { color: #060909; display: inline-block; vertical-align: middle; margin-bottom: 0; } .leadform_section .titles .title-section .arrow { display: none; } .leadform_section .titles .discount { display: inline-block; vertical-align: middle; float: none; padding: 0rem 0.375rem; margin-right: 0; } .leadform_section .form_ui { position: relative; margin-left: -1.5rem; } .leadform_section .input { width: 100%; padding-left: 1.5rem; margin-bottom: 0.25rem; } .leadform_section .input .input-text { border: 1px solid #979797; } .leadform_section .input .checkbox label { color: #060909; } .leadform_section.b-grayd .input .checkbox label { color: #ffffff; } .leadform_section .input .checkbox label .check_c { border-color: #060909; } .leadform_section .input .checkbox label .check_c .icon { color: #060909; } .leadform_section .input.input-checkbox { width: 100%; top: auto; bottom: 0; right: auto; left: 0; margin-bottom: 1.25rem; text-align: left; margin-left: 0; } .leadform_section .input .cselect_cont .cselect_custom .title { border: 1px solid #979797; } .leadform_section .input .cselect_cont .cselect_custom .list .scroll-wrapper { border-top: none; } /*.leadform_section .input .btn{background:linear-gradient(45deg, rgba(29,178,242,1) 0%,rgba(124,64,245, 1) 100%);}*/ .leadform_section .input .btn { background-color: #ed7045; } .leadform_section .input.input-submit { float: left; margin-bottom: 0; } .leadform_section .input.input-submit .btn { float: left; font-weight: 700; } .leadform_section .step_two { padding-top: 2.875rem; color: #060909; } .leadform_section .step_two.c-white{color:#fff;} .home_page .leadform_section .step_two.c-white{color:#060909;} /**on homepage*/ .leadform_section .step_two .col_share { border-color: #060909; } .leadform_section .step_two .col .sharebar > li .o-link { background: #060909; color: #FFF; } @media screen and (max-width: 767px) { .leadform_section .input.input-checkbox { text-align: right; } } @media screen and (min-width: 768px) { .leadform_section .step_one { padding: 0.25rem 2.0625rem 0; } /*{padding:1rem 2.0625rem 0;}*/ .leadform_section .titles { margin: 0.5rem 0 } /*{margin-bottom:1.125rem;}*/ .leadform_section .titles .discount { margin-right: 0.6875rem; } .leadform_section .input { width: 33.3333%; margin-bottom: 1rem; } .leadform_section .input.input-checkbox { width: 66.66%; left: 0.66%; margin-bottom: 0.625rem; margin-left: -2.75rem; } .leadform_section .step_two { padding-top: 6rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .newsletter .step_two .col .title-big { font-size: 44px; } .newsletter .step_two .col_share { padding-right: 2.25rem; padding-top: 10px; } .newsletter .step_two .col_share .title { font-size: 21px; top: 0; } } @media screen and (min-width: 1024px) { .newsletter .input.input-label { width: 84%; margin-bottom: 0.75rem; text-align: right; } /*margin-bottom:1.25rem;*/ .leadform_section .input.input-label { width: 84%; margin-bottom: 1.25rem; text-align: right; } .leadform_section .input { width: 20%; } .leadform_section .input.input-checkbox { width: 50%; left: 19.66%; } .leadform_section .step_two { padding-top: 4.3125rem; } } @media screen and (min-width: 1280px) { .leadform_section .input.input-checkbox { left: 17.66%; } } @media screen and (min-width: 1440px) { .leadform_section .row { margin: 0 -3.9063rem; } .leadform_section .input.input-checkbox { left: 20%; } } @media screen and (min-width: 1800px) { .leadform_section .row { margin: 0 -9.375rem; } } /* Template - Databases */ .databases_section .row { max-width: 70rem; margin: 0 auto; padding-top: 2.5rem; } .databases_section .filters { margin-bottom: 2.5rem; } .databases_section .filters .freesearch { max-width: 35rem; margin: 0 auto; position: relative; margin-bottom: 2rem; } .databases_section .filters .freesearch .inherit_placeholder { border-bottom: 1px solid #707070; text-indent: 0; color: #060909; height: 3.375rem; } .databases_section .filters .freesearch .toggle { position: absolute; left: 0; top: 0; height: 100%; color: #060909; } .databases_section .filters .freesearch .toggle:before { display: none; } .databases_section .filters .checkboxs { font-size: 0; text-align: center; } .databases_section .filters .checkboxs > li { display: inline-block; margin: 0 0.25rem 0.5rem; } .databases_section .filters .checkboxs > li .checkbox label { padding-right: 0; height: 2.1875rem; white-space: nowrap; line-height: 2.0625rem; border: 1px solid #707070; border-radius: 0.5rem; font-weight: 700; padding: 0 0.5rem; color: #060909; transition: all 0.15s ease; } .databases_section .filters .checkboxs > li .checkbox input[type="checkbox"]:checked + label { background: #3E48CE; border-color: #3E48CE; color: #FFFFFF; } .databases_section .filters .checkboxs > li .checkbox .check_c { display: none; } .databases_section .title-section { margin-bottom: 0.9375rem; } .databases_section .item { border-color: #707070; } .databases_section .item.isotope_hide { display: none; } .databases_section .item .o-link { position: relative; display: inline-block; text-decoration: none !important; color: #3E48CE; line-height: 1; } .databases_section .item .o-link:after { content: ''; width: 100%; height: 1px; position: absolute; right: 0; bottom: 1px; background: #3E48CE; } .databases_section .item:before { width: 0.375rem; background: #3E48CE; } .databases_section .item:not(:last-child) { margin-bottom: 0.9375rem; } .databases_section .item.open .question { color: #3E48CE; } .databases_section .item .question .title_question { padding: 0.625rem 0.9375rem 0.625rem 8.5rem; } .databases_section .item .question .title_question .icon { font-size: 0.5313rem; left: 1rem; } .databases_section .item .link-goto { position: absolute; left: 2.875rem; top: 1.4375rem; z-index: 4; } .databases_section .item .answer .answer_inner { border-top: none; padding: 0.75rem 0.9375rem 1.625rem; line-height: 1.0833; } .databases_section .item .answer ul { margin-bottom: 0.9375rem; } .databases_section .item .answer ul > li:not(:last-child) { margin-bottom: 0.9375rem; } .databases_section .item .answer ul > li .label { display: inline-block; margin-left: 1rem; } @media screen and (max-width: 767px) { .databases_section .filters .checkboxs { margin: 0 -0.5rem; } .databases_section .item .link-goto { font-size: 18px; } .databases_section .item .question .title_question { height: 4rem; } .databases_section .item .f-24 { font-size: 18px; } .databases_section .item .question .title_question { line-height: 1; } } @media screen and (min-width: 768px) { .databases_section .row { padding-top: 4rem; } .databases_section .filters { margin-bottom: 4.875rem; } .databases_section .filters .checkboxs > li { margin: 0 0.5rem 1rem; } .databases_section .filters .checkboxs > li .checkbox label { height: 2.5rem; line-height: 2.375rem; padding: 0 1rem; } .databases_section .title-section { margin-bottom: 2.5rem; } .databases_section .item:before { width: 0.5rem; } .databases_section .item:not(:last-child) { margin-bottom: 1.5rem; } .databases_section .item .question .title_question { padding: 1.4375rem 2.125rem 1.4375rem 12.8125rem; } .databases_section .item .question .title_question .icon { font-size: 0.7375rem; left: 1.5625rem; } .databases_section .item .link-goto { left: 5.375rem; } .databases_section .item .answer .answer_inner { padding: 0 2.125rem 1.625rem; } } @media screen and (min-width: 1024px) { .databases_section .row { max-width: 100%; } .databases_section .item .question .title_question { padding: 1.4375rem 2.125rem; } } @media screen and (min-width: 1280px) { .databases_section .row { max-width: 84rem; } } @media screen and (min-width: 1440px) { .databases_section .row { max-width: 80rem; } } @media screen and (min-width: 1800px) { .databases_section .row { max-width: 70rem; } } /* Template - Phonebook */ .phonebook_section { padding-top: 2.875rem; } .phonebook_section .title-section { margin-bottom: 1.5rem; } .phonebook_section .table { border: 1px solid #707070; width: 100%; table-layout: fixed; } .phonebook_section .table-thead .table-cell { border-bottom: 1px solid #707070; } .phonebook_section .table-cell { height: auto; vertical-align: middle; padding-right: 0; } .phonebook_section .table-tbody .table-row:nth-child(odd) .table-cell { background: #F5F4F4; } .phonebook_section a { color: #3E48CE; text-decoration: underline; } .phonebook_section .mobile_label { display: none; } @media screen and (max-width: 767px) { .phonebook_section { padding-bottom: 2.875rem; } .phonebook_section .table { font-size: 1.125rem; } .phonebook_section .table, .phonebook_section .table-thead, .phonebook_section .table-tbody, .phonebook_section .table-row, .phonebook_section .table-cell { display: block; } .phonebook_section .table-thead { display: none; } .phonebook_section .table-row { padding: 2rem 1rem; } .phonebook_section .table-row:nth-child(odd) { background: #F5F4F4; } .phonebook_section .table-cell { position: relative; padding-right: 6rem; } .phonebook_section .table-cell:not(:last-child) { margin-bottom: 0.75rem; } .phonebook_section .mobile_label { display: block; position: absolute; right: 0; font-weight: 900; } } @media screen and (min-width: 768px) { .phonebook_section { padding-top: 4.25rem; } .phonebook_section .title-section { margin-bottom: 2.5rem; } .phonebook_section .table-cell { height: 4.5rem; padding-right: 0.9375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .phonebook_section .table { table-layout: auto; } } @media screen and (min-width: 1024px) { .phonebook_section { padding-top: 9.25rem; } .phonebook_section .table-cell { padding-right: 2.1875rem; } } /* Template - Lecturers */ .lecturers_section .item-big { width: 100%; } .lecturers_section .item-big .image { width: 100%; height: auto; padding-bottom: 0; float: right; } .lecturers_section .item-big .image .tag { position: absolute; right: 0; bottom: 0; height: 3rem; line-height: 3rem; padding: 0 1.125rem; background: #3E48CE; color: #FFF; } .lecturers_section .item-big .box-in { width: 100%; float: right; margin-right: 0; height: auto; position: relative; padding-top: 0.1875rem; } .lecturers_section .item-big .fullname { margin-bottom: 0.875rem; } .lecturers_section .item-big .desc-small { padding-top: 0.3125rem; } .lecturers_section .item-big .link { position: absolute; right: 0; bottom: 0; } @media screen and (max-width: 767px) { .lecturers_section .item-big .image { padding-bottom: 100%; } .lecturers_section .item-big .link { position: relative; margin-top: 10px; } .lecturers_section .item .f-24 { font-size: 20px; } } @media screen and (min-width: 768px) { .lecturers_section .item-big .image { width: 20rem; height: 20rem; } .lecturers_section .item-big .box-in { width: calc(100% - 22.5625rem); margin-right: 2.5625rem; height: 20rem; } .lecturers_section .item-big .link { bottom: 0.625rem; } } @media screen and (min-width: 1024px) { .lecturers_section .item-big { width: 60%; } .lecturers_section .item-big .box-in { width: calc(100% - 23.5625rem); margin-right: 3.5625rem; } } @media screen and (min-width: 1280px) { .lecturers_section .item-big .box-in { width: calc(100% - 26.5625rem); margin-right: 6.5625rem; } } /* Template - Imp info */ .impoinfo_section { padding: 0.875rem 0 2rem; background: #3E3E3C; } /***ay*/ .impoinfo_section .row { background: #3E3E3C; padding: 2.5rem 1rem 1rem; } .impoinfo_section .list { font-size: 0; margin-left: -7.25rem; } .impoinfo_section .item { padding-left: 7.25rem; padding-bottom: 1.5rem; display: inline-block; vertical-align: top; width: 100%; } .impoinfo_section .item .inner { color: #FFF; padding-right: 2rem; line-height: 1.42; position: relative; } .impoinfo_section .item .inner:after { content: ''; position: absolute; right: 0; top: 0.25rem; width: 0.5rem; height: calc(100% - 0.5625rem); background: #3E48CE; } .impoinfo_section .title-section { margin-bottom: 2rem; } /*ay*/ .impoinfo_section .title-section { border-right: 0.55rem solid #15C4A5; padding-right: 1.3125rem; } @media screen and (max-width: 767px) { .impoinfo_section .f-24 { font-size: 18px; } } @media screen and (min-width: 768px) { .impoinfo_section { padding: 1.25rem 0; } /*ay*/ .impoinfo_section .row { padding: 4.75rem 1.875rem 1rem; } .impoinfo_section .list { margin-left: -2.25rem; } .impoinfo_section .item { padding-left: 2.25rem; padding-bottom: 2.5rem; width: 50%; } .impoinfo_section .item .inner:after { height: calc(100% - 0.6875rem); } } @media screen and (min-width: 1024px) { .impoinfo_section .row { padding: 0rem 5.5625rem 0rem; } .impoinfo_section .list { margin-left: -7.25rem; } .impoinfo_section .item { padding-left: 2.5rem; } .impoinfo_section .innerpage { padding-bottom: 0rem !important; } .blockListBullets .row { padding-right: 0rem; } } /* Template - Projects */ /*.projects_section{padding-top:2.5rem;}*/ .projects_section .desc-top { max-width: 59.6875rem; margin: 0 auto; text-align: center; line-height: 1.705; margin-bottom: 4rem; } .projects_section .list { margin-left: -6.8125rem; font-size: 0; } .projects_section .item { padding-left: 6.8125rem; width: 100%; margin-bottom: 2.5rem; display: inline-block; vertical-align: top; } .projects_section .item .inner { padding-top: 0; } .projects_section .item .image { position: relative; padding-bottom: 66.78%; margin-bottom: 1.25rem; } .projects_section .item .image:before { content: ''; width: 0.5rem; height: 100%; background: #3E48CE; position: absolute; right: 0; top: 0; z-index: 3; } .projects_section .item .image .tag { position: absolute; right: 0.5rem; bottom: 0; z-index: 2; padding: 0.8125rem 0 0.6875rem 1.25rem; color: #FFFFFF; background: #3E48CE; } .projects_section .item .box_in { padding-right: 0.5rem; } .projects_section .item .box_in:after { display: none; } .projects_section .item .btn-more-cont { padding-left: 0; padding-top: 1.0625rem; } @media screen and (max-width: 767px) { .projects_section .desc-top { font-size: 18px; } } @media screen and (min-width: 768px) { /* .projects_section{padding-top:2.5625rem;}*/ .projects_section .desc-top { margin-bottom: 7.625rem; } .projects_section .list { margin-left: -45px; } .projects_section .item { padding-left: 45px; width: 50%; margin-bottom: 4.1875rem; } } @media screen and (min-width: 1024px) { .projects_section .list { margin-left: -3.8125rem; } .projects_section .item { padding-left: 3.8125rem; width: 33.3333%; } } @media screen and (min-width: 1280px) { .projects_section .desc-top { max-width: 71.6875rem; } .projects_section .list { margin-left: -6.8125rem; } .projects_section .item { padding-left: 6.8125rem; } } @media screen and (min-width: 1800px) { .projects_section .desc-top { max-width: 59.6875rem; } } .blockLinksItems { padding-top: 0rem !important; } .blockLinks { padding-top: 0rem !important; } .blockArticles .innerpage { padding-bottom: 0rem; } /*.blockArticles .innerpage { padding: 0rem !important;}*/ @media screen and (max-width: 767px) { .blogcover_section .box .desc { line-height: 2.3rem; } } .box_in ul li { padding-right: 5px; } .blockFaq h2 { padding-bottom: 3.375rem; } .blockLogos .list_slice h2 { padding-bottom: 2.5rem; padding-top: 2.5rem; } .blueText { color: #2474e4; } .section.pagein_head .navpage .innerpage { padding-top: 0rem !important; padding-bottom: 0rem !important; } .par ul, .parTxt ul { margin: 0; padding: 0 30px !important; list-style: disc !important; list-style-position: outside !important; } .parTxt ul.ul-nums { list-style: none !important; } @media screen and (min-width:1800px) { .collapse_section.w-video .row { min-height: 0rem; } .blockLogos .list_slice h2 { padding-top: 3.5rem; } } .blockAbout .innerpagei { padding-top: 2.5rem; } @media screen and (min-width: 1024px) and (max-width: 1150px) { .collapse_section.w-video .row { min-height: 31.4375rem !important; } } @media screen and (min-width: 1151px) and (max-width: 1439px) { .collapse_section.w-video .row { min-height: 31.4375rem !important; } } @media screen and (min-width: 1440px) and (max-width: 1550px) { .collapse_section.w-video .row { min-height: 31.4375rem !important; } } @media screen and (min-width: 1551px) and (max-width: 1700px) { .collapse_section.w-video .row { min-height: 31.4375rem !important; } } @media screen and (min-width: 1771px) and (max-width: 1799px) { .collapse_section.w-video .row { min-height: 37rem !important; } } @media screen and (min-width: 1800px) { .collapse_section.w-video .row { min-height: 0rem !important; } } h2.twoImages { padding-bottom: 2.5rem; padding-top: 2.5rem; } .editorCss li { list-style-position: outside !important; margin-right: 20px; } /*henya 3.2023*/ /*.campus_section > .innerpage{padding-top:2.5rem;}*/ .faq_section > .innerpage { padding-top: 2.5rem; } .innerpage.tighter { padding-top: 2.5rem; } .blockProjects > .innerpage { padding-top: 2.5rem; } .blockAbout .innerpage { padding-top: 2.5rem; } .impoinfo_section .row { padding-top: 2.5rem !important; } .twocols_section .innerpage { padding-top: 2.5rem; } .impoinfo_section .row .title-section { margin-right: -5.5625rem; } .blockListBullets .row .title-section { margin-right: 0rem !important; } @media screen and (max-width: 767px) { /*.impoinfo_section .row .title-section{padding-right:3.5rem ;}*/ .blockListBullets .row { padding-right: 0rem !important; } .blockListBullets .row .title-section { margin-right: 0rem !important; } } @media screen and (min-width: 768px) { .blockListBullets .row { padding-right: 0rem !important; } } @media screen and (max-width: 1023px) { .cevents_section .item .title.previewTitle { height: 6rem; overflow: hidden; } .cevents_section .item .desc.preview { height: 9rem; overflow: hidden; } } @media screen and (min-width: 1279px) and (max-width: 1439px) { .cevents_section .item .title.previewTitle { height: 8rem; overflow: hidden; } .cevents_section .item .desc.preview { height: 12rem; overflow: hidden; } } .blockListNumbers .title-bg { margin-bottom: 2rem !important; } .parallax-move { width: 100%; height: 100%; } .video_bg { direction: ltr; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; } .video_bg .video {/* min-width: 100%;*/ min-height: 100%; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; } .video_bg .cover { display: none; } .pagetop-section:not(.loaded) .bg_cont .bg, .pagetop-section:not(.loaded) .bg_cont .video_bg { opacity: 0; transform: scale(1.1); } /*from daniel*/ .layout_content.slider_section {padding-top: 50px;} .swiper-slide img { width: 100%; height: auto; } .layout_content .swiper { padding: 0 37px 40px; } /*.layout_content .swiper-button-next {right: 0; } .layout_content .swiper-button-prev { left: 0; } .layout_content .swiper-rtl .swiper-button-next { left: 0; } .layout_content .swiper-rtl .swiper-button-prev { right: 0; } */.layout_content .swiper-button-next, .layout_content .swiper-button-prev { color: #3e48ce; top: calc(50% - 20px); transform: translateY(-50%); } /*.layout_content .swiper-rtl .swiper-button-prev:after {content: 'next' !important;} .layout_content .swiper-rtl .swiper-button-next:after { content: 'prev' !important;} */.layout_content .swiper-pagination-bullet { height: 8px; width: 40px; border-radius: 0; background: #3e48ce; opacity: 0.61; } .layout_content .swiper-pagination-bullet-active { opacity: 1; background: #3e48ce; } .dormitory_registration { background: #3e3f3d 0% 0% no-repeat padding-box; border: 1px solid #707070; padding-top: 2.5rem; padding-bottom: 2.5rem; color: #fff; } .dormitory_registration h2 { margin-bottom: 0; font-size: 40px; line-height: 1; } .dormitory_registration .text_block { font-size: 24px; line-height: 1.67; padding-right: 22px; border-right: 11px solid #23c9d5; margin-bottom: 2.5rem; } .registration_links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; max-width: 1213px; margin: 0 auto; } .registration_link { display: flex; align-items: center; justify-content: center; height: auto; border-bottom: 0; transition: all 0.3s; } .registration_link:hover { border-bottom: 10px solid #fff; } .registration_link { /*background: #23c9d5;*/ } .registration_link img { max-height: 140px; height: auto; width: 100%; } .sample_room { padding: 50px 0px 100px; } .shadow_block, .layouts { background: #fff; /*padding: 46px 9px;*/ /*box-shadow: -6px 16px 32px #00000021;*/ position: relative; } .shadow_block .title-section { padding-right: 2.4375rem; position: relative; margin-bottom: 30px; } .shadow_block .title-section .arrow { width: 0; height: 0; border-style: solid; border-width: 0.875rem 0.6875rem 0.875rem 0; border-color: transparent #3e48ce transparent transparent; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; } @media screen and (min-width: 768px) { .shadow_block .title-section { margin-bottom: 3.1875rem; } } @media screen and (min-width: 1024px) { .shadow_block .title-section { padding-right: 2.4375rem; margin-bottom: 3.1875rem; } .sectionshadow .title-section .arrow { border-width: 0.875rem 0.6875rem 0.875rem 0; } } .apartment_layouts { padding-top: 2.5rem; padding-bottom: 2.5rem; } .layouts { padding: 0; } .layouts_toggles { padding: 0; } .layouts_toggle, .vt_toggle { background: #3e48ce; padding: 40px 10px 20px; height: 169px; color: #fff; text-align: center; cursor: pointer; transition: all 0.4s ease; } .layouts_toggle_icon { max-height: 37px; margin-bottom: 10px; } .layouts_toggle_icon img { filter: brightness(500%); max-height: 37px; width: 100%; transition: all 0.4s ease; } .layouts_toggle_ttl { font-weight: 700; font-size: 30px; line-height: 26px; } .layouts_toggle_desc { font-weight: 500; font-size: 16px; line-height: 26px; } .layouts_toggle.active { color: #3e48ce; background: #e9e9e9; } .layouts_toggle.active .layouts_toggle_icon img { filter: none; } .layouts_infos { overflow-x: hidden; } .layout_content, .vt_content { background: #fff; padding: 27px; display: none; justify-content: flex-end; /*align-items: center;*/ visibility: hidden; opacity: 0; transform: scale(0.95); position: relative; z-index: 1; transition: all 1.6s ease; } .layout_content.active, .vt_content.active { display: flex; z-index: 2; } .layout_content.show, .vt_content.show { visibility: visible; opacity: 1; transform: translateX(0) scale(1); } .layout_content .swiper { max-width: 52%; margin-left: 0; margin-right: 30px; } .layout_info { height: 100%; width: 100%; } .layout_info_all { padding-top: 2rem;} .layout_row { display: flex; max-width: 557px; padding: 10px 5px; border-bottom: 1px solid #c4c7f0; color: #3e3e3c; font-size: 22px; line-height: 26px; } .layout_info_ttl { min-width: 120px; max-width: 120px; color: #3e48ce; padding-left: 15px; font-weight: 700; } .virtual_tour_section { padding: 0 0 0 0; } .virtual_tour_section .tourCaption { margin-top: 1.5rem; margin-bottom: 1.75rem; /* padding-right: 2rem;*/ } .apartment_layouts .appartmentCaption { margin-top: 1.5rem; margin-bottom: 1.75rem; } .virtual_tour_section .item.active .eventbox .inner { padding: 20px; position: absolute; width: 100%; height: 100%; } .virtual_tour_section .item .eventbox .ine { position: absolute; width: 100%; height: 100%; } .virtual_tour_section .video_box .inner { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; } .virtual_tour_section .video_box { position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); padding: 0; } .virtual_tour_section .item .inner { display: flex; align-items: center; padding: 20px 16px; } .virtual_tour_section .item a.inner { background: #3e3e3c; } .virtual_tour_section .item .inner .icon { min-width: 93px; text-align: center; margin-left: 22px; max-height: 37px; opacity: 0.8; transition: 0.3s; } .virtual_tour_section .item.active .inner .icon { opacity: 1; } .virtual_tour_section .item .inner .icon img { max-height: 37px; filter: brightness(500%); } .virtual_tour_section .item .inner .text { display: block; text-align: center; opacity: 0.8; transition: 0.3s; } .virtual_tour_section .item.active .inner .text { opacity: 1; } .virtual_tour_section .item .inner .text .ttl { display: block; font-size: 30px; line-height: 26px; font-weight: 700; } .virtual_tour_section .item .inner .text .desc { display: block; font-size: 16px; line-height: 26px; } .virtual_tour_section .item .eventbox { height: 100%; background-color: #d9d9d9; } .virtual_tour_section .item:nth-child(1) .eventbox::before { top: 50px; } .virtual_tour_section .item:nth-child(2) .eventbox::before { top: 180px; } .virtual_tour_section .item:nth-child(3) .eventbox::before { top: 305px; } .virtual_tour_section .item:nth-child(4) .eventbox::before { top: 435px; } .virtual_tour_section .vt_toggle { background: #3e3e3c; padding: 40px 10px 20px; height: 169px; color: #9f9f9e; text-align: center; cursor: pointer; transition: all 0.4s ease; } .virtual_tour_section .layouts_toggle_icon { max-height: 37px; margin-bottom: 10px; } .virtual_tour_section .layouts_toggle_icon img { filter: brightness(500%); max-height: 37px; width: 100%; opacity: 0.8; transition: all 0.4s ease; } .virtual_tour_section .layouts_toggle_ttl { font-weight: 700; font-size: 30px; line-height: 26px; } .virtual_tour_section .layouts_toggle_desc { font-weight: 500; font-size: 16px; line-height: 26px; } .virtual_tour_section .vt_toggle.active { color: #fff; background: #3e3e3c; } .virtual_tour_section .vt_toggle.active .layouts_toggle_icon img { filter: brightness(500%); opacity: 1; } .d-lg-none { display: none !important; } .d-lg-block { display: block !important; } @media screen and (max-width: 1024px) { .layout_content { flex-direction: column; } .layout_content .swiper { max-width: 100%; margin-right: 0; } .layout_row { max-width: 100%; } .d-none { display: none !important; } .d-block { display: block !important; } } @media screen and (max-width: 767px) { .dormitory_registration h2 { font-size: 35px; line-height: 40px; } .dormitory_registration .text_block { margin-bottom: 34px; } .dormitory_registration { padding-top: 47px; padding-bottom: 51px; } .layouts_toggles .swiper-button-next, .layouts_toggles .swiper-button-prev { height: 100%; top: 0; transform: translateY(0); color: #fff; margin: 0; background: #3e48ce; } .virtual_tour_section .layouts_toggles .swiper-button-next, .virtual_tour_section .layouts_toggles .swiper-button-prev { background: #3e3e3c; } .layouts_toggles .swiper-button-next:after, .layouts_toggles .swiper-button-prev:after, .swiper-button-next:after, .swiper-button-prev:after { font-size: 24px; } .swiper-button-next:after, .swiper-button-prev:after { color: #fff; } .layout_content .swiper { padding-left: 10px; padding-right: 10px; } .layout_content .swiper .swiper-button-next:after, .layout_content .swiper .swiper-button-prev:after { font-size: 24px; color: #3e48ce; } .layout_content .swiper-rtl .swiper-button-next { left: 0; } .layout_content .swiper-rtl .swiper-button-prev { right: 0; } .swiper-pagination-bullet { width: 34px; height: 6px; } .layouts_toggles .swiper-button-disabled { display: none; } .layouts_toggle_ttl, .virtual_tour_section .layouts_toggle_ttl { font-size: 24px; line-height: 24px; } .layouts_toggle, .virtual_tour_section .vt_toggle { height: 110px; padding: 10px; } .layout_row { flex-direction: column; } .layout_info_ttl { max-width: 100%; } .layout_content .swiper { padding-left: 0; padding-right: 0; } .layout_content.swiper-rtl .swiper-button-next { left: 10px; } .layout_content .swiper-rtl .swiper-button-prev { right: 10px; } .layouts_toggles .swiper-button-next { border-right: 1px solid #fff; left: 0; } .layouts_toggles .swiper-button-prev { border-left: 1px solid #fff; right: 0; } .virtual_tour_section .item .eventbox { height: 400px !important; } .virtual_tour_section .item .eventbox, .virtual_tour_section .item.open .eventbox > .inner { padding: 20px 20px 40px; } .virtual_tour_section .video_box .play_video { height: 100% !important; padding: 0 !important; } .virtual_tour_section { padding-top: 10px; /*padding-bottom: 40px;*/ } .virtual_tour_section .row { padding: 0; } .virtual_tour_section, .virtual_tour_section .vt_content { background: #d9d9d9; } .virtual_tour_section .title-section { color: #454545; } .virtual_tour_section .title-section .arrow { right: 0; } .virtual_tour_section .vt_content { height: 400px; padding: 20px 0; overflow-y: hidden; } } .apartment_layouts .layouts_infos .swiper-slide img { max-height: 500px; } .apartment_layouts .layout_info { width: auto; } .virtual_tour_section { /*height: 700px;*/ } .virtual_tour_section .innerpage { height: 100%; } .virtual_tour_section .innerpage .inner2 { height: 620px; padding-bottom: 2.5rem; } @media screen and (max-width: 767px) { .registration_links { display: grid; grid-template-columns: repeat(2, 1fr); } .registration_link img { max-width: 170px; } .virtual_tour_section .video_box { width: 100%; } } .video_section .swiper-wrapper { max-height: 670px; } .video_section .swiper-slide img { object-fit: cover; width: 100%; height: 670px; } .blockAbout .swiper-wrapper { max-height: 430px; } .blockAbout .swiper-slide img { object-fit: cover; width: 100%; height: 430px; } @media screen and (min-width: 767px) { .virtual_tour_section .item .tourbox { max-height: 519px; } } @media screen and (max-width: 767px) { .video_section .swiper-wrapper { max-height: 200px; } .video_section .swiper-slide img { object-fit: cover; width: 100%; height: 200px; } .blockAbout .swiper-wrapper { max-height: 200px; } .blockAbout .swiper-slide img { object-fit: cover; width: 100%; height: 200px; } } @media screen and (max-width: 1023px) { .blockVideo .innerpage.tighter { padding-top: 0; } .blockVideo.collapse_section.collapse-home .row, .blockAbout.collapse_section.collapse-home .row { margin-bottom: 0; } } .shadow_block { padding-top: 2.5rem; } #footer .links { padding-top: 1.5rem; } .internalEvents .row { padding: 3.5625rem 0.5rem 7.375rem 4.625rem; min-height: 32.2rem } .internalEvents .eventsInternalCaption { margin-bottom: 1.75rem; } .blockPosts .innerpage .row { margin-top: 2.5rem; } .form_fields { float: right; width: 88% } @media screen and (max-width: 767px) { .mobileWidth { width: 132px !important; } .mobileWidthLabel { width: calc(100% - 132px); text-align: right; } .form_fields { float:none; width: 100% } } footer .innerpage { padding-bottom: 2.5rem; } .unpause-button { display: none; } .unpause-button span::before { content: "\e90f"; } footer .blockText .innerpage { padding-bottom: 0rem; } .blockPublications h2 { margin-bottom: 1.5rem; } .blog_post_page_inner ul { padding-right: 30px; padding-bottom: 10px; } @media screen and (min-width: 1024px) and (max-width: 1439px) { .blockAbout .innerpage { padding-bottom: 1.5rem; } } @media screen and (min-width: 1800px) { .blockAbout .innerpage { padding-bottom: 1.5rem; } .vt_toggle { background: #3e48ce; padding: 40px 10px 20px; height: 169px; color: #fff; text-align: center; cursor: pointer; transition: all 0.4s ease; } .layouts_toggle_icon { max-height: 37px; margin-bottom: 10px; } .layouts_toggle_icon img { filter: brightness(500%); max-height: 37px; width: 100%; transition: all 0.4s ease; } .layouts_toggle_ttl { font-weight: 700; font-size: 30px; line-height: 26px; } .layouts_toggle_desc { font-weight: 500; font-size: 16px; line-height: 26px; } .layouts_toggle.active { color: #3e48ce; background: #e9e9e9; } .layouts_toggle.active .layouts_toggle_icon img { filter: none; } .layouts_infos { overflow-x: hidden; } .layout_content, .vt_content { background: #fff; padding: 27px; display: none; justify-content: flex-end; /*align-items: center;*/ visibility: hidden; opacity: 0; transform: scale(0.95); position: relative; z-index: 1; transition: all 1.6s ease; } .layout_content.active, .vt_content.active { display: flex; z-index: 2; } .layout_content.show, .vt_content.show { visibility: visible; opacity: 1; transform: translateX(0) scale(1); } .layout_content .swiper { max-width: 52%; margin-left: 0; margin-right: 30px; } .layout_info { height: 100%; width: 100%; } .layout_info_all { padding-top: 2rem; } .layout_row { display: flex; max-width: 557px; padding: 10px 5px; border-bottom: 1px solid #c4c7f0; color: #3e3e3c; font-size: 22px; line-height: 26px; } .layout_info_ttl { min-width: 120px; max-width: 120px; color: #3e48ce; padding-left: 15px; font-weight: 700; } .virtual_tour_section { padding: 0 0 0 0; } .virtual_tour_section .tourCaption { margin-top: 1.5rem; margin-bottom: 1.75rem; /* padding-right: 2rem;*/ } .apartment_layouts .appartmentCaption { margin-top: 1.5rem; margin-bottom: 1.75rem; } .virtual_tour_section .item.active .eventbox .inner { padding: 20px; position: absolute; width: 100%; height: 100%; } .virtual_tour_section .item .eventbox .ine { position: absolute; width: 100%; height: 100%; } .virtual_tour_section .video_box .inner { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; } .virtual_tour_section .video_box { position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); padding: 0; } .virtual_tour_section .item .inner { display: flex; align-items: center; padding: 20px 16px; } .virtual_tour_section .item a.inner { background: #3e3e3c; } .virtual_tour_section .item .inner .icon { min-width: 93px; text-align: center; margin-left: 22px; max-height: 37px; opacity: 0.8; transition: 0.3s; } .virtual_tour_section .item.active .inner .icon { opacity: 1; } .virtual_tour_section .item .inner .icon img { max-height: 37px; filter: brightness(500%); } .virtual_tour_section .item .inner .text { display: block; text-align: center; opacity: 0.8; transition: 0.3s; } .virtual_tour_section .item.active .inner .text { opacity: 1; } .virtual_tour_section .item .inner .text .ttl { display: block; font-size: 30px; line-height: 26px; font-weight: 700; } .virtual_tour_section .item .inner .text .desc { display: block; font-size: 16px; line-height: 26px; } .virtual_tour_section .item .eventbox { height: 100%; background-color: #d9d9d9; } .virtual_tour_section .item:nth-child(1) .eventbox::before { top: 50px; } .virtual_tour_section .item:nth-child(2) .eventbox::before { top: 180px; } .virtual_tour_section .item:nth-child(3) .eventbox::before { top: 305px; } .virtual_tour_section .item:nth-child(4) .eventbox::before { top: 435px; } .virtual_tour_section .vt_toggle { background: #3e3e3c; padding: 40px 10px 20px; height: 169px; color: #9f9f9e; text-align: center; cursor: pointer; transition: all 0.4s ease; } .virtual_tour_section .layouts_toggle_icon { max-height: 37px; margin-bottom: 10px; } .virtual_tour_section .layouts_toggle_icon img { filter: brightness(500%); max-height: 37px; width: 100%; opacity: 0.8; transition: all 0.4s ease; } .virtual_tour_section .layouts_toggle_ttl { font-weight: 700; font-size: 30px; line-height: 26px; } .virtual_tour_section .layouts_toggle_desc { font-weight: 500; font-size: 16px; line-height: 26px; } .virtual_tour_section .vt_toggle.active { color: #fff; background: #3e3e3c; } .virtual_tour_section .vt_toggle.active .layouts_toggle_icon img { filter: brightness(500%); opacity: 1; } .d-lg-none { display: none !important; } .d-lg-block { display: block !important; } } @media screen and (max-width: 1024px) { .layout_content { flex-direction: column; } .layout_content .swiper { max-width: 100%; margin-right: 0; } .layout_row { max-width: 100%; } .d-none { display: none !important; } .d-block { display: block !important; } } @media screen and (max-width: 767px) { .dormitory_registration h2 { font-size: 35px; line-height: 40px; } .dormitory_registration .text_block { margin-bottom: 34px; } .dormitory_registration {padding-top: 47px;padding-bottom: 51px;margin: 2.5rem 0;} .layouts_toggles .swiper-button-next, .layouts_toggles .swiper-button-prev { height: 100%; top: 0; transform: translateY(0); color: #fff; margin: 0; background: #3e48ce; } .virtual_tour_section .layouts_toggles .swiper-button-next, .virtual_tour_section .layouts_toggles .swiper-button-prev { background: #3e3e3c; } .layouts_toggles .swiper-button-next:after, .layouts_toggles .swiper-button-prev:after, .swiper-button-next:after, .swiper-button-prev:after { font-size: 24px; } .swiper-button-next:after, .swiper-button-prev:after { color: #fff; } .layout_content .swiper { padding-left: 10px; padding-right: 10px; } .layout_content .swiper .swiper-button-next:after, .layout_content .swiper .swiper-button-prev:after { font-size: 24px; color: #3e48ce; } .layout_content .swiper-rtl .swiper-button-next { left: 0; } .layout_content .swiper-rtl .swiper-button-prev { right: 0; } .swiper-pagination-bullet { width: 34px; height: 6px; } .layouts_toggles .swiper-button-disabled { display: none; } .layouts_toggle_ttl, .virtual_tour_section .layouts_toggle_ttl { font-size: 24px; line-height: 24px; } .layouts_toggle, .virtual_tour_section .vt_toggle { height: 110px; padding: 10px; } .layout_row { flex-direction: column; } .layout_info_ttl { max-width: 100%; } .swiper { padding-left: 0; padding-right: 0; } .swiper-rtl .swiper-button-next { left: 10px; } .swiper-rtl .swiper-button-prev { right: 10px; } .layouts_toggles .swiper-button-next { border-right: 1px solid #fff; left: 0; } .layouts_toggles .swiper-button-prev { border-left: 1px solid #fff; right: 0; } .virtual_tour_section .item .eventbox { height: 400px !important; } .virtual_tour_section .item .eventbox, .virtual_tour_section .item.open .eventbox > .inner { padding: 20px 20px 40px; } .virtual_tour_section .video_box .play_video { height: 100% !important; padding: 0 !important; } .virtual_tour_section { padding-top: 10px; /*padding-bottom: 40px;*/ } .virtual_tour_section .row { padding: 0; } .virtual_tour_section, .virtual_tour_section .vt_content { background: #d9d9d9; } .virtual_tour_section .title-section { color: #454545; } .virtual_tour_section .title-section .arrow { right: 0; } .virtual_tour_section .vt_content { height: 400px; padding: 20px 0; overflow-y: hidden; } .layout_info_all { padding-top: 2rem; padding-bottom:4rem; } .blockLogos .btn-pause, .blockLogos .unpause-button {right: 92% !important;top: -16% !important;} .blockText.blockText {margin:0 !important} .blogstopics_section .flickity-prev-next-button.previous {margin-left:-0.8125rem !important} } .apartment_layouts .layouts_infos .swiper-slide img { max-height: 500px; } .apartment_layouts .layout_info { width: auto; } .virtual_tour_section { /*height: 700px;*/ } .virtual_tour_section .innerpage { height: 100%; } .virtual_tour_section .innerpage .inner2 { height: 620px; padding-bottom: 2.5rem; } @media screen and (max-width: 767px) { .registration_links { display: grid; grid-template-columns: repeat(2, 1fr); } .registration_link img { max-width: 170px; } .virtual_tour_section .video_box { width: 100%; } } .video_section .swiper-wrapper { max-height: 670px; } .video_section .swiper-slide img { object-fit: cover; width: 100%; height: 670px; } .blockAbout .swiper-wrapper { max-height: 430px; } .blockAbout .swiper-slide img { object-fit: cover; width: 100%; height: 430px; } @media screen and (min-width: 767px) { .virtual_tour_section .item .tourbox { max-height: 519px; } } @media screen and (max-width: 767px) { .video_section .swiper-wrapper { max-height: 200px; } .video_section .swiper-slide img { object-fit: cover; width: 100%; height: 200px; } .blockAbout .swiper-wrapper { max-height: 200px; } .blockAbout .swiper-slide img { object-fit: cover; width: 100%; height: 200px; } } @media screen and (max-width: 1023px) { .blockVideo .innerpage.tighter { padding-top: 0; } .blockVideo.collapse_section.collapse-home .row, .blockAbout.collapse_section.collapse-home .row { margin-bottom: 0; } } .shadow_block { padding-top: 2.5rem; } #footer .links { padding-top: 1.5rem; } .internalEvents .row { padding: 3.5625rem 0.5rem 7.375rem 4.625rem; min-height: 32.2rem } .internalEvents .eventsInternalCaption { margin-bottom: 1.75rem; } .blockPosts .innerpage .row { margin-top: 2.5rem; } @media screen and (max-width: 767px) { .mobileWidth { width: 132px !important; } .mobileWidthLabel { width: calc(100% - 132px); text-align: right; } } .form_fields { float: right; width: 88% } footer .innerpage { padding-bottom: 2.5rem; } .unpause-button { display: none; } .unpause-button span::before { content: "\e90f"; } footer .blockText .innerpage { padding-bottom: 0rem; } .blockPublications h2 { margin-bottom: 1.5rem; } .blog_post_page_inner ul { padding-right: 30px; padding-bottom: 10px; } @media screen and (min-width: 1024px) and (max-width: 1439px) { .blockAbout .innerpage { padding-bottom: 1rem; } } @media screen and (min-width: 1800px) { .blockAbout .innerpage { padding-bottom: 1.5rem; } } /* * Owl Carousel CSS File */ .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent;display:block;} .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-dots .owl-dot.active:after, .owl-dots .owl-dot:hover{border:2px solid #fff;} .home_top .owl-dots{position:absolute;left:50%;bottom:6%;font-size:0;z-index:5;transform:translateX(-50%);padding-left:3.0625rem; text-align: center;} .home_top .owl-dots button{display:inline-block; border-radius: 50%!important;width: 13px; height: 13px;} .home_top .owl-dots button:not(:last-child){margin-left:0.9375rem;} .home_top .owl-dots .owl-dot{display:inline-block;height:0.3125rem;height:0.8125rem;background:#FFFFFF;border-radius:50%;width:0.8125rem;height:0.3125rem;height:0.8125rem;opacity:0.69;position:relative;transition:opacity 0.25s ease;} .home_top .owl-dots .owl-dot:after{content:'';width:calc(100% + 0.5rem);height:calc(100% + 0.5rem);top:-0.25rem;left:-0.25rem;position:absolute;border:1px solid #FFF;border-radius:50%;opacity:0;transition:opacity 0.5s ease;} .home_top .owl-dots .owl-dot.active:after{opacity:1;} .home_top .owl-dots .owl-dot:not(.active):hover{opacity:1;} .owl-dots .owl-dot.active:after, .owl-dots .owl-dot:hover{border:2px solid #fff;} .home_top .owl-dots button.owl-dot{display:inline-block;background:#FFFFFF; border-radius: 50%!important;width: 13px; height: 13px;} .swiper-container { width: 100%; height: auto; } .swiper-slide { /* Center slide text vertically */ 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; background-repeat: no-repeat; background-position: center; background-size: contain; } .autoplay { position: absolute; color: #000; font: 100px/100% arial, sans-serif; right: 15px; text-decoration: none; text-shadow: 0 1px 0 #fff; top: 15px; width: auto; height: auto; z-index: 999; opacity: 0.4; transition: opacity .1s ease-in, transform .1s ease-out; animation: fade_close 3s ease-out; } @keyframes fade_close { 0% { opacity: 0.8; } 50% { opacity: 0.8; } to { opacity: 0.4; } } .autoplay:active { transform: scale(0.8); } .swiper-container .btn-pause, .btn-play { top: 90%; padding: 0 0.625rem; display: block; z-index: 10000; position: absolute; cursor:pointer; } .swiper-container .swiper-pagination { top: 90%; line-height: 2rem; } .swiper-container .swiper-pagination-bullet { width: 1rem; height: 1rem; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.75;color: #fff; } .swiper-container .swiper-pagination-bullet-active { color: #fff; background: #FFFFFF; border-radius: 50% !important; width: 15px; height: 15px; top:0; } .swiper-container .swiper-pagination-bullet-active::after { content: ''; width: calc(100% + 0.5rem); height: calc(100% + 0.5rem); top: -0.25rem; left: -0.25rem; position: absolute; border: 1px solid #FFF; border-radius: 100%; opacity: 1; transition: opacity 0.5s ease; background:none } .dn {display:none;} .blockLogos .btn-pause, .blockLogos .unpause-button { position: absolute; right: 50%; top: -40%; border-radius: 50%; padding: 3px 10px; display: content; border:0 !important; background: none } .blockLogos .unpause-button {display:none;border: none; background: none} @media screen and (max-width: 1440px) { .swiper-container .swiper-pagination{top:89%} .swiper-container .btn-pause, .btn-play { top: 89%; left: 43%; } } @media screen and (max-width: 1024px) { .swiper-container .btn-pause, .btn-play {top:84%; left:20%;} .swiper-container .swiper-pagination {top:84% } } @media screen and (max-width: 768px) { .swiper-container .btn-pause, .btn-play { top: 90%; left: 20%; } .swiper-container .swiper-pagination { top: 90%; } } @media screen and (max-width: 425px) { .swiper-container .btn-pause, .btn-play { top: 85%; left: 20%; } .swiper-container .swiper-pagination { top: 85%; } } @media screen and (max-width: 375px) { .swiper-container .btn-pause, .btn-play { top: 84%; left: 20%; } .swiper-container .swiper-pagination { top: 84%; } }