/* --- animate.css --- */ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUp2 { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp2 { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; } @-webkit-keyframes fadeInDown2 { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown2{ from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animated.delay-2s { -webkit-animation-delay: .2s; animation-delay: .2s; } .animated.delay-4s { -webkit-animation-delay: .4s; animation-delay: .4s; } .animated.delay-6s { -webkit-animation-delay: .6s; animation-delay: .6s; } .animated.delay-8s { -webkit-animation-delay: .8s; animation-delay: .8s; } .animated.delay-10s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-12s { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .animated.delay-14s { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .animated.delay-16s { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .animated.delay-18s { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .animated.delay-20s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-22s { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } .animated.delay-24s { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } .animated.delay-26s { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .animated.delay-28s { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; } /* --- v4-shims.min.css --- */ /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa.fa-glass:before{content:"\f000"}.fa.fa-meetup{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-star-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-close:before,.fa.fa-remove:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-file-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before,.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-pencil:before{content:"\f303"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-share-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-expand:before{content:"\f424"}.fa.fa-compress:before{content:"\f422"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart:before{content:"\f080"}.fa.fa-bar-chart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart-o:before{content:"\f080"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-lemon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-github{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-feed:before{content:"\f09e"}.fa.fa-hdd-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hdd-o:before{content:"\f0a0"}.fa.fa-hand-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-right:before{content:"\f0a4"}.fa.fa-hand-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-left:before{content:"\f0a5"}.fa.fa-hand-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-up:before{content:"\f0a6"}.fa.fa-hand-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-down:before{content:"\f0a7"}.fa.fa-arrows-alt:before{content:"\f31e"}.fa.fa-group:before{content:"\f0c0"}.fa.fa-chain:before{content:"\f0c1"}.fa.fa-scissors:before{content:"\f0c4"}.fa.fa-files-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-files-o:before{content:"\f0c5"}.fa.fa-floppy-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-floppy-o:before{content:"\f0c7"}.fa.fa-navicon:before,.fa.fa-reorder:before{content:"\f0c9"}.fa.fa-google-plus,.fa.fa-google-plus-square,.fa.fa-pinterest,.fa.fa-pinterest-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-money:before{content:"\f3d1"}.fa.fa-unsorted:before{content:"\f0dc"}.fa.fa-sort-desc:before{content:"\f0dd"}.fa.fa-sort-asc:before{content:"\f0de"}.fa.fa-linkedin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-rotate-left:before{content:"\f0e2"}.fa.fa-legal:before{content:"\f0e3"}.fa.fa-dashboard:before,.fa.fa-tachometer:before{content:"\f3fd"}.fa.fa-comment-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comment-o:before{content:"\f075"}.fa.fa-comments-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-flash:before{content:"\f0e7"}.fa.fa-clipboard,.fa.fa-paste{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paste:before{content:"\f328"}.fa.fa-lightbulb-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lightbulb-o:before{content:"\f0eb"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-cloud-download:before{content:"\f381"}.fa.fa-cloud-upload:before{content:"\f382"}.fa.fa-bell-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-o:before{content:"\f0f3"}.fa.fa-cutlery:before{content:"\f2e7"}.fa.fa-file-text-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-text-o:before{content:"\f15c"}.fa.fa-building-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-building-o:before{content:"\f1ad"}.fa.fa-hospital-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hospital-o:before{content:"\f0f8"}.fa.fa-tablet:before{content:"\f3fa"}.fa.fa-mobile-phone:before,.fa.fa-mobile:before{content:"\f3cd"}.fa.fa-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-mail-reply:before{content:"\f3e5"}.fa.fa-github-alt{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-folder-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-o:before{content:"\f07b"}.fa.fa-folder-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-open-o:before{content:"\f07c"}.fa.fa-smile-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-smile-o:before{content:"\f118"}.fa.fa-frown-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-frown-o:before{content:"\f119"}.fa.fa-meh-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-meh-o:before{content:"\f11a"}.fa.fa-keyboard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-keyboard-o:before{content:"\f11c"}.fa.fa-flag-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-flag-o:before{content:"\f024"}.fa.fa-mail-reply-all:before{content:"\f122"}.fa.fa-star-half-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-o:before{content:"\f089"}.fa.fa-star-half-empty{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-empty:before{content:"\f089"}.fa.fa-star-half-full{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-full:before{content:"\f089"}.fa.fa-code-fork:before{content:"\f126"}.fa.fa-chain-broken:before{content:"\f127"}.fa.fa-shield:before{content:"\f3ed"}.fa.fa-calendar-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-o:before{content:"\f133"}.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ticket:before{content:"\f3ff"}.fa.fa-minus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-minus-square-o:before{content:"\f146"}.fa.fa-level-up:before{content:"\f3bf"}.fa.fa-level-down:before{content:"\f3be"}.fa.fa-pencil-square:before{content:"\f14b"}.fa.fa-external-link-square:before{content:"\f360"}.fa.fa-compass{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down:before{content:"\f150"}.fa.fa-toggle-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-down:before{content:"\f150"}.fa.fa-caret-square-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-up:before{content:"\f151"}.fa.fa-toggle-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-up:before{content:"\f151"}.fa.fa-caret-square-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-right:before{content:"\f152"}.fa.fa-toggle-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-right:before{content:"\f152"}.fa.fa-eur:before,.fa.fa-euro:before{content:"\f153"}.fa.fa-gbp:before{content:"\f154"}.fa.fa-dollar:before,.fa.fa-usd:before{content:"\f155"}.fa.fa-inr:before,.fa.fa-rupee:before{content:"\f156"}.fa.fa-cny:before,.fa.fa-jpy:before,.fa.fa-rmb:before,.fa.fa-yen:before{content:"\f157"}.fa.fa-rouble:before,.fa.fa-rub:before,.fa.fa-ruble:before{content:"\f158"}.fa.fa-krw:before,.fa.fa-won:before{content:"\f159"}.fa.fa-bitcoin,.fa.fa-btc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitcoin:before{content:"\f15a"}.fa.fa-file-text:before{content:"\f15c"}.fa.fa-sort-alpha-asc:before{content:"\f15d"}.fa.fa-sort-alpha-desc:before{content:"\f881"}.fa.fa-sort-amount-asc:before{content:"\f160"}.fa.fa-sort-amount-desc:before{content:"\f884"}.fa.fa-sort-numeric-asc:before{content:"\f162"}.fa.fa-sort-numeric-desc:before{content:"\f886"}.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-play,.fa.fa-youtube-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-youtube-play:before{content:"\f167"}.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitbucket-square:before{content:"\f171"}.fa.fa-tumblr,.fa.fa-tumblr-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-long-arrow-down:before{content:"\f309"}.fa.fa-long-arrow-up:before{content:"\f30c"}.fa.fa-long-arrow-left:before{content:"\f30a"}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gittip:before{content:"\f184"}.fa.fa-sun-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sun-o:before{content:"\f185"}.fa.fa-moon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-moon-o:before{content:"\f186"}.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-arrow-circle-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-right:before{content:"\f35a"}.fa.fa-arrow-circle-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-left:before{content:"\f359"}.fa.fa-caret-square-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-left:before{content:"\f191"}.fa.fa-toggle-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-left:before{content:"\f191"}.fa.fa-dot-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dot-circle-o:before{content:"\f192"}.fa.fa-vimeo-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-try:before,.fa.fa-turkish-lira:before{content:"\f195"}.fa.fa-plus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-plus-square-o:before{content:"\f0fe"}.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bank:before,.fa.fa-institution:before{content:"\f19c"}.fa.fa-mortar-board:before{content:"\f19d"}.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-google,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle,.fa.fa-yahoo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-spoon:before{content:"\f2e5"}.fa.fa-behance,.fa.fa-behance-square,.fa.fa-steam,.fa.fa-steam-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-automobile:before{content:"\f1b9"}.fa.fa-envelope-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-deviantart,.fa.fa-soundcloud,.fa.fa-spotify{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-file-pdf-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-pdf-o:before{content:"\f1c1"}.fa.fa-file-word-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-word-o:before{content:"\f1c2"}.fa.fa-file-excel-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-excel-o:before{content:"\f1c3"}.fa.fa-file-powerpoint-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-powerpoint-o:before{content:"\f1c4"}.fa.fa-file-image-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-image-o:before{content:"\f1c5"}.fa.fa-file-photo-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-photo-o:before{content:"\f1c5"}.fa.fa-file-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-picture-o:before{content:"\f1c5"}.fa.fa-file-archive-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-archive-o:before{content:"\f1c6"}.fa.fa-file-zip-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-zip-o:before{content:"\f1c6"}.fa.fa-file-audio-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-audio-o:before{content:"\f1c7"}.fa.fa-file-sound-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-sound-o:before{content:"\f1c7"}.fa.fa-file-video-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-video-o:before{content:"\f1c8"}.fa.fa-file-movie-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-movie-o:before{content:"\f1c8"}.fa.fa-file-code-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-code-o:before{content:"\f1c9"}.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-life-bouy,.fa.fa-life-ring{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-bouy:before{content:"\f1cd"}.fa.fa-life-buoy{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-buoy:before{content:"\f1cd"}.fa.fa-life-saver{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-saver:before{content:"\f1cd"}.fa.fa-support{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-support:before{content:"\f1cd"}.fa.fa-circle-o-notch:before{content:"\f1ce"}.fa.fa-ra,.fa.fa-rebel{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ra:before{content:"\f1d0"}.fa.fa-resistance{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-resistance:before{content:"\f1d0"}.fa.fa-empire,.fa.fa-ge{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ge:before{content:"\f1d1"}.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-y-combinator-square:before{content:"\f1d4"}.fa.fa-yc-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc-square:before{content:"\f1d4"}.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wechat:before{content:"\f1d7"}.fa.fa-send:before{content:"\f1d8"}.fa.fa-paper-plane-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paper-plane-o:before{content:"\f1d8"}.fa.fa-send-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-send-o:before{content:"\f1d8"}.fa.fa-circle-thin{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-thin:before{content:"\f111"}.fa.fa-header:before{content:"\f1dc"}.fa.fa-sliders:before{content:"\f1de"}.fa.fa-futbol-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-futbol-o:before{content:"\f1e3"}.fa.fa-soccer-ball-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-soccer-ball-o:before{content:"\f1e3"}.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bell-slash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-slash-o:before{content:"\f1f6"}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-copyright{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-eyedropper:before{content:"\f1fb"}.fa.fa-area-chart:before{content:"\f1fe"}.fa.fa-pie-chart:before{content:"\f200"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-angellist,.fa.fa-ioxhost,.fa.fa-lastfm,.fa.fa-lastfm-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cc{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-cc:before{content:"\f20a"}.fa.fa-ils:before,.fa.fa-shekel:before,.fa.fa-sheqel:before{content:"\f20b"}.fa.fa-meanpath{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-meanpath:before{content:"\f2b4"}.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-diamond{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-diamond:before{content:"\f3a5"}.fa.fa-intersex:before{content:"\f224"}.fa.fa-facebook-official{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-official:before{content:"\f09a"}.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-hotel:before{content:"\f236"}.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc:before{content:"\f23b"}.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-battery-4:before,.fa.fa-battery:before{content:"\f240"}.fa.fa-battery-3:before{content:"\f241"}.fa.fa-battery-2:before{content:"\f242"}.fa.fa-battery-1:before{content:"\f243"}.fa.fa-battery-0:before{content:"\f244"}.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sticky-note-o:before{content:"\f249"}.fa.fa-cc-diners-club,.fa.fa-cc-jcb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-clone,.fa.fa-hourglass-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hourglass-o:before{content:"\f254"}.fa.fa-hourglass-1:before{content:"\f251"}.fa.fa-hourglass-2:before{content:"\f252"}.fa.fa-hourglass-3:before{content:"\f253"}.fa.fa-hand-rock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-rock-o:before{content:"\f255"}.fa.fa-hand-grab-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-grab-o:before{content:"\f255"}.fa.fa-hand-paper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-paper-o:before{content:"\f256"}.fa.fa-hand-stop-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-stop-o:before{content:"\f256"}.fa.fa-hand-scissors-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-scissors-o:before{content:"\f257"}.fa.fa-hand-lizard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-lizard-o:before{content:"\f258"}.fa.fa-hand-spock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-spock-o:before{content:"\f259"}.fa.fa-hand-pointer-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-pointer-o:before{content:"\f25a"}.fa.fa-hand-peace-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-peace-o:before{content:"\f25b"}.fa.fa-registered{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-chrome,.fa.fa-creative-commons,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-internet-explorer,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square,.fa.fa-opera,.fa.fa-safari,.fa.fa-tripadvisor,.fa.fa-wikipedia-w{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-television:before{content:"\f26c"}.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-calendar-plus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-plus-o:before{content:"\f271"}.fa.fa-calendar-minus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-minus-o:before{content:"\f272"}.fa.fa-calendar-times-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-times-o:before{content:"\f273"}.fa.fa-calendar-check-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-check-o:before{content:"\f274"}.fa.fa-map-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-map-o:before{content:"\f279"}.fa.fa-commenting:before{content:"\f4ad"}.fa.fa-commenting-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-commenting-o:before{content:"\f4ad"}.fa.fa-houzz,.fa.fa-vimeo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-vimeo:before{content:"\f27d"}.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card-alt:before{content:"\f09d"}.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-pause-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pause-circle-o:before{content:"\f28b"}.fa.fa-stop-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-stop-circle-o:before{content:"\f28d"}.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wheelchair-alt:before{content:"\f368"}.fa.fa-question-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-question-circle-o:before{content:"\f059"}.fa.fa-volume-control-phone:before{content:"\f2a0"}.fa.fa-asl-interpreting:before{content:"\f2a3"}.fa.fa-deafness:before,.fa.fa-hard-of-hearing:before{content:"\f2a4"}.fa.fa-glide,.fa.fa-glide-g{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-signing:before{content:"\f2a7"}.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat,.fa.fa-snapchat-ghost,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-viadeo,.fa.fa-viadeo-square,.fa.fa-yoast{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-official:before{content:"\f2b3"}.fa.fa-google-plus-circle{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-circle:before{content:"\f2b3"}.fa.fa-fa,.fa.fa-font-awesome{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-fa:before{content:"\f2b4"}.fa.fa-handshake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-handshake-o:before{content:"\f2b5"}.fa.fa-envelope-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-open-o:before{content:"\f2b6"}.fa.fa-linode{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-address-book-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-book-o:before{content:"\f2b9"}.fa.fa-vcard:before{content:"\f2bb"}.fa.fa-address-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-card-o:before{content:"\f2bb"}.fa.fa-vcard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-vcard-o:before{content:"\f2bb"}.fa.fa-user-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-circle-o:before{content:"\f2bd"}.fa.fa-user-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-o:before{content:"\f007"}.fa.fa-id-badge{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license:before{content:"\f2c2"}.fa.fa-id-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-id-card-o:before{content:"\f2c2"}.fa.fa-drivers-license-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license-o:before{content:"\f2c2"}.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-thermometer-4:before,.fa.fa-thermometer:before{content:"\f2c7"}.fa.fa-thermometer-3:before{content:"\f2c8"}.fa.fa-thermometer-2:before{content:"\f2c9"}.fa.fa-thermometer-1:before{content:"\f2ca"}.fa.fa-thermometer-0:before{content:"\f2cb"}.fa.fa-bathtub:before,.fa.fa-s15:before{content:"\f2cd"}.fa.fa-window-maximize,.fa.fa-window-restore{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle:before{content:"\f410"}.fa.fa-window-close-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-window-close-o:before{content:"\f410"}.fa.fa-times-rectangle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle-o:before{content:"\f410"}.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-eercast:before{content:"\f2da"}.fa.fa-snowflake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-snowflake-o:before{content:"\f2dc"}.fa.fa-superpowers,.fa.fa-wpexplorer{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cab:before{content:"\f1ba"} /* --- all.min.css --- */ /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\f907"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\f913"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\f91a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\f91e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\f941"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:swap;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} /* --- owl.carousel.min.css --- */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* --- owl.theme.default.min.css --- */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .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-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* --- bootstrap-rtl.min.css --- */ @charset "UTF-8";/*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * RTL-ized by Arash Laylazi (https://github.com/PerseusTheGreat) * RTL rev. 1 (https://github.com/PerseusTheGreat/bootstrap-rtl) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;direction:rtl}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:right;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-right:0;margin-bottom:.5rem}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:right;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}[type=email],[type=file],[type=number],[type=password],[type=tel],[type=url],code,samp,var{text-align:left;direction:ltr}kbd{display:inline-block}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-right:0;list-style:none}.list-inline{padding-right:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-left:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-right:8.333333%}.offset-2{margin-right:16.666667%}.offset-3{margin-right:25%}.offset-4{margin-right:33.333333%}.offset-5{margin-right:41.666667%}.offset-6{margin-right:50%}.offset-7{margin-right:58.333333%}.offset-8{margin-right:66.666667%}.offset-9{margin-right:75%}.offset-10{margin-right:83.333333%}.offset-11{margin-right:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-right:0}.offset-sm-1{margin-right:8.333333%}.offset-sm-2{margin-right:16.666667%}.offset-sm-3{margin-right:25%}.offset-sm-4{margin-right:33.333333%}.offset-sm-5{margin-right:41.666667%}.offset-sm-6{margin-right:50%}.offset-sm-7{margin-right:58.333333%}.offset-sm-8{margin-right:66.666667%}.offset-sm-9{margin-right:75%}.offset-sm-10{margin-right:83.333333%}.offset-sm-11{margin-right:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-right:0}.offset-md-1{margin-right:8.333333%}.offset-md-2{margin-right:16.666667%}.offset-md-3{margin-right:25%}.offset-md-4{margin-right:33.333333%}.offset-md-5{margin-right:41.666667%}.offset-md-6{margin-right:50%}.offset-md-7{margin-right:58.333333%}.offset-md-8{margin-right:66.666667%}.offset-md-9{margin-right:75%}.offset-md-10{margin-right:83.333333%}.offset-md-11{margin-right:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-right:0}.offset-lg-1{margin-right:8.333333%}.offset-lg-2{margin-right:16.666667%}.offset-lg-3{margin-right:25%}.offset-lg-4{margin-right:33.333333%}.offset-lg-5{margin-right:41.666667%}.offset-lg-6{margin-right:50%}.offset-lg-7{margin-right:58.333333%}.offset-lg-8{margin-right:66.666667%}.offset-lg-9{margin-right:75%}.offset-lg-10{margin-right:83.333333%}.offset-lg-11{margin-right:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-right:0}.offset-xl-1{margin-right:8.333333%}.offset-xl-2{margin-right:16.666667%}.offset-xl-3{margin-right:25%}.offset-xl-4{margin-right:33.333333%}.offset-xl-5{margin-right:41.666667%}.offset-xl-6{margin-right:50%}.offset-xl-7{margin-right:58.333333%}.offset-xl-8{margin-right:66.666667%}.offset-xl-9{margin-right:75%}.offset-xl-10{margin-right:83.333333%}.offset-xl-11{margin-right:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-right:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-right:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-right:0;margin-left:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:0;margin-left:.3125rem}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-left:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-left:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) left calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-left:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center left 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-left:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-left:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) left calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-left:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center left 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-right:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:0;margin-left:.25rem}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-right:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:right;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-right:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-right:.255em;vertical-align:.255em;content:""}.dropright .dropdown-toggle::after{display:none}.dropright .dropdown-toggle::before{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-right:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-right:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-right:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-right:0}.dropleft .dropdown-toggle-split::before{margin-left:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-right:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-right:-1px}.input-group-prepend{margin-left:-1px}.input-group-append{margin-right:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-left:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-right:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-left:1rem}.custom-control-input{position:absolute;right:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;right:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;right:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-right:2.25rem}.custom-switch .custom-control-label::before{right:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);right:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(-.75rem);transform:translateX(-.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem .375rem 1.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-left:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-right:.5rem;padding-bottom:.25rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-right:1rem;padding-bottom:.5rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input:lang(fa)~.custom-file-label::after{content:"از فهرست"}.custom-file-input:lang(ar)~.custom-file-label::after{content:"تصفح"}.custom-file-input:lang(iw)~.custom-file-label::after{content:"דפדוף"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;bottom:0;left:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-right:inherit;border-radius:.25rem 0 0 .25rem}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-left:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-left:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-right:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-right:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-right:0;border-right:0}.card-group>.card:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-right-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-right:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-left:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-right:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-right:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item:last-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-left:4rem}.alert-dismissible .close{position:absolute;top:0;left:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-right:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item:first-child{border-bottom-right-radius:.25rem;border-top-left-radius:0}.list-group-horizontal .list-group-item:last-child{border-top-left-radius:.25rem;border-bottom-right-radius:0}.list-group-horizontal .list-group-item.active{margin-top:0}.list-group-horizontal .list-group-item+.list-group-item{border-top-width:1px;border-right-width:0}.list-group-horizontal .list-group-item+.list-group-item.active{margin-right:-1px;border-right-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item:first-child{border-bottom-right-radius:.25rem;border-top-left-radius:0}.list-group-horizontal-sm .list-group-item:last-child{border-top-left-radius:.25rem;border-bottom-right-radius:0}.list-group-horizontal-sm .list-group-item.active{margin-top:0}.list-group-horizontal-sm .list-group-item+.list-group-item{border-top-width:1px;border-right-width:0}.list-group-horizontal-sm .list-group-item+.list-group-item.active{margin-right:-1px;border-right-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item:first-child{border-bottom-right-radius:.25rem;border-top-left-radius:0}.list-group-horizontal-md .list-group-item:last-child{border-top-left-radius:.25rem;border-bottom-right-radius:0}.list-group-horizontal-md .list-group-item.active{margin-top:0}.list-group-horizontal-md .list-group-item+.list-group-item{border-top-width:1px;border-right-width:0}.list-group-horizontal-md .list-group-item+.list-group-item.active{margin-right:-1px;border-right-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item:first-child{border-bottom-right-radius:.25rem;border-top-left-radius:0}.list-group-horizontal-lg .list-group-item:last-child{border-top-left-radius:.25rem;border-bottom-right-radius:0}.list-group-horizontal-lg .list-group-item.active{margin-top:0}.list-group-horizontal-lg .list-group-item+.list-group-item{border-top-width:1px;border-right-width:0}.list-group-horizontal-lg .list-group-item+.list-group-item.active{margin-right:-1px;border-right-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item:first-child{border-bottom-right-radius:.25rem;border-top-left-radius:0}.list-group-horizontal-xl .list-group-item:last-child{border-top-left-radius:.25rem;border-bottom-right-radius:0}.list-group-horizontal-xl .list-group-item.active{margin-top:0}.list-group-horizontal-xl .list-group-item+.list-group-item{border-top-width:1px;border-right-width:0}.list-group-horizontal-xl .list-group-item+.list-group-item.active{margin-right:-1px;border-right-width:1px}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:left;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem auto -1rem -1rem}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:right;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:right;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;right:50%;display:block;width:1rem;margin-right:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:right;width:100%;margin-left:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(100%);transform:translateX(100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{right:0}.carousel-control-next{left:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-right:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-left-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} /*# sourceMappingURL=bootstrap-rtl.min.css.map */ /* --- style.css --- */ /* Starting Global Style */ a:hover { text-decoration: none; } button:focus { outline: 0; } .owl-carousel .owl-item img { width: auto; margin: auto; max-height: inherit; } iframe { width: 100%; } ul { margin: 0; } .form-control:focus, input:focus { outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } a, a i, button, .dropdown-toggle::after, #site-header .navbar-collapse, #site-header .dropdown-item::before, .link-item img, .owl-theme .owl-nav [class*=owl-], .news-item .img img, #ads .ad-item, #ads .ad-item img, .side-nav li, .side-nav li a::after, .contact-info .info-item i, .contact-info .info-item a, .default-page .a-link, .default-page .a-link > img, .managers .details, .managers .details strong, #site-header .navbar-nav > .nav-item, .dropdown-toggle, .regulations .item::after { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } ul { padding: 0; list-style: none; } .view-all i, .social-list li a i { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .news-item .img:hover img, #ads .ad-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .dropdown-item:focus, .dropdown-item:focus-visible { background: transparent; outline: 0; } /* Ending Global Style */ /* Starting Header */ #site-header { position: relative } #site-header .header-top { min-height: 95px; background: #003243 url(../images/texture.webp) no-repeat; } #site-header .header-top .container-fluid, #site-header .header-top .container { min-height: inherit; text-align: center; overflow: hidden; } #site-header .site-logo { display: inline-block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #site-header #logo { margin: 0;height: 85px; display: flex; align-items: center;} #site-header #logo > a { display: flex; } .right-list, .left-list { min-height: inherit; } .right-list, .right-list ul, .left-list, .left-list ul { display: flex; align-items: center; } .right-list ul li a { display: flex; align-items: center; padding: 0 24px; height: 38px; line-height: 38px; color: #fff; background: #27B1CD; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; font-size: 14px; font-weight: 400; text-transform: capitalize; } .right-list ul li a i { font-size: 16px; } .right-list ul li:nth-of-type(2) a { background: #45D0C5; } .right-list ul li:last-of-type a { background: #7ABDC4; } .right-list ul li a:hover { background: #7ABDC4; } .right-list ul li:hover:nth-of-type(2) a { background: #D0BB45; } .right-list ul li:hover:last-of-type a { background: #27B1CD; } .right-list ul .univ-link { background: transparent!important; } .right-list ul .univ-link i { color: #27B1CD; } .s-form { display: flex; align-items: center; justify-content: center; max-width: 176px; height: 38px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border: 1px solid #9DBCC6; } .s-form .btn, .s-form .form-control { border: 0; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; line-height: inherit; } .s-form .btn i { font-size: 16px; color: #D0BB45; line-height: inherit; } .s-form .form-control { font-size: 15px; color: #9DBCC6; height: inherit; } .s-form .form-control::placeholder { color: #9DBCC6; position: relative; top: -1px; } .s-form .form-control:-ms-input-placeholder { color: #9DBCC6; } .s-form .form-control::-ms-input-placeholder { color: #9DBCC6; } .left-list ul.other-links li { position: relative; padding: 0 16px } .left-list ul.other-links li::after { content: ""; width: 1px; height: 15px; background: #375E6C; position: absolute; top: 6px; } .left-list ul.other-links li a { display: flex; align-items: center; font-size: 15px; font-weight: 400; color: #fff; } .left-list ul.other-links li a:hover { color: #D0BB45; } .left-list ul.other-links li a i { font-size: 20px; color: #67D7FF; } .left-list ul.other-links li:last-of-type a i { color: #D0BB45; } .left-list ul.other-links li:last-of-type a:hover i { color: #67D7FF; } .left-list ul.languages li { display: flex; align-items: center; } .left-list ul.languages li a { display: block; width: 22px; height: 22px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; overflow: hidden; } .left-list ul.languages li img { display: block; max-width: 100%; } a.watch-all { display: flex; align-items: center; justify-content: center; height: 38px; padding: 0 32px; font-size: 14px; text-transform: capitalize; color: #9DBCC6; border: 1px solid; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } a.watch-all i { font-size: 8px; color: #27B1CD; } a.watch-all:hover { background: #27B1CD; color: #fff; border-color: #27B1CD } a.watch-all:hover i { color: #fff; } #site-header #primary-menu { text-align: center; border: 1px solid #5AC7ED; border-left: 0; border-right: 0; background: #27b1cd; /* Old browsers */ background: -moz-linear-gradient(left, #27b1cd 0%, #199eb9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #27b1cd 0%,#199eb9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #27b1cd 0%,#199eb9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b1cd', endColorstr='#199eb9',GradientType=1 ); /* IE6-9 */ } #site-header #primary-menu .container {display: flex;justify-content: space-between;align-items: center;} #site-header .navbar-nav {width: 100%;align-items: center;min-height: 70px;} #site-header .navbar-nav > .nav-item { position: relative; padding: 0 40px; text-transform: capitalize; min-height: inherit; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } #site-header .navbar-nav > .nav-item:not(:last-of-type)::after { content: ""; height: 16.75px; width: 1px; background: #2B88A8; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #site-header .navbar-nav > .nav-item > .nav-link { display: flex; align-items: center; min-height: inherit; font-size: 21px; font-weight: 400; color: #fff; padding: 0; } #site-header .navbar-nav > .nav-item.active, #site-header .navbar-nav > .nav-item:hover { background: #fff; } #site-header .navbar-nav > .nav-item.active > .nav-link, #site-header .navbar-nav > .nav-item:hover > .nav-link { color: #27B1CD; } #site-header .dropdown-item { font-size: 17px; color: #033446; padding: 10px 30px; position: relative; border-bottom: 1px solid #CBCBCB; } #site-header .dropdown-item::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; z-index: -1; left: 0; right: 0; opacity: 0; } #site-header .dropdown-item:hover { background: transparent; } #site-header .dropdown-item:hover::before { opacity: 1; } #site-header .lang-item .dropdown-menu { min-width: 130px;padding: 0 10px; } .dropdown-toggle::after { content: "\e90c"; font-family: 'icomoon' !important; color: #fff; border: 0; font-size: 10px; font-weight: 900; position: relative; top: 2px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #site-header .navbar-nav > .nav-item:hover .dropdown-toggle::after{ color: #27B1CD; } #site-header .dropdown-item::after { content: "\e90c"; font-family: 'icomoon' !important; color: #BD9B60; border: 0; font-size: 10px; font-weight: 900; position: absolute; top: 19px; } .main-center { max-height: 48px; } .main-center img { max-height: inherit; } /* Ending Header */ /* Starting SlideShow */ #slideshow { height: calc(100vh - 165px); max-height: 1198px; min-height: 1198px; position: relative; background: #02283D; } #slideshow::before { content: ""; position: absolute; width: 30.744%; height: 100%; background-size: contain; z-index: 1; } #slideshow .container { position: relative; } #slideshow .carousel { z-index: 2; } #slideshow .carousel, #slideshow .carousel-inner, #slideshow .carousel-item, #slideshow .carousel-item .img { height: inherit; max-height: inherit; min-height: inherit; } #slideshow .img { opacity: .36; } #slideshow .over-details { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0 } #slideshow .over-details .container { display: flex; height: 100%; flex-direction: column; justify-content: center; color: #fff; } #slideshow .over-details .details { padding-top: 18px } #slideshow .over-details p { font-size: 27px; font-weight: 300; color: #A5E8FF; margin: 0 0 22px; } #slideshow .over-details h2 { font-size: 82px; font-weight: 400; color: #fff; margin: 0 0 50px; line-height: 1.5; } #slideshow .over-details h2 strong { font-weight: 600; display: block; } #slideshow .over-details .sign-link { display: inline-block; padding: 0 120px; height: 82px; line-height: 80px; font-size: 22px; font-weight: 500; background: #45D0C5; border: 1px solid #74C7E5; color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; text-transform: capitalize; } #slideshow .over-details .sign-link:hover { background: #27B1CD; } #slideshow .over-details .sign-link i { font-size: 14px;opacity: .6; } .video_play { height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9; } .video_play i:before { display: inline-block; width: 137px; height: 137px; line-height: 137px; background: #27B1CD; color: #fff!important; border-radius: 50%; font-size: 32px; text-align: center; } .video_play span { display: block } .video_play:before, .video_play:after, .video_play span:before, .video_play span:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 208px; height: 208px; border: 1px solid rgb(255 255 255 / 25%); -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .video_play:after, .video_play span:after { width: 293px; height: 293px; } .video_play:before, .video_play:after { opacity: 1; -webkit-animation: sdb03 2.5s infinite; -moz-animation: sdb03 2.5s infinite; -o-animation: sdb03 2.5s infinite; animation: sdb03 2.5s infinite; z-index: 1; cursor: pointer; } @-webkit-keyframes sdb03 { 0% { opacity: 1; } 30% { opacity: 1; } 60% { opacity: 0; -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -ms-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -o-box-shadow: 0 0 0 60px rgba(255,255,255,.1); box-shadow: 0 0 0 60px rgba(255,255,255,.1); } 100% { opacity: 0; } } @keyframes sdb03 { 0% { opacity: 1; } 30% { opacity: 1; } 60% { -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -ms-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -o-box-shadow: 0 0 0 60px rgba(255,255,255,.1); box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } } #videomodal { background:rgba(0,0,0,.5);z-index: 999999; } #videomodal .modal-body,#videoModal .modal-content { padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: transparent } #videomodal .modal-content { background: 0 0; border: 0; padding: 0; } #videomodal .close, #form_modal .close { position: fixed; top: 10px; cursor: pointer; opacity: 1; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; text-shadow: none; margin: 0; } #videomodal .close i,#form_modal .close i { margin: 0; line-height: 40px; font-size: 40px; font-weight: 300; font-style: normal; color: #fff; } #videomodal iframe { width: 100%; height: 100%; box-shadow: 0 0 20px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,.8); -khtml-box-shadow: 0 0 20px rgba(0,0,0,.8); -o-box-shadow: 0 0 20px rgba(0,0,0,.8); } #form_modal .modal-lg { max-width: 600px; } #form_modal .contact_form form p:last-of-type { height: 76px } .embed-container { height: 400px; width: 100%; } #slideshow .slide-nav { position: absolute; width: 100%; bottom: 86px; display: flex; align-items: center; justify-content: center; } #slideshow .slide-nav .carousel-control-next, #slideshow .slide-nav .carousel-control-prev { position: static; opacity: 1; width: auto; font-size: 16px; } #slideshow .slide-nav .carousel-control-next i, #slideshow .slide-nav .carousel-control-prev i { font-size: 26px; } #slideshow .slide-nav p { font-size: 20px; font-weight: 300; color: #fff; margin: 0 14px; position: relative; display: flex; align-items: center; } #slideshow .slide-nav p:after { content: ""; display: inline-block; width: 60px; border-top: 2px solid #FAF8F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } #slideshow .scroll-down { position: absolute; bottom: 170px; } #slideshow .scroll-down p { font-size: 13px; color: #A3A8AA; margin: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: relative; } #slideshow .scroll-down p::before { content: ""; display: block; width: 23px; border-top: 1px solid #D6D6D6; opacity: .61; position: absolute; top: 9px; } #slideshow .scroll-next { display: block; width: 24px; height: 35px; border: 2px solid #D6D6D6; bottom: 30px; left: 0; right: 0; margin: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; z-index: 9999999; cursor: pointer; position: relative; top: 70px; } #slideshow .scroll-next:before { content: ""; display: block; width: 1.77px; height: 6.2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 20px; background: #fff; margin: auto; position: relative; top: 5px; -webkit-animation: icon 2s linear infinite; -moz-animation: icon 2s linear infinite; -ms-animation: icon 2s linear infinite; -o-animation: icon 2s linear infinite; animation: icon 2s linear infinite; } #slideshow .scroll-next::after { content: "\e909"; font-family: 'icomoon' !important; color: #D6D6D6; font-size: 12px; position: absolute; left: 0; right: 0; text-align: center; top: 100%; margin-top: 4px; } @-webkit-keyframes icon { 0%, 100% { top: 5px; opacity: 1} 50% { top: 27px; opacity: 0.2} } @keyframes icon { 0%, 100% { top: 5px; opacity: 1} 50% { top: 27px; opacity: 0.2} } /* Ending SlideShow */ /* Starting Fast Links */ #fast-links { padding: 80px 0; background: url(../images/shape1.webp) no-repeat top center; background-size: 200px; } #fast-links .owl-carousel { padding: 0 118px; } .link-item { display: block; text-align: center; background: #F9F9F9; border: 1px solid #EBEBEB; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; min-height: 302px; padding: 80px 15px 40px; margin-bottom: 20px; } .link-item:hover { border: 1px solid #6EBFDB; -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, .1); -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, .1); -ms-box-shadow: 0 10px 12px rgba(0, 0. 0, .1); -o-box-shadow: 0 10px 12px rgba(0, 0, 0, .1); box-shadow: 0 10px 12px rgba(0, 0, 0, .1); } .link-item span {display: flex;max-height: 90px;margin: auto;} .link-item span img { max-width: 100%; height: inherit; } .link-item .link-title { font-size: 22px; font-weight: 600; text-transform: capitalize; color: #033446; margin: 25px 0 0; line-height: 1.4; height: 61px; overflow: hidden; } .link-item > img { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); margin-top: 20px!important; } .link-item:hover > img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .owl-carousel .owl-dots { margin-top: 90px!important; display: flex; align-items: center; justify-content: center; height: 19px; } .slick-dots li, .owl-carousel .owl-dots .owl-dot span, .owl-carousel .owl-dots .owl-dot:hover span, .carousel-indicators li { width: 11px; height: 11px; background: #D6D6D6; margin: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 0; opacity: 1; border-top: 0; border-bottom: 0; } .slick-dots .slick-active, .owl-carousel .owl-dots .owl-dot.active span, .carousel-indicators li.active { width: 19px; height: 19px; background: #6EBFDB; border: 5px solid #fff; outline: 1px solid #6EBFDB; } /* Ending Fast Links */ /* Starting Common title */ .common-title { font-size: 65px; text-transform: capitalize; margin: 0 0 65px; text-align: center; color: #033446; font-weight: 600; } /* Ending Common-title */ /* Starting News */ #news { padding: 80px 0; border: aliceblue; background: #F5F5F5 url(../images/Mask.webp) repeat top center; } #news .owl-carousel { padding: 0 118px; } #news .common-title { margin-bottom: 45px; } .news-item .img { display: block; max-height: 432px; margin-bottom: 25px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 1px solid #F2F2F2; overflow: hidden; background: #02283D; } .news-item .n-title { margin: 0 0 10px; line-height: 1.7;font-size: 24px;font-weight: 600; } .news-item .n-title a { color: #033446; } .news-item .details { padding: 0 10px; } .news-item .n-date { font-size: 14px; color: #45ACD0; } .news-item .n-date i { display: inline-flex; } #news .owl-nav.disabled+.owl-dots { margin-top: 74px; } #news .owl-dots .owl-dot span, #news .owl-dots .owl-dot:hover span, #events .owl-dots .owl-dot span, #events .owl-dots .owl-dot:hover span { border: 1px solid #D6D6D6; background: #fff; } #fac-ads .owl-dots .owl-dot span, #fac-ads .owl-dots .owl-dot:hover span { border: 1px solid #299DC6; background: transparent; } #news .owl-dots .owl-dot.active span, #events .owl-dots .owl-dot.active span, #fac-ads .owl-dots .owl-dot.active span { background: #299DC6; border: 5px solid #fff; outline: 1px solid #299DC6; } #news .view-all, #news .s-header .owl-nav, #events .view-all, #events .s-header .owl-nav, #fac-ads .view-all,#fac-ads .owl-nav { border-color: #45ACD0; color: #45ACD0; } #news .s-header .owl-nav [class*=owl-], #events .s-header .owl-nav [class*=owl-], #fac-ads .s-header .owl-nav [class*=owl-] { color: #45ACD0; } #news .s-header .owl-nav::before, #events .s-header .owl-nav::before, #fac-ads .s-header .owl-nav::before { border-color: #45ACD0; } /* Ending News */ /* Starting Ads */ #ads { padding: 80px 0; background: url(../images/shape1.webp) no-repeat top center; background-size: 200px; } #ads .owl-carousel { padding: 0 118px; } #ads .ad-item { display: block; max-height: 412px; border: 1px solid #E3E3E3; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; } #ads .owl-nav.disabled+.owl-dots { margin-top: 112px; } /* Ending Ads */ /* Starting Colleges */ #colleges { padding: 80px 0; background: url(../images/shape1.webp) no-repeat top center; background-size: 200px; } .college-item { display: block; margin: 5px 0 40px; padding: 80px 15px; border: 1px solid #299DC6; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; text-align: center; -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.05); -moz-box-shadow: 0 8px 7px rgba(0,0,0,.05); -ms-box-shadow: 0 8px 7px rgba(0,0,0,.05); -o-box-shadow: 0 8px 7px rgba(0,0,0,.05); box-shadow: 0 8px 7px rgba(0,0,0,.05); background: #f8f8f8; background: -moz-linear-gradient(-45deg, #f8f8f8 0%, #f8f8f8 13%, #ffffff 54%, #f3f4f6 67%, #f3f4f6 71%, #fbfbfc 100%); background: -webkit-linear-gradient(-45deg, #f8f8f8 0%,#f8f8f8 13%,#ffffff 54%,#f3f4f6 67%,#f3f4f6 71%,#fbfbfc 100%); background: linear-gradient(135deg, #f8f8f8 0%,#f8f8f8 13%,#ffffff 54%,#f3f4f6 67%,#f3f4f6 71%,#fbfbfc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#fbfbfc',GradientType=1 ); } .college-item:hover { -webkit-box-shadow: 0 23px 30px rgba(0,0,0,.2); -moz-box-shadow: 0 23px 30px rgba(0,0,0,.2); -ms-box-shadow: 0 23px 30px rgba(0,0,0,.2); -o-box-shadow: 0 23px 30px rgba(0,0,0,.2); box-shadow: 0 23px 30px rgba(0,0,0,.2); } .college-item p { font-size: 22px; color: #11273D; margin: 10px 0 0; } .college-item p span {display: block;color: #00A4BC;text-transform: capitalize;} #colleges .owl-carousel .owl-dots { margin-top: 60px!important; } /* Ending Colleges */ /* Starting About Us */ .about-content { background: #033446; padding: 90px 0 160px; position: relative; } .about-content::before { content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/about.webp) no-repeat top center; background-size: 100% 100%; background-attachment: fixed; opacity: .2; top: 0; bottom: 0; left: 0; right: 0; } .about-content .container { position: relative; } .about-content .about-content { margin-bottom: 110px; } .about-content .heading { font-size: 45px; text-transform: capitalize; font-weight: 600; color: #fff; margin: 0 0 42px; text-align: center; } .about-content .img { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; } .about-content .details { height: 100%; display: flex; flex-direction: column; justify-content: center; height: 100%; } .about-content .details .title { font-size: 35px; font-weight: 500; color: #D0BB45; margin: 0 0 20px; } .about-content .details p { font-size: 26px; font-weight: 300; margin-bottom: 30px; color: #fff; } .about-content .details .more { display: inline-flex; height: 62px; line-height: 62px; padding: 0 50px; align-items: center; justify-content: center; border: 1px solid #ACDCED; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; font-size: 18px; font-weight: 400; text-transform: capitalize; color: #ACDCED; } .about-content .details .more:hover { background: #27B1CD; border-color: #27B1CD; color: #fff; } .about-content .details .more i { font-size: 14px; } .statistics .col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .statistics .item { display: flex; align-items: center;color: #fff; } .statistics .item i { font-size: 92px; } .statistics .item > div { display: flex;flex-direction: column; justify-content: center; } .statistics .item .s-num { font-size: 56px;font-weight: 700; line-height: .9; margin-bottom: 5px; } .statistics .item .s-title { font-size: 19px; font-weight: 500; color: #F0DC6C; margin: 0; text-transform: capitalize; } .statistics .heading { margin-bottom: 76px; } .statistics .heading::before { content: ""; display: flex; width: 58px; height: 5px; margin: auto; margin-bottom: 44px; background: #D0BB45; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } /* Ending About Us */ /* Starting Events */ #events { padding: 80px 0 178px; background: #F5F5F5 url(../images/Mask.webp) repeat top center; border: 1px solid #E5E5E5; } #events .common-title { margin-bottom: 42px; } .e-item { display: flex; padding: 15px; background: #033446; color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 1px solid #EBEBEB; padding: 23px; position: relative; } .e-item:not(:last-of-type) { margin-bottom: 25px; } .e-item .e-date { display: flex; flex-direction: column; align-items: center; justify-content: space-between; -ms-flex: 0 0 171px; flex: 0 0 171px; max-width: 171px; background-size: contain; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; padding: 30px 15px 20px; } .e-item .e-date p { margin: 0; font-size: 22px; font-weight: 600; text-align: center; text-transform: capitalize; } .e-item .e-date strong { display: block; font-size: 45px; font-weight: 700; line-height: 1; margin-top: 10px; margin-bottom: 2px; } .e-item .e-date span { font-size: 18px; font-weight: 300; text-align: center; } .e-item .e-date span > i { display: block; font-size: 26px; color: #B7ECFF; font-weight: 300; margin-top: 10px; } .e-item .e-details .e-title {margin-bottom: 10px;text-transform: capitalize;} .e-item .e-details .e-title a {font-size: 23px;font-weight: 300;color: #fff;} .e-item .e-details p {font-size: 14px;font-weight: 300; margin: 0 0 22px; line-height: 1.8;} .e-item .e-time { border-top: 1px solid #296176;padding-top: 12px; } .e-item .e-time ul, .e-item .e-time ul li { display: flex; align-items: center; } .e-item .e-time ul li { font-size: 16px; font-weight: 300 } .e-item .e-time > ul > li > i { font-size: 14px;font-weight: 100; } .e-item .e-time > ul > li > i, .e-item .e-time span { color: #D0BB45 } .e-item .e-time span { font-weight: 500;font-size: 14px; } .e-item .social-list li a { display: block; width: 21.5px; height: 21.5px; line-height: 20.5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; color: #fff; text-align: center; } .e-item .social-list li a i { font-size: 10px; } /* Ending Events */ /* Starting Register Now */ .register-now { position: relative; top: 115px; margin-top: -272px; z-index: 2; } .register-now .wrapper { background: #27B1CD url(../images/sign-bg.webp) no-repeat center; background-size: contain; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 1px solid #6EBFDB; display: flex; align-items: center; position: relative; } .register-now .img { display: flex; justify-content: center; align-items: flex-end; height: 266px; -ms-flex: 0 0 483px; flex: 0 0 483px; max-width: 483px; background: url(../images/bg2.webp) no-repeat bottom center; background-size: contain; overflow: hidden; } .register-now .img img { position: relative; top: -7px; max-width: 100% } .register-now .details {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 10px 0;} .register-now .details .title {font-size: 21px;font-weight: 400;color: #A5E8FF;text-transform: capitalize;} .register-now .details > div { width: 64%; } .register-now .details p { font-size: 32px; text-transform: capitalize; font-weight: 400; color: #fff; margin: 0; line-height: 1.4; } .register-now .details p strong { font-weight: 600; display: block; } .register-now .details a { height: 70px; text-transform: capitalize; line-height: 68px; padding: 0 86px; font-size: 22px; font-weight: 500; text-align: center; background: #D0BB45; border: 1px solid #74C7E5; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; color: #fff; } .register-now .details a:hover { background: #74C7E5; } .register-now .details a i { font-size: 14px; } /* Ending Register Now */ /* Starting Footer */ footer { background: #033446; color: #299DC6; padding-top: 250px; position: relative; } footer .footer-top { padding-bottom: 55px; } footer .heading, footer .heading2 { font-size: 29px; font-weight: 600; color: #82C9E2; margin-bottom: 70px; text-transform: capitalize; } footer .footer-top .heading + ul { width: 85%; margin: 0; padding-bottom: 18px; } footer .footer-top li:not(:last-of-type) { margin-bottom: 30px; } footer .footer-top li a { display: block; font-size: 17px; font-weight: 500; color: #299DC6; position: relative; } footer .footer-top li a:hover { color: #82C9E2; } footer .footer-top li a::after { content: "\e90c"; font-family: 'icomoon' !important; font-size: 9px; position: absolute; top: 10px; color: #D0BB45; } footer .follow-links { display: flex; justify-content: space-between; margin-bottom: 30px; } .social-list { display: flex; margin: 0; } .social-list li { margin-bottom: 0!important; } .social-list li a { display: block; text-align: center; width: 43.5px; height: 43.5px; line-height: 41.5px; color: #45D0C5; border: 1px solid; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .social-list li a:hover { color: #D0BB45; } footer .follow-links li a::after { display: none; } footer .app-list { display: flex; } footer .app-list li { margin-bottom: 0!important; } footer #testimonials { background: #062E3C; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 1px solid #299DC6; } footer #testimonials .owl-theme { padding: 28px 90px; } footer #testimonials .owl-theme .owl-nav { position: absolute; display: flex; justify-content: space-between; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; padding: 0 30px; margin: 0; } footer #testimonials .owl-theme .owl-nav [class*=owl-] { color: #299DC6; margin: 0; } footer #testimonials .owl-theme .owl-nav [class*=owl-]:hover { background: none; color: #82C9E2; } footer #testimonials .owl-theme .owl-nav [class*=owl-] i { font-size: 20px; } footer #testimonials .item > span { display: flex; align-items: center; margin-bottom: 14px; font-size: 25px; color: #6EBFDB; } footer #testimonials .item i { font-size: 41px; } footer #testimonials .item p { font-size: 14px; font-weight: 300; color: #fff; margin-bottom: 8px;} footer #testimonials .item .customer { font-size: 17px; font-weight: 700; color: #4C7C8E; margin: 0; } .footer-bottom { border-top: 1px solid #174D60; padding: 13px 0 20px; } .footer-bottom .links, .footer-bottom .links ul { display: flex; align-items: center; margin: 0; } .footer-bottom .links ul { margin-top: 22px; } .footer-bottom .links ul li a { font-size: 14px; text-transform: capitalize; color: #299DC6; } footer .copy-rights { display: flex; height: 100%; align-items: center; justify-content: flex-end; font-size: 14px; color: #299DC6; margin-top: 11px; } footer .copy-rights a { color: #299DC6 } .footer-bottom .links ul li a:hover, footer .copy-rights a:hover { color: #82C9E2; } /* Ending Footer */ /* Starting Section Header */ .s-header .container { position: relative; } .s-header .owl-nav, #main-content .slide-nav { position: absolute; top: 22px; height: 50px; line-height: 48px; border: 1px solid #B7B7B7; color: #B7B7B7; background: #F8F8F8; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; padding: 0 32px; margin: 0; display: flex; align-items: center; justify-content: center; max-width: 140px; } .s-header .owl-nav::before, #main-content .slide-nav::before { content: ""; width: 0; height: 31px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .s-header .owl-nav [class*=owl-], #main-content .carousel-control-prev, #main-content .carousel-control-next { margin: 0 24px; background: none; border: 0; color: #B7B7B7; display: flex; align-items: center; } .s-header .owl-nav [class*=owl-]:hover { background: none; color: #45ACD0 } .s-header .owl-nav [class*=owl-] i, #main-content .carousel-control-prev i, #main-content .carousel-control-next i { font-size: 20px; } .s-header .view-all { height: 50px; line-height: 48px; border: 1px solid #B7B7B7; font-size: 16px; font-weight: 400; background: #F8F8F8; color: #B7B7B7; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; padding: 0 62px; margin-top: 22px; position: absolute; top: 0; text-transform: capitalize; } .s-header .view-all:hover { background: #27B1CD; border-color: #27B1CD; color: #fff!important; } .s-header .view-all i { font-size: 12px } /* Ending Section Header */ /* Starting Loading Screen */ .loading-screen { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 999999999; } .sk-chase { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; } .sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: sk-chase-dot 2.0s infinite ease-in-out both; } .sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: #27B1CD; border-radius: 100%; animation: sk-chase-dot-before 2.0s infinite ease-in-out both; } .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; } .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot { 80%, 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1.0); } } /* Ending Loading Screen */ /* Starting Breadcrumb */ .breadcrumb-nav { background: #F8F8F8; border-bottom: 1px solid #EDEDED; height: 70px; line-height: 70px; margin-bottom: 15px; margin: 0; } .breadcrumb-nav .breadcrumb { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 0; margin: 0; } .breadcrumb-nav .breadcrumb li, .breadcrumb-nav .breadcrumb a { font-size: 13px; font-weight: 600; color: #033446; line-height: inherit; } .breadcrumb-nav .breadcrumb .active { color: #27B1CD; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; color: #27B1CD; content: "\e90c"; font-family: 'icomoon' !important; font-size: 9px; } /* Ending Breadcrumb */ /* Starting About Us Page */ #main .container { padding-top: 15px; } #main .col-aside { -ms-flex: 0 0 304px; flex: 0 0 304px; max-width: 304px; padding: 0 15px; } #main .col-content { -ms-flex: 0 0 calc(100% - 304px); flex: 0 0 calc(100% - 304px); max-width: calc(100% - 304px); padding: 0 15px; } .side-nav { padding: 25px 15px 60px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; background: #F4F4F4; border: 1px solid #E6E6E6; margin-bottom: 30px; } .side-nav .heading { font-size: 15px; font-weight: 700; color: #033446; margin-bottom: 5px; } .side-nav .heading span { display: inline-block; width: 40px; height: 40px; } .side-nav .heading span img { display: inline-block; max-width: 100%; } .side-nav li { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; padding: 0px 20px; } .side-nav li a { display: flex; align-items: center; justify-content: space-between; font-size: 14px; text-transform: capitalize; font-weight: 500; color: #033446; position: relative; border-bottom: 1px solid #DDD; } .side-nav li a::after { color: #27B1CD; content: "\e90c"; font-family: 'icomoon' !important; font-size: 9px; margin-top: 3px; } .side-nav li:hover { background: #27B1CD; color: #fff; } .side-nav li:hover a { color: #fff; border-color: transparent; } .side-nav li:hover a::after { color: #fff; } /* Ending About Us Page */ /* Starting Content Style */ .content { padding-top: 30px } .content h1, .content h2 { font-size: 44px; color: #033446; margin-bottom: 30px; } .content h3 { font-size: 33px; color: #45ACD0; margin-bottom: 25px; } .content p { font-size: 25px; color: #033446; margin-bottom: 25px; line-height: 1.7; } .content ul { margin-bottom: 15px; } .content img { display: block; width: 100%; max-width: 100%; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; margin: 60px 0; } .content iframe { border: 1px solid #E3E3E3; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; } .content .card { display: flex; align-items: center; flex-direction: row; margin-top: 30px; margin-bottom: 40px; border: 1px solid #E3E3E3; background: #F7F7F7; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; } .content .card .img { -ms-flex: 0 0 277px; flex: 0 0 277px; max-width: 277px; margin-top: 0; margin-bottom: 0; } .content .card img { margin: 0; } .content .card .info { display: flex; align-items: center; } .content .card h4 { font-size: 23px; font-weight: 700; margin-bottom: 15px; color: #033446; line-height: 1.5; } .content .card p { width: 80%; font-size: 20px; color: #45ACD0; margin: 0 0 20px; } .social h5 { font-size: 25px; color: #27B1CD; text-align: center; margin: 0 0 20px; text-transform: capitalize; } .social, .social ul { display: flex; } div.social { flex-direction: column; } .social li a { display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; color: #033446; border: 2px solid #033446; } .social li a:hover { background: #D0BB45; border-color: #D0BB45; color: #fff; } .social li a i { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .content .card > a { display: flex; align-items: center; height: 65px; line-height: 65px; text-align: center; justify-content: center; padding: 0 58px; font-size: 15px; color: #fff; background: #27B1CD; border: 1px solid #74C7E5; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; } .content .card > a:hover { background: #D0BB45; border-color: #D0BB45; } .content .card > a i { font-size: 11px; } .content .content-head { margin-bottom: 40px;} .content .content-head .row > div:first-of-type { -ms-flex: 0 0 39%; flex: 0 0 39%; max-width: 39%; } .content .content-head .row > div:last-of-type { -ms-flex: 0 0 61%; flex: 0 0 61%; max-width: 61%; } .content .content-head img { margin: 0; } .content .content-head .social { margin-bottom: 20px; margin-top: 30px; } .content .content-head p { margin: 0; } /* Ending Content Style */ /* Starting Main Content */ #main { background: url(../images/shape5.webp) no-repeat; background-position: 50% -74px; position: relative; } #main::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; } .about-us .statistics:not(.statistics--portal) { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; padding: 125px 75px; background: url(../images/about.webp) no-repeat; background-size: 100% 100%; margin-top: 60px; margin-bottom: 60px; position: relative; overflow: hidden; } .about-us .statistics:not(.statistics--portal)::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #033446d6; } .about-us .statistics:not(.statistics--portal) h2 { font-size: 35px; color: #fff; margin: 0 0 75px; position: relative; text-align: center; } .about-us .statistics:not(.statistics--portal) .row { justify-content: center; } .about-us .statistics:not(.statistics--portal) .row > div { display: flex; justify-content: center; margin-bottom: 85px; } .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(4) { justify-content: flex-end; } .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(5) { justify-content: flex-start; } .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(4), .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(5) { margin-bottom: 0; } .col-aside .register-now { position: static; overflow: hidden; margin: 0; } .col-aside .register-now .wrapper { flex-direction: column; padding: 0; overflow: hidden; background: #27B1CD url(../images/logoicon.webp) no-repeat center 22px; padding-top: 100px; position: relative; } .col-aside .register-now .wrapper::before { content: ""; width: 100%; height: 100%; opacity: .5; display: block; position: absolute; bottom: 88px; z-index: 1; } .col-aside .register-now .details { flex-direction: column; align-items: center; justify-content: center; padding: 5px 13px 0;z-index: 2; } .col-aside .register-now .details > div { width: 100%; text-align: center;} .col-aside .register-now .details .title { font-size: 17px; } .col-aside .register-now .details p { font-size: 24px; margin-bottom: 30px;} .col-aside .register-now .details p strong { margin-top: 5px; } .col-aside .register-now .details a { font-size: 13px; height: 40px; line-height: 40px; padding: 0 44px; } .col-aside .register-now .details a i { font-size: 8px; } .col-aside .register-now .img { -ms-flex: 0 0 100%; flex: 0 0 auto; max-width: 100%; background: none; text-align: center; height: 205px; display: flex; align-items: flex-end; justify-content: center; z-index: 2; } .col-aside .register-now .img img { max-width: 100%; position: static; margin: 0; } .about-us .map { margin-top: 60px; margin-bottom: 20px; } /* Ending Main Content */ /* Starting Related Content */ .related-content { position: relative; top: 115px; margin-top: -115px; z-index: 2; } .related-content .wrapper { background: #27B1CD url(../images/sign-bg.webp) no-repeat center; background-size: contain; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 1px solid #6EBFDB; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; min-height: 270px; } .related-content .wrapper .title { font-size: 33px; color: #fff; margin-bottom: 36px; text-transform: capitalize; } .related-content .wrapper ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .related-content .wrapper li a { display: flex; align-items: center; justify-content: center; padding: 0 20px; height: 60px; line-height: 60px; font-size: 13px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; background: #fff; color: #0E213A; min-width: 210px; } .related-content .wrapper li i { font-size: 10px; } /* Emding Related Content */ /*** Starting Faculty Page ***/ .faculty .header-top .right-list ul li:last-of-type a { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 0 } .faculty .header-top .right-list ul li:last-of-type a i { color: #27B1CD; } .faculty .left-list > a { display: flex; align-items: center; font-size: 14px; color: #9DBCC6; border: 1px solid #9DBCC6; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -p-border-radius: 30px; border-radius: 30px; height: 38px; line-height: 36px; padding: 0 24px; text-transform: capitalize; } /* Starting Main Content */ #main-content { background: #002C3B; position: relative; padding-bottom: 58px; } #main-content::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/mainbg.webp) no-repeat; background-size: 100%; background-position: 50% -200px; opacity: .14; } .main-top {padding: 75px 0 40px;} .main-top .row > div { display: flex; align-items: flex-end; } .main-top .row > div:last-of-type { justify-content: flex-end; } .main-top .follow-us { display: flex; align-items: center; justify-content: center; } .main-top .follow-us label { font-size: 20px; color: #27B1CD; margin-bottom: 0; margin-top: -5px; } .main-top .follow-us .social-list li a { width: 30px; height: 30px; line-height: 32px; color: #fff; font-size: 14px; } .main-top .follow-us .social-list li a:hover { color: #D0BB45; } .main-top .fac-logo { width: 100%; } .main-top .fac-logo > div { width: 200px; margin: auto; } .main-top .fac-logo img { display: block; max-width: 100%; } .tech-support { font-size: 20px; color: #fff; display: flex; align-items: center; } .tech-support:hover { color: #D0BB45; } .tech-support span { display: flex; justify-content: center; align-items: center; color: #27B1CD; position: relative; } .tech-support span::after { content: ""; width: 1px; height: 20px; background: #375E6C; margin-top: 5px; } .tech-support span i { font-size: 26px; margin-top: 5px; } .main-top .fac-logo h3 { font-size: 30px; color: #00A4BC; margin: 15px 0 0; line-height: 1.7; font-weight: 400; } .main-top .fac-logo span { display: block; color: #fff; } #main-content .img { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 1px solid #27B1CD; overflow: hidden; margin-bottom: 58px; } #main-content .share { display: flex; justify-content: flex-end; align-items: center; font-size: 20px; font-weight: 600; color: #27B1CD; } #main-content .share > i { font-size: 30px; } #main-content .share li a { width: 38px; height: 38px; line-height: 36px; color: #27B1CD; } #main-content .share li a:hover { color: #D0BB45; } #main-content .share li a i { font-size: 18px; } #main-content .slide-nav { top: auto!important; bottom: 0; background: transparent; border-color: #27B1CD; max-width: 140px; background: #002c3b; } #main-content .slide-nav::before { border-color:#27B1CD; } #main-content .carousel-control-prev, #main-content .carousel-control-next { color: #27B1CD; display: inline-table; position: relative; top: 3px; } #main-content .carousel-control-prev, #main-content .carousel-control-next { padding: 1px 6px; color: #27B1CD; opacity: 1; } #mian-carousel .share { padding: 0!important; } .carousel-indicators { display: flex; align-items: center; } .carousel-indicators li { background: transparent; border: 1px solid #27B1CD; } .carousel-indicators li.active { background: #fff; border-color: #002C3B; outline: 1px solid #27B1CD; } #main-content .carousel-indicators { height: 0; } /* Ending Main Content */ /* Starting Faculty Ads */ #fac-ads { padding: 80px 0; background: url(../images/shape1.webp) no-repeat top center; } #fac-ads .common-title { margin-bottom: 30px; } #fac-ads .ad-item { text-align: center; } #fac-ads .ad-item .title { font-size: 33px; color: #299DC6; margin: 0 0 30px; } #fac-ads .ad-item p { color: #033446; margin: 0; line-height: 1.8; } /* Ending Faculty Ads */ /* Starting Faculty Departments */ #fac-departments { padding: 80px 0; background: url(../images/shape1.webp) no-repeat top center; } #fac-departments .owl-carousel { margin-top: 85px; } #fac-departments .item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; background: #F9F9F9; border: 1px solid #EBEBEB; padding: 34px; min-height: 287px; } #fac-departments .item i { font-size: 85px; color: #27B1CD; margin: 0 0 30px; } #fac-departments .item .title { font-size: 21px; font-weight: 600; line-height: 1.5; color: #033446; margin: 0; width: 80%; height: 63px; overflow: hidden; } /* Ending Faculty Departments */ /* Starting Events */ .faculty #events { padding: 80px 0; } /* Ending Events */ /* Starting Statistics */ .fac-statistics { padding: 80px 0 220px; background: url(../images/shape1.webp) no-repeat top center; } .fac-statistics .common-title { margin-bottom: 30px; } .fac-statistics .common-title + p { font-size: 25px; font-weight: 600; color:#033446; margin-bottom: 75px; text-align: center; line-height: 1.8; } .fac-statistics .item { color: #0D6477; } .fac-statistics .item .s-title { color: #27B1CD; } /* Ending Statistics */ /* Starting Register Now */ .faculty .register-now { margin-top: -90px;} .faculty .register-now .img { background: url(../images/bg2.webp) no-repeat bottom center; background-size: contain; } .faculty .register-now .img img { position: static; } /* Ending Register Now */ /*** Ending Faculty Page ***/ /* Starting Contact Us Page */ .contact_us { padding-bottom: 280px; } .contact-info {padding: 50px 0;} .contact-info .info-item { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 304px; background: #FCFCFC; color: #0E213A; border: 1px solid #E2E2E2; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; } .contact-info .row { margin: 0 -10px; } .contact-info .row > div { padding: 0 10px; } .contact-info .info-item i { font-size: 30px; color: #299DC6; } .contact-info .row > div:nth-of-type(2) .info-item i { color: #D0BB45; } .contact-info .row > div:last-of-type .info-item i { color: #59E369; } .contact-info .info-item .title { font-size: 22px; font-weight: 700; margin: 15px 0; } .contact-info .info-item span { font-size: 16px; font-weight: 600; line-height: 1; } .contact-info .info-item a { height: 45px; line-height: 42px; font-size: 14px; font-weight: 600; background: #F7F7F7; border: 1px solid #CCCCCC; color: #0E213A; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 0 15px; min-width: 174px; margin-top: 40px; } .contact-info .info-item:hover a { background: #299DC6; color: #fff; } .contact-info .row > div:nth-of-type(2) .info-item:hover a { background: #D0BB45; } .contact-info .row > div:last-of-type .info-item:hover a { background: #59E369; } .contact-form { padding: 70px 244px; border: 1px solid #E2E2E2; background: #F8F8F8 url(../images/shape6.webp) no-repeat; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; } .contact-form .common-title { font-size: 44px; margin-bottom: 22px; } .contact-form p { font-size: 16px; color: #033446; margin: 0 auto 35px; width: 63%; line-height: 1.7; } .contact-form form { display: flex; justify-content: space-between;flex-wrap: wrap; } .contact-form .form-group { flex: 0 0 auto; width: calc(50% - 12px); margin-bottom: 30px; } .contact-form .form-group.message { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } .contact-form label { font-size: 15px; font-weight: 700; color: #033446; margin: 0 0 15px; width: 100%; } .contact-form .form-control { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; min-height: 72px; padding: 20px; } .contact-form textarea { min-height: 193px!important } .contact-form form button { margin: 20px auto 0; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; height: 74px; line-height: 74px; font-size: 22px; background: #27B1CD; color: #fff; padding: 0 95px; border: 0; } .contact-form form button:hover {background: #033446;} .contact-form form button i { font-size: 12px; } .default-page {padding-bottom: 280px;} /* Ending Contact Us Page */ /* Starting Chapter Page */ .chapter .col-aside, .dersler .col-aside { margin-top: -92px; } .default-page .a-link { display: inline-flex; align-items: center; min-height: 184px; border: 1px solid #299DC6; -ms-flex: 0 0 calc(50% - 11px); flex: 0 0 calc(50% - 11px); width: calc(50% - 11px); margin: 30px 0; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; font-size: 26px; color: #033446; font-weight: 600; padding: 0 80px; background: rgb(249,249,249); background: -moz-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 27%, rgba(243,244,246,1) 35%, rgba(243,244,246,1) 37%, rgba(255,255,255,1) 65%, rgba(242,243,245,1) 71%, rgba(253,253,255,1) 78%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 27%,rgba(243,244,246,1) 35%,rgba(243,244,246,1) 37%,rgba(255,255,255,1) 65%,rgba(242,243,245,1) 71%,rgba(253,253,255,1) 78%,rgba(255,255,255,1) 100%); background: linear-gradient(135deg, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 27%,rgba(243,244,246,1) 35%,rgba(243,244,246,1) 37%,rgba(255,255,255,1) 65%,rgba(242,243,245,1) 71%,rgba(253,253,255,1) 78%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 ); } .default-page .a-link i { font-size: 65px; color: #45D0C5; } .default-page .a-link > img { width: 35px; height: 35px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); position: relative; top: 4px; } .default-page .a-link:hover { -webkit-box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important; -moz-box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important; -ms-box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important; -o-box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important; box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important; } .default-page .a-link:hover > img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .managers { padding: 30px 0 10px 0; } .managers .common-title { margin-bottom: 45px; font-size: 44px; } .managers .item { text-align: center; position: relative; padding-top: 180px; margin: 1px; padding-bottom: 15px; } .managers .image { position: absolute; top: 0; left: 0;right: 0; width: 85%; margin: auto; } .managers .image img { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; max-width: 100%; } .managers .details { background: #F8F8F8; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border: 1px solid #299DC6; min-height: 396px; padding: 15px 15px 45px; display: flex; flex-direction: column; justify-content: flex-end; -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.05); -moz-box-shadow: 0 8px 7px rgba(0,0,0,.05); -ms-box-shadow: 0 8px 7px rgba(0,0,0,.05); -o-box-shadow: 0 8px 7px rgba(0,0,0,.05); box-shadow: 0 8px 7px rgba(0,0,0,.05); } .managers .item:hover .details { border-color: #D0BB45; background: #fff; } .managers .details strong { font-size: 33px; color: #299DC6; margin: 0 0 10px; } .managers .item:hover strong { color: #D0BB45; } .managers .details .name { font-size: 20px; color: #033446; margin-bottom: 25px; } .managers .item .social { justify-content: center; } .default-page .contact-form { background: #033446 url(../images/shape7.webp) no-repeat; color: #fff; margin-top: 50px; } .default-page .contact-form .common-title, .default-page .contact-form p, .default-page .contact-form label { color: #fff; } .default-page .contact-form p { font-weight: 100; } .default-page .contact-form button { background: #27B1CD } .default-page .contact-form button:hover { background: #D0BB45 } .default-page .contact-form label { margin-bottom: 10px; } /* Ending Chapter Page */ /* Starting BreadCrumb #2 */ .breadcrumb2 { min-height: 430px; background: #02283D; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; } .breadcrumb2::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/mainbg.webp) no-repeat; background-size: cover; background-position: top center; opacity: .25; } .breadcrumb2::after { content: ""; position: absolute; width: 296px; min-height: inherit; background: url(../images/breadshape.png) no-repeat center; background-size: contain; } .breadcrumb2 .container { position: relative; } .breadcrumb2 .title {font-size: 47px;font-weight: 600;color: #27B1CD; margin: 0;} .breadcrumb2 .title span {width: 40%;margin: auto;margin-top: 15px;display: block;font-size: 22px;font-weight: 400;color: #fff;line-height: 1.8;} /* Ending BreadCrumb #2 */ /* Starting Baskan Page */ .baskan .managers .common-title { font-size: 33px; color: #299DC6; } .baskan .managers .item { padding-top: 165px; } .baskan .managers .details { min-height: 360px; } .baskan .managers .details strong { font-size: 25px; text-transform: capitalize; margin-bottom: 30px; } .managers .owl-carousel .owl-dots { margin-top: 28px!important; } .managers .owl-carousel .owl-dots .owl-dot.active span, .managers .carousel-indicators li.active { background: #299DC6; outline: 1px solid #299DC6; } .managers .owl-carousel .owl-dots .owl-dot span, .managers .owl-carousel .owl-dots .owl-dot:hover span, .managers .carousel-indicators li { background: transparent; outline: 1px solid #299DC6; } /* Ending Baskan Page */ /* Starting Table */ table { width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; outline: 1px solid #E3E3E3; background: #F7F7F7; color: #033446; border: 40px solid #F7F7F7; text-align: center; border-collapse: initial; margin: 30px 0; } table thead th { padding-top: 0; } table th, table td { padding: 20px; } table tbody tr { background: #fff; overflow: hidden; } table tbody td { border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; } table tr td:first-of-type { -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; } table tr td:last-of-type { -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } /* Ending Table */ /* Starting Dersler Page */ .dersler { padding-bottom: 150px; } /* Ending Dersler Page */ /* Starting Faculty About us Page */ .f-about { padding-bottom: 250px; } .f-about .f-image { position: relative; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; margin-bottom: 60px; margin-top: 30px; } .f-about .f-image img { margin: 0; display: block; max-width: 100%; } .f-about .f-logo { position: absolute; top: -1px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 156px; height: 165px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 4%, rgba(217,217,217,1) 35%, rgba(217,217,217,1) 35%, rgba(253,253,255,1) 70%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 4%,rgba(217,217,217,1) 35%,rgba(217,217,217,1) 35%,rgba(253,253,255,1) 70%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 4%,rgba(217,217,217,1) 35%,rgba(217,217,217,1) 35%,rgba(253,253,255,1) 70%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 86%, 0 100%); } .f-about .f-logo > span { display: block; width: 65px; margin-bottom: 5px; } .f-about .f-logo img { display: block; max-width: 100%; } .f-about .f-logo label { font-size: 10px; color: #00A4BC; text-align: center; } .f-about .f-logo label span { display: block; color: #11273D; margin-top: 2px; line-height: 1.2; } .f-about .mission { padding-top: 120px; padding-bottom: 60px; } .f-about .mission .row { margin: 0 -8px; } .f-about .mission .row > div { padding: 0 8px; } .f-about .mission .item { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 1px solid #DDDDDD; padding: 0 25px 25px; height: 100%; text-align: center; background: rgb(248,248,248); background: -moz-linear-gradient(-45deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 12%, rgba(250,250,250,1) 13%, rgba(250,250,250,1) 23%, rgba(252,252,252,1) 26%, rgba(251,251,251,1) 28%, rgba(253,253,253,1) 29%, rgba(251,251,251,1) 29%, rgba(253,253,253,1) 31%, rgba(253,253,253,1) 40%, rgba(255,255,255,1) 42%, rgba(254,254,254,1) 47%, rgba(251,251,251,1) 49%, rgba(251,253,252,1) 49%, rgba(251,249,250,1) 50%, rgba(250,252,251,1) 50%, rgba(249,249,249,1) 51%, rgba(249,250,252,1) 51%, rgba(249,249,251,1) 52%, rgba(247,249,248,1) 52%, rgba(246,247,249,1) 55%, rgba(243,244,246,1) 56%, rgba(244,245,247,1) 64%, rgba(247,248,250,1) 69%, rgba(246,247,249,1) 72%, rgba(248,249,251,1) 73%, rgba(247,249,248,1) 75%, rgba(249,250,252,1) 76%, rgba(248,250,249,1) 76%, rgba(250,252,251,1) 79%, rgba(247,251,250,1) 80%, rgba(251,251,251,1) 80%, rgba(251,251,251,1) 85%, rgba(254,254,254,1) 90%, rgba(253,253,253,1) 93%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 96%, rgba(252,252,252,1) 98%, rgba(248,252,251,1) 98%, rgba(247,248,250,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 12%,rgba(250,250,250,1) 13%,rgba(250,250,250,1) 23%,rgba(252,252,252,1) 26%,rgba(251,251,251,1) 28%,rgba(253,253,253,1) 29%,rgba(251,251,251,1) 29%,rgba(253,253,253,1) 31%,rgba(253,253,253,1) 40%,rgba(255,255,255,1) 42%,rgba(254,254,254,1) 47%,rgba(251,251,251,1) 49%,rgba(251,253,252,1) 49%,rgba(251,249,250,1) 50%,rgba(250,252,251,1) 50%,rgba(249,249,249,1) 51%,rgba(249,250,252,1) 51%,rgba(249,249,251,1) 52%,rgba(247,249,248,1) 52%,rgba(246,247,249,1) 55%,rgba(243,244,246,1) 56%,rgba(244,245,247,1) 64%,rgba(247,248,250,1) 69%,rgba(246,247,249,1) 72%,rgba(248,249,251,1) 73%,rgba(247,249,248,1) 75%,rgba(249,250,252,1) 76%,rgba(248,250,249,1) 76%,rgba(250,252,251,1) 79%,rgba(247,251,250,1) 80%,rgba(251,251,251,1) 80%,rgba(251,251,251,1) 85%,rgba(254,254,254,1) 90%,rgba(253,253,253,1) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 96%,rgba(252,252,252,1) 98%,rgba(248,252,251,1) 98%,rgba(247,248,250,1) 100%); background: linear-gradient(135deg, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 12%,rgba(250,250,250,1) 13%,rgba(250,250,250,1) 23%,rgba(252,252,252,1) 26%,rgba(251,251,251,1) 28%,rgba(253,253,253,1) 29%,rgba(251,251,251,1) 29%,rgba(253,253,253,1) 31%,rgba(253,253,253,1) 40%,rgba(255,255,255,1) 42%,rgba(254,254,254,1) 47%,rgba(251,251,251,1) 49%,rgba(251,253,252,1) 49%,rgba(251,249,250,1) 50%,rgba(250,252,251,1) 50%,rgba(249,249,249,1) 51%,rgba(249,250,252,1) 51%,rgba(249,249,251,1) 52%,rgba(247,249,248,1) 52%,rgba(246,247,249,1) 55%,rgba(243,244,246,1) 56%,rgba(244,245,247,1) 64%,rgba(247,248,250,1) 69%,rgba(246,247,249,1) 72%,rgba(248,249,251,1) 73%,rgba(247,249,248,1) 75%,rgba(249,250,252,1) 76%,rgba(248,250,249,1) 76%,rgba(250,252,251,1) 79%,rgba(247,251,250,1) 80%,rgba(251,251,251,1) 80%,rgba(251,251,251,1) 85%,rgba(254,254,254,1) 90%,rgba(253,253,253,1) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 96%,rgba(252,252,252,1) 98%,rgba(248,252,251,1) 98%,rgba(247,248,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f7f8fa',GradientType=1 ); } .f-about .mission .item > i { display: inline-flex; width: 172px; height: 172px; margin: auto; margin-top: -86px; margin-bottom: 30px; align-items: center; justify-content: center; font-size: 98px; background: #0D6477; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; background: #45D0C5; } .f-about .mission .row > div:nth-of-type(2) .item > i { background: #27B1CD; } .f-about .mission .row > div:last-of-type .item > i { background: #0D6477; } .f-about .mission .item .title { font-size: 33px; color: #033446; margin-bottom: 22px; margin-top: 15px; } .f-about .mission .item p { font-size: 19px; color: #033446; margin-bottom: 25px; line-height: 1.8; } .f-about .mission .item .more { display: table; height: 52px; line-height: 50px; padding: 0 50px; background: #fff; border: 1px solid #27B1CD; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; font-size: 22px; color: #299DC6; } .f-about .mission .item:hover .more { background: #45D0C5; color: #fff } .f-about .mission .row > div:nth-of-type(2) .item:hover .more { background: #27B1CD; border-color: #27B1CD; } .f-about .mission .row > div:last-of-type .item:hover .more { background: #0D6477; border-color: #0D6477; } .f-about .mission .item .more i { display: inline-block; font-size: 14px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .f-about .important-links .a-link { min-height: 145px; font-size: 20px; padding: 0 48px; margin-top: 20px; margin-bottom: 20px; color: #fff; -webkit-box-shadow: 0 8px 7px rgb(0 0 0 / 5%); -moz-box-shadow: 0 8px 7px rgb(0 0 0 / 5%); -ms-box-shadow: 0 8px 7px rgb(0 0 0 / 5%); -o-box-shadow: 0 8px 7px rgb(0 0 0 / 5%); box-shadow: 0 8px 7px rgb(0 0 0 / 5%); } .f-about .important-links .a-link i { color: #fff; } .f-about .important-links .a-link:first-of-type { background: #033446; } .f-about .important-links .a-link:nth-of-type(2) { background: #27B1CD; } .f-about .important-links .a-link:nth-of-type(3) { background: #D0BB45; } .f-about .important-links .a-link:last-of-type { background: #45D0C5; } .f-about .important-links .a-link img { -webkit-filter: brightness(100); filter: brightness(100); top: -2px; } /* Ending Faculty About us Page */ /* Starting Regulations Page */ #main.regulations { padding: 40px 0 80px; } .regulations .common-title { font-size: 44px; } .regulations .row { margin: 0 -22px; } .regulations .row > div { padding: 0 22px; } .regulations .item { display: block; height: 374px; padding: 80px 15px; background: #F8F8F8; color: #0D6477; border: 1px solid #299DC6; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.05); -moz-box-shadow: 0 8px 7px rgba(0,0,0,.05); -ms-box-shadow: 0 8px 7px rgba(0,0,0,.05); -o-box-shadow: 0 8px 7px rgba(0,0,0,.05); box-shadow: 0 8px 7px rgba(0,0,0,.05); text-align: center; position: relative; margin-bottom: 44px; } .regulations .item:hover { color: #D0BB45; } .regulations .item .img { margin: 0 auto 25px; width: 90px; } .regulations .item .img img { max-width: 100%; } .regulations .item .title { font-size: 22px; font-weight: 600; line-height: 1.4; width: 95%; margin: 0 auto; text-transform: capitalize; } .regulations .item::after { content: "\e900"; font-family: 'icomoon' !important; font-size: 38px; color: #D3D3D3; position: absolute; bottom: 40px; left: 0; right: 0; } .regulations .item:hover:after { color: #299DC6; } /* Ending Regulations Page */ /* Starting Institutes Page */ #main.institutes { padding: 40px 0 80px; } .institutes .common-title { font-size: 44px; } .institutes .row > div { margin-bottom: 30px; } .institutes .item { display: flex; align-items: center; padding: 10px 50px; background: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.05); -moz-box-shadow: 0 8px 7px rgba(0,0,0,.05); -ms-box-shadow: 0 8px 7px rgba(0,0,0,.05); -o-box-shadow: 0 8px 7px rgba(0,0,0,.05); box-shadow: 0 8px 7px rgba(0,0,0,.05); height: 100%; min-height: 152px; border: 1px solid; color: #27B1CD; } .institutes .item:hover { background: #F8F8F8; } .institutes .row > div:nth-of-type(2) .item { color: #45D0C5; } .institutes .row > div:nth-of-type(3) .item { color: #D0BB45; } .institutes .row > div:nth-of-type(4) .item { color: #F0DC6C; } .institutes .row > div:nth-of-type(5) .item { color: #033446; } .institutes .row > div:nth-of-type(6) .item { color: #F79A4A; } .institutes .row > div:nth-of-type(7) .item { color: #6EBFDB; } .institutes .item .image { -ms-flex: 0 0 92px; flex: 0 0 92px; max-width: 92px; } .institutes .item .image img { max-width: 100%; } .institutes .item .title { font-size: 22px; margin: 0; position: relative; -ms-flex: 0 0 calc(100% - 122px); flex: 0 0 calc(100% - 122px); max-width: calc(100% - 122px); text-transform: capitalize; display: flex; justify-content: space-between; align-items: center; } .institutes .item .title::after { margin-top: 4px; content: "\e90c"; font-family: 'icomoon' !important; font-size: 15px; } /* Ending Institutes Page */ /* Starting Goals */ .dep-goals { padding: 25px 0; } .dep-goals .title {font-size: 33px;color: #033446;margin-bottom: 30px;} .dep-goals .item { border: 1px solid #299DC6; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; text-align: center; background: rgb(249,249,249); background: -moz-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 27%, rgba(243,244,246,1) 35%, rgba(243,244,246,1) 37%, rgba(255,255,255,1) 65%, rgba(242,243,245,1) 71%, rgba(253,253,255,1) 78%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 27%,rgba(243,244,246,1) 35%,rgba(243,244,246,1) 37%,rgba(255,255,255,1) 65%,rgba(242,243,245,1) 71%,rgba(253,253,255,1) 78%,rgba(255,255,255,1) 100%); background: linear-gradient(135deg, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 27%,rgba(243,244,246,1) 35%,rgba(243,244,246,1) 37%,rgba(255,255,255,1) 65%,rgba(242,243,245,1) 71%,rgba(253,253,255,1) 78%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 ); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.2); -ms-box-shadow: 0 3px 10px rgba(0,0,0,.2); -o-box-shadow: 0 3px 10px rgba(0,0,0,.2); box-shadow: 0 3px 10px rgba(0,0,0,.2); margin: 10px 5px; padding: 25px; min-height: 385px; } .dep-goals .item .icon { display: flex; width: 118px; height: 118px; justify-content: center; margin: auto; margin-bottom: 30px; border: 34px solid #ACDCED; background: #D1F3FF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: relative; } .dep-goals .item .icon img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dep-goals .item p { font-size: 19px; margin: 0; color: #033446; } .dep-goals .owl-carousel .owl-dots { margin-top: 30px!important; } .dep-goals .owl-item:nth-of-type(2n) .item .icon { background: #46E5D8; border-color: #45D0C5; } .dep-goals .owl-item:nth-of-type(3n) .item .icon { background: #ACDCED; border-color: #27B1CD; } .dep-goals .owl-item:nth-of-type(5n) .item .icon { background: #238398; border-color: #0D6477; } /* Ending Goals */ /* Starting Fields */ .fields { margin-top: 30px; } .fields ul { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; } .fields li { flex: 0 0 32.333%; max-width: 32.333%; margin-bottom: 25px; } .fields .field { background: #27B1CD; color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; min-height: 102px; display: flex; align-items: center; justify-content: center; padding: 15px; text-align: center; font-size: 19px; } .fields ul li:nth-of-type(2) .field { background: #D0BB45; } .fields ul li:nth-of-type(3) .field { background: #45D0C5; } .fields ul li:nth-of-type(4) .field { background: #6EBFDB; } .fields ul li:nth-of-type(5) .field { background: #ACDAEA; } .fields ul li .field span::before { content: "\e90c"; font-family: 'icomoon' !important; font-size: 11px; } .fields .field:hover { -webkit-box-shadow: 0 23px 30px rgb(0 0 0 / 20%); -moz-box-shadow: 0 23px 30px rgb(0 0 0 / 20%); -ms-box-shadow: 0 23px 30px rgb(0 0 0 / 20%); -o-box-shadow: 0 23px 30px rgb(0 0 0 / 20%); box-shadow: 0 23px 30px rgb(0 0 0 / 20%); } /* Ending Fields */ /* Starting Student Services */ .student-services { padding-top: 45px; } .student-services > p { font-size: 30px; font-weight: 500; color: #45ACD0; margin-bottom: 52px; } .student-services .row { margin: 0 -13px; } .student-services .row > div { padding: 0 13px; margin-bottom: 26px; } .student-services .item { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; min-height: 345px; padding: 0 10px; padding-top: 34px; padding-bottom: 48px; text-align: center; border: 1px solid #299DC6; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background: url(../images/serv-bg.png) no-repeat center; background-size: 100% 100%; } .student-services .item, .student-services .item .more { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; } .student-services .item:hover { -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.2); -ms-box-shadow: 0 3px 10px rgba(0,0,0,.2); -o-box-shadow: 0 3px 10px rgba(0,0,0,.2); box-shadow: 0 3px 10px rgba(0,0,0,.2); } .student-services .item .icon { display: flex; align-items: center; justify-content: center; width: 128px; height: 128px; margin: 0 auto; margin-bottom: 24px; background: #0D6477; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .student-services .item .title { font-size: 19px; font-weight: 700; text-transform: capitalize; color: #033446; margin-bottom: 30px; line-height: 1.4; } .student-services .item .title a { color: #033446; } .student-services .item .more { display: flex; align-items: center; justify-content: center; padding: 0 29px; height: 44px; font-size: 13px; text-transform: capitalize; color: #27B1CD; border: 1px solid #74C7E5; margin-top: auto; } .student-services .item .more i { font-size: 10px; } /* Ending Student Services */ /* Starting Modifications */ #slideshow .scroll-next::after { content: "\e90a"; } /* Ending Modifications */ /* Starting Electronic Services */ #e-services { padding: 80px 0 90px; background: url(../images/shape1.webp) no-repeat top center; text-align: center } #e-services .title, #services-news .title, #contact-service .title { text-align: center; font-size: 33px; font-weight: 600; text-transform: capitalize; color: #27B1CD; margin-bottom: 25px; } #e-services .title + p { font-size: 25px; font-weight: 400; text-transform: capitalize; color: #033446; margin-bottom: 68px; } #services-news { padding: 50px 0; background: #F7F7F7; border: 1px solid #E3E3E3; border-left: 0; border-right: 0; } #services-news .title { margin-bottom: 50px; } #services-news .item p { font-size: 25px; font-weight: 400; line-height: 1.7; margin-top: 18px; margin-bottom: 25px; color: #033446; } #services-news .item a { display: inline-flex; align-items: center; justify-content: center; height: 66px; padding: 0 60px; font-size: 15px; font-weight: 400; background: #27B1CD; color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; text-transform: capitalize; } #services-news .item a:hover { background: #02283D; } #services-news .item a i { font-size: 9px; } #services-news .slider-nav .slick-list { height: 417px; background: #fff; border: 1px solid #6EBFDB; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; } #services-news .slider-nav .slick-track, #services-news .slider-nav .image { height: inherit; } #services-news .image img { width: 100%; height: 100%; object-fit: cover; } #contact-service { padding: 100px 0 300px; } #contact-service .title { color: #033446; margin-bottom: 40px; } .slick-dots { display: flex!important; align-items: center; justify-content: center; margin-top: 20px; height: 19px; } .slick-dots li { display: flex; background: #fff; border: 1px solid #6EBFDB; } .slick-dots button { padding: 0; font-size: 0; background: transparent; border: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Ending Electronic Services */ /* --- style-rtl.css --- */ /* Starting Global Style */ @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Black.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Bold.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-ExtraLight.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Light.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-ExtraBold.woff2') format('woff2'), url('../fonts/NotoKufiArabic/-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Regular.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Medium.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-SemiBold.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Thin.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Regular.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Kufi Arabic'; src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Regular.woff2') format('woff2'), url('../fonts/NotoKufiArabic/NotoKufiArabic-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } body, h1, h2, h3, h4, h5, h6, p { font-family: 'Noto Kufi Arabic'!important; } /* Ending Global Style */ /* Starting Header */ .right-list { float: right; } .left-list { float: left; } .right-list ul li:not(:last-of-type) { margin-left: 10px; } .right-list ul li a i { margin-left: 5px; } .left-list .s-form { margin-left: 18px; } .left-list .s-form .btn, .left-list .s-form .form-control { padding: 0 15px 0 10px; } .left-list .s-form .form-control { padding: 0 0 0 15px; } .left-list ul.other-links { margin-left: 17px; } .left-list ul.other-links li:first-of-type { padding-right: 0; } .left-list ul.other-links li::after { left: -1px } .left-list ul.other-links li a i { margin-left: 8px; } .left-list ul.languages li:not(:last-of-type) { margin-left: 6px; } #primary-menu .navbar-nav > .nav-item { margin-left: 1px; } #primary-menu .navbar-nav > .nav-item:last-of-type {margin-left: 0;} #primary-menu .navbar-nav > .nav-item:not(:last-of-type)::after { left: -2px; } #site-header .dropdown-item::after { left: 30px; } #site-header .dropdown-item::before { background: rgb(255,255,255); background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 ); } #site-header .dropdown-toggle::after { margin-right: 8px; } /* Ending Header */ /* Starting SlideShow */ #slideshow::before { background: url(../images/slidebg.webp) no-repeat right center; } #slideshow .over-details .sign-link i { margin-right: 18px; } #slideshow .scroll-down { right: -25px; } #slideshow .scroll-down p { padding-right: 37px; } #slideshow .scroll-down p::before { right: 5px; } #slideshow .slide-nav p:after { margin-right: 22px; } /* Ending SlideShow */ /* Starting News */ .news-item .n-date { text-align: right; } .news-item .n-date i { margin-left: 8px; padding-left: 8px; border-left: 1px solid #45ACD0; } /* Ending News */ /* Starting About Us */ .about-content .details .more { margin-left: auto; } .about-content .details .more i { margin-right: 10px; } .statistics .item i { margin-left: 25px; } /* Ending About Us */ /* Starting Events */ .e-item .e-date { background: #27B1CD url(../images/right-shape.webp) no-repeat right center; margin-left: 26px; } .e-item .e-time > ul > li:not(:last-of-type) { margin-left: 23px; } .e-item .e-time > ul > li > i { margin-left: 5px; } .e-item .e-time span { margin-left: 8px; } .e-item .social-list li:not(:last-of-type) { margin-left: 7px; } /* Starting Register Now */ .register-now .wrapper { padding: 0 64px 0 92px; } .register-now .img img { right: 12px; } .register-now .details a i { margin-right: 5px; } /* Ending Events */ /* Starting Footer */ footer .footer-top .heading + ul { padding-left: 42px; border-left: 1px solid #174D60; } footer .footer-top li a::after { left: 0; } footer .follow-links { padding-left: 32px; } .social-list li:not(:last-of-type) { margin-left: 18px; } footer .app-list li:not(:last-of-type) { margin-left: 12px; } footer #testimonials .item i { margin-left: 10px; } footer #testimonials .item .customer span { margin-right: 3px; } .footer-bottom .f-logo { margin-left: 32px; } .footer-bottom .links ul li:not(:last-of-type) { margin-left: 25px; } /* Ending Footer */ /* Starting Section Header */ .s-header .owl-nav .owl-next { margin-left: 0!important; } .s-header .owl-nav .owl-prev { margin-right: 0!important; } .s-header .view-all { float: left; left: 15px; } .s-header .view-all i { margin-right: 10px; } /* Ending Section Header */ /* Starting Breadcrumb */ .breadcrumb-nav .breadcrumb { background: url(../images/main.webp) no-repeat left center; } .breadcrumb-nav .breadcrumb li:first-of-type { padding-right: 0; } .breadcrumb-nav .breadcrumb li { padding-right: 0.7rem; } .breadcrumb-item+.breadcrumb-item::before { padding-left: 0.7rem; } /* Ending Breadcrumb */ /* Starting About Us Page */ .side-nav .heading { padding: 12px 20px 12px 0; } .side-nav .heading span { margin-left: 0; } .side-nav li a { padding: 15px 0 15px 10px; } /* Ending About Us Page */ /* Starting Content Style */ .content .card { padding-left: 50px; } .content .card .img { margin-left: 20px; } .social li:not(:last-of-type) { margin-left: 10px; } .content .card > a { margin-right: auto; } .content .card > a i { margin-right: 10px; } /* Ending Content Style */ /* Starting Main Content */ #main::before { background: url(../images/shape4.webp) no-repeat left top; } .s-header .owl-nav::before, #main-content .slide-nav::before { border-right: 1px solid #B7B7B7;} .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(4) { padding-left: 45px; } .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(5) { padding-right: 45px; } .col-aside .register-now .wrapper::before { background: url(../images/registerbg.webp) no-repeat bottom right; } /* Ending Main Content */ /* Starting Related Content */ .related-content .wrapper { padding: 0 64px 0 92px; } .related-content .wrapper li:not(:last-of-type) { margin-left: 18px; } .related-content .wrapper li i { margin-right: 10px; } /* Ending Related Content */ /*** Starting Faculty Page ***/ .faculty .header-top .right-list ul li:not(:last-of-type) { margin-left: 20px; } .faculty .left-list > a { margin-left: 30px; } /* Starting Main Content */ .main-top .follow-us label { margin-left: 10px; } .main-top .social-list li:not(:last-of-type) { margin-left: 10px; } .tech-support span { margin-left: 15px; } .tech-support span::after { margin-right: 12px; } .tech-support span i { margin-left: 15px; } #main-content .share { padding-left: 58px; } #main-content .share > i { margin-left: 10px; } #main-content .share span { margin-left: 15px; } #main-content .share li:not(:last-of-type) { margin-left: 10px; } /* Ending Main Content */ /*** Ending Faculty Page ***/ /* Starting Contact Us Page */ .contact-info .common-title { text-align: right; } .contact-form { background-position: right 270px; } .contact-form form { text-align: right; } .contact-form form button i { margin-right: 15px; } /* Ending Contact Us Page */ /* Starting Chapter Page */ .default-page .a-link { margin-left: 22px; } .default-page .a-link:nth-of-type(even) { margin-left: 0; margin-right: -6px;} .default-page .a-link i { margin-left: 30px; } .default-page .a-link > img { margin-right: auto; } .managers .common-title { text-align: right; } .default-page .contact-form { background-position: right 140px; } /* Ending Chapter Page */ /* Starting Faculty About us Page */ .f-about .f-logo { left: 88px; } .f-about .mission .item p , .f-about .mission .item .more { text-align: right; } .f-about .mission .item .more i { margin-right: 10px; } /* Ending Faculty About us Page */ /* Starting Table */ table tr td:first-of-type { -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; } table tr td:last-of-type { -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } /* Ending Table */ /* Starting Institutes Page */ .institutes .item .image { margin-left: 30px; } .institutes .item .title::after { margin-right: 5px; } /* Ending Institutes Page */ /* Starting Fields */ .fields ul li .field span::before { margin-left: 18px; } .fields ul li:not(:nth-of-type(3n)), .fields ul li:not(:last-of-type) { margin-left: 1%;} /* Ending Fields */ /* Starting Student Services */ .student-services .item .more i { margin-right: 8px; } /* Ending Student Services */ /* Starting Electronic Services */ #services-news .item a i { margin-right: 15px; } /* Ending Electronic Services */ /* --- responsive.css --- */ @media (min-width:2560px) { /* Starting Global Style */ #containerag{ max-width:2560px; margin:0 auto; position: relative; box-shadow: 0 0 250px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 0 250px rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 250px rgb(0 0 0 / 20%); -khtml-box-shadow: 0 0 250px rgb(0 0 0 / 20%); } .container-fluid { padding: 0 35px; } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1610px; } #colleges .container { max-width: 1620px; } #site-header .dropdown-menu { min-width: 440px; -webkit-border-radius: 0 0 40px 40px; -moz-border-radius: 0 0 40px 40px; -ms-border-radius: 0 0 40px 40px; -o-border-radius: 0 0 40px 40px; border-radius: 0 0 40px 40px; } } @media (max-width: 2559px) { /* Starting Global Style */ .owl-carousel .owl-dots { margin-top: 50px!important; } .s-header .view-all, .s-header .owl-nav,#main-content .slide-nav { margin-top: 0; height: 46px; line-height: 44px; padding: 0 25px; top: 0; } .s-header .owl-nav::before, #main-content .slide-nav::before { height: 24px; } .s-header .owl-nav [class*=owl-], #main-content .carousel-control-prev, #main-content .carousel-control-next { margin: 0 10px; } .s-header .owl-nav [class*=owl-] i, #main-content .carousel-control-prev i, #main-content .carousel-control-next i { font-size: 17px; } /* Ending Global Style */ /* Starting Grouping */ #fast-links, #ads, #colleges { padding: 55px 0; background-size: 125px; } #news .owl-nav.disabled+.owl-dots, #ads .owl-nav.disabled+.owl-dots { margin-top: 60px; } .link-item, .news-item .img, #ads .ad-item, .about-content .img, .college-item, .e-item, .register-now .wrapper, footer #testimonials, .related-content .wrapper, .contact-info .info-item, .contact-form, .contact-form textarea , .f-about .f-image, .f-about .mission .item, .f-about .important-links .a-link, .default-page .a-link { -webkit-border-radius: 25px!important; -moz-border-radius: 25px!important; -ms-border-radius: 25px!important; -o-border-radius: 25px!important; border-radius: 25px!important; } #site-header .dropdown-menu { -webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; -ms-border-radius: 0 0 25px 25px; -o-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px; } .side-nav, .content .card, .content img, .about-us .statistics:not(.statistics--portal), .content iframe, .managers .image img, .managers .details { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } #fast-links .owl-carousel, #news .owl-carousel, #ads .owl-carousel { padding: 0 30px; } /* Ending Grouping */ /* Starting Header */ #site-header .header-top { min-height: 70px; } #site-header .site-logo { top: -3px; } #site-header #logo { width: 200px; height: 70px; } .right-list ul li a , .faculty .left-list > a, a.watch-all { padding: 0 15px; height: 30px; line-height: 30px; font-size: 12px; } .s-form { height: 30px; max-width: 165px; } .s-form .form-control { font-size: 12px; } .s-form .btn i { font-size: 14px; } .left-list ul.other-links li { padding: 0 10px; } .left-list ul.other-links li a { font-size: 12px; } .left-list ul.other-links li a i { font-size: 15px; } .left-list ul.other-links li::after { top: 3px; } .left-list ul.languages li a { width: 18px; height: 18px; } #site-header .navbar-nav { min-height: 55px; } #site-header .navbar-nav > .nav-item { padding: 0 25px; } #site-header .navbar-nav > .nav-item > .nav-link { font-size: 15px; } #site-header .dropdown-menu { min-width: 440px; } #site-header .dropdown-item::after { top: 15px; } .main-center { max-height: 40px; } /* Ending Header */ /* Starting Common Title */ .common-title { font-size: 36px; margin-bottom: 40px; } /* Ending Common Title */ /* Starting Fast Links */ .link-item { padding: 45px 15px 20px; min-height: 260px } .link-item .link-title {font-size: 16px;height: 44px;} #fast-links .owl-carousel .owl-dots { margin-top: 30px!important; } /* Ending Fast Links */ /* Starting Last News */ #news { padding: 60px 0; } .news-item .img { margin-bottom: 5px; } #news .common-title { margin-bottom: 35px; } #news .news-item .n-title { font-size: 14px; } /* Ending Last News */ /* Starting About Us */ .about-content { padding: 55px 0 90px; } .about-content .heading { font-size: 36px; } .about-content .about-content { margin-bottom: 80px; } .about-content .details .title { font-size: 28px; margin-bottom: 20px; } .about-content .details p { font-size: 20px; } .about-content .details .more { font-size: 16px; height: 50px; line-height: 50px; padding: 0 36px; } .about-content .details .more i { font-size: 11px; } .statistics .heading { margin-bottom: 60px; } .statistics .heading::before { margin-bottom: 34px; } .statistics .item i { font-size: 60px; } .statistics .item .s-num { font-size: 42px; } .statistics .item .s-title { font-size: 13px; } /* Ending About Us */ /* Starting Colleges */ .college-item { padding: 40px 15px; margin: 5px 0 30px; } .college-item:hover { -webkit-box-shadow: 0 17px 11px 0px rgb(0 0 0 / 20%); -moz-box-shadow: 0 17px 11px 0px rgb(0 0 0 / 20%); -ms-box-shadow: 0 17px 11px 0px rgb(0 0 0 / 20%); -o-box-shadow: 0 17px 11px 0px rgb(0 0 0 / 20%); box-shadow: 0 17px 11px 0px rgb(0 0 0 / 20%); } .college-item p { font-size: 15px; } .college-item .img { max-height: 100px; } #colleges .owl-nav.disabled+.owl-dots { margin-top: 30px; } /* Ending Colleges */ /* Starting Events */ #events { padding: 60px 0 158px; } #events .common-title { margin-bottom: 32px; } .e-item { padding: 15px; } .e-item:not(:last-of-type) { margin-bottom: 20px; } .e-item .e-date { -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; padding: 20px 15px 10px; } .e-item .e-date p { font-size: 18px; } .e-item .e-date strong { font-size: 35px; } .e-item .e-date span { font-size: 16px; } .e-item .e-details .e-title { font-size: 20px; } .e-item .e-details p { font-size: 13px; margin-bottom: 15px; } .e-item .e-time ul li, .e-item .e-time span { font-size: 13px; } /* Ending Events */ /* Starting Register Now */ .register-now { top: 90px; margin-top: -202px; } .register-now .img { -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; height: 200px; } .register-now .img img { max-width: 86%; right: 0; left: 0; top: 0; } .register-now .details p { font-size: 22px; } .register-now .details a { padding: 0 40px; font-size: 18px; height: 54px; line-height: 52px; } /* Ending Register Now */ /* Starting Footer */ footer { padding-top: 200px; } footer .heading,footer .heading2 { font-size: 22px; margin-bottom: 40px; } footer .footer-top .heading + ul { width: 100%; padding-bottom: 40px; } footer .footer-top li:not(:last-of-type) { margin-bottom: 18px; } footer .footer-top li a { font-size: 15px; } footer .social-list li a { width: 32px; height: 32px; line-height: 32px; } footer .app-list li a { height: 32px; } footer .app-list li a img { height: inherit; max-width: 100%; } footer #testimonials .owl-theme { padding: 28px 70px; } footer #testimonials .item > span { font-size: 22px; } footer #testimonials .item i { font-size: 36px; } footer #testimonials .item p { font-size: 11px; line-height: 1.8; } .footer-bottom .f-logo { max-width: 129px; } .footer-bottom .links ul { margin-top: 18px } footer .copy-rights { margin-top: 10px } .footer-bottom .links ul li a, footer .copy-rights { font-size: 13px; } /* Ending Footer */ /* Starting SlideShow */ #slideshow { height: calc(100vh - 125px); max-height: 920px; min-height: 620px; } #slideshow .over-details .details { padding-top: 0; } #slideshow .over-details h2 { font-size: 52px; margin-bottom: 30px; } #slideshow .over-details .sign-link { padding: 0 54px; height: 60px; line-height: 60px; font-size: 20px; } #slideshow .over-details .sign-link i { font-size: 14px; } .video_play i:before { width: 85px; height: 85px; line-height: 85px; font-size: 20px; } .video_play:before, .video_play span:before { width: 110px; height: 110px; } .video_play:after, .video_play span:after { width: 145px; height: 145px; } #slideshow .slide-nav p:after { border-width: 1px; } #slideshow .scroll-down { bottom: 150px; } /* Ending SlideShow */ /* Starting About Us Page */ #main { background-size: 170px; background-position: 50% -50px; } #main::before { background-size: 300px; } .content h1, .content h2 { font-size: 32px; margin-bottom: 20px; } .content h3 { font-size: 24px; margin-bottom: 15px; } .content p { font-size: 15px; } .content img { margin: 30px 0; } .content .card { margin-top: 20px; margin-bottom: 30px; } .content .card .img { -ms-flex: 0 0 185px; flex: 0 0 160px; max-width: 160px; } .content .card h4 { font-size: 14px; margin-bottom: 10px; } .content .card p { font-size: 15px; margin-bottom: 10px; } .content .card > a { padding: 0 25px; font-size: 14px; height: 50px; line-height: 50px; } .content .card > a i { font-size: 9px; margin-top: 1px; } .content .card .social h5 { font-size: 20px; margin-bottom: 15px; } .social li a { width: 30px; height: 30px; line-height: 30px; } .content .content-head .social { margin-bottom: 14px; margin-top: 20px; } .about-us .statistics:not(.statistics--portal) { padding: 80px 30px; margin: 30px 0; } .about-us .statistics:not(.statistics--portal) h2 { font-size: 28px; margin-bottom: 50px; } .about-us .statistics:not(.statistics--portal) .item .s-num { font-size: 32px; } .about-us .statistics:not(.statistics--portal) .row > div { margin-bottom: 50px; } .about-us .map { height: 400px; margin-top: 30px; } .content iframe { height: inherit; } .related-content .wrapper { min-height: 202px; padding: 0 20px; } .related-content .wrapper .title { margin-bottom: 25px; } .related-content .wrapper li a { height: 50px; min-width: 200px; } /* Ending About Us Page */ /*** Starting Faculty Page ***/ /* Starting Main Content */ #main-content { padding-bottom: 30px; } .main-top .fac-logo h3 { font-size: 22px; } .tech-support { font-size: 18px; } #main-content .img { margin-bottom: 30px; } #main-content .img, #fac-departments .item { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px } #main-content .share { font-size: 18px; } #main-content .share > i { font-size: 25px; } #main-content .share li a { width: 30px; height: 30px; line-height: 28px; } #main-content .share li a i { font-size: 15px; } .s-header .owl-nav, #main-content .slide-nav { max-width: 115px; } /* Ending Main Content */ /* Starting Faculty Ads */ #fac-ads { padding: 60px 0; background-size: 125px; } #fac-ads .ad-item .title { font-size: 28px; margin-bottom: 20px; } #fac-ads .ad-item p { font-size: 18px; } /* Ending Faculty Ads */ /* Starting Faculty Departments */ #fac-departments { padding: 60px 0; background-size: 125px; } #fac-departments .owl-carousel { margin-top: 40px; } #fac-departments .item { padding: 30px 15px; min-height: 240px; } #fac-departments .item i { font-size: 75px; margin-bottom: 20px; } #fac-departments .item .title { font-size: 18px; height: 54px; } /* Ending Faculty Departments */ /* Starting Faculty Events */ .faculty #events { padding: 60px 0; } /* Ending Faculty Events */ /* Starting Faculty Statistics */ .fac-statistics { padding: 60px 0; } .fac-statistics .common-title + p { font-size: 18px; } /* Ending Faculty Statistics */ /* Starting Register Now */ .faculty .register-now .img img { max-width: 88%; } /* Ending Register Now */ /*** Ending Faculty Page ***/ /* Starting Contact Us Page */ .contact_us { padding-bottom: 180px; } .contact-info { padding: 30px 0 50px; } .contact-info .common-title { margin-bottom: 30px; } .contact-info .info-item { min-height: 250px; } .contact-info .info-item .title { font-size: 18px; } .contact-info .info-item a { margin-top: 20px; } .contact-form {padding: 50px 140px;background-size: 150px;} .contact-form .common-title { font-size: 32px; } .contact-form p { font-size: 14px; width: 100%; } .contact-form label { font-size: 14px; } .contact-form .form-group { margin-bottom: 20px; } .contact-form .form-control { min-height: 50px; } .contact-form form button {height: 60px;line-height: 60px;font-size: 20px;padding: 0 50px;} /* Ending Contact Us Page */ /* Starting Baskan Page */ .content .content-head .social { margin-top: 0; } .content .content-head { margin-bottom: 30px; } .managers { padding-top: 0; } .baskan .managers .common-title { font-size: 28px; margin-bottom: 25px; } .baskan .managers .item { padding-top: 120px; } .baskan .managers .details { min-height: 225px; } .baskan .managers .details strong { font-size: 16px; margin-bottom: 12px; } .managers .social li a { width: 25px; height: 25px; line-height: 23px; font-size: 12px; } .managers .owl-carousel .owl-dots { margin-top: 10px!important; } /* Ending Baskan Page */ /* Starting Default Page */ .default-page { padding-bottom: 180px; } .default-page .contact-form { margin-top: 30px; background-size: 150px; } /* Ending Default Page */ /* Starting Faculty About Us Page */ .f-about .f-image { margin-bottom: 30px; } .f-about .f-logo { width: 140px; } .f-about .mission { padding-top: 70px; padding-bottom: 40px; } .f-about .mission .item { padding: 0 15px 25px; } .f-about .mission .item > i { width: 130px; height: 130px; line-height: 130px; font-size: 64px; margin-top: -65px; margin-bottom: 15px; } .f-about .mission .item .title { font-size: 22px; font-weight: 600; } .f-about .mission .item p { font-size: 16px; margin-bottom: 10px; } .f-about .mission .item .more { font-size: 18px; padding: 0 36px; } .f-about .mission .item .more i { font-size: 12px; } .f-about .important-links .a-link { min-height: 120px; padding: 0 20px; margin-top: 12px; margin-bottom: 12px; } .default-page .a-link i { font-size: 52px; } .f-about .important-links .a-link { font-size: 16px; } .default-page .a-link > img { width: 25px; height: 25px; } /* Ending Faculty About Us Page */ /* Starting Chapter Page */ .breadcrumb2 .title {font-size: 40px;} .breadcrumb2 .title span {font-size: 20px;} .default-page .a-link { padding: 0 30px; min-height: 120px; margin-top: 0; } .default-page .a-link { font-size: 20px; font-weight: 600; } .managers .item { padding-top: 100px; } .managers .common-title { font-size: 32px; margin-bottom: 25px; } .managers .details { min-height: 285px; } .managers .details strong { font-size: 18px; margin-bottom: 5px; } .managers .details .name { font-size: 16px; font-weight: 600; margin-bottom: 15px; } /* Ending Chapter Page */ /* Starting Regulations Page */ #main.regulations { padding: 40px 0 60px; } .regulations .common-title { font-size: 32px; margin-bottom: 25px; } .regulations .row { margin: 0 -15px; } .regulations .row > div { padding: 0 15px; } .regulations .item { height: 270px; padding: 40px 15px; margin-bottom: 30px; } .regulations .item::after { font-size: 34px; bottom: 30px; } .regulations .item .img {width: 65px;margin-bottom: 15px;} .regulations .item .title { font-size: 18px; } /* Ending Regulations Page */ /* Starting Institutes Page */ #main#main.institutes { padding: 40px 0 60px; } .institutes .common-title { font-size: 32px; margin-bottom: 25px; } .institutes .item { min-height: 125px; padding: 10px 30px; } .institutes .item .image { -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; } .institutes .item .title { font-size: 18px; -ms-flex: 0 0 calc(100% - 85px); flex: 0 0 calc(100% - 85px); max-width: calc(100% - 85px); } .institutes .item .title::after { font-size: 12px; } /* Ending Institutes Page */ /* Starting Chapter Page */ .dep-goals { padding: 0; } .dep-goals .title { font-size: 24px; margin-bottom: 15px; } .dep-goals .item { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 25px 8px; min-height: 280px; } .dep-goals .item .icon { width: 90px; height: 90px; border-width: 28px; margin-bottom: 15px; } .dep-goals .item .icon img {width: 40px;} .dep-goals .item p { font-size: 15px; } /* Ending Chapter Page */ /* Starting Fields */ .fields { margin-top: 0; padding-top: 0; } .fields ul { margin-top: 30px; } .fields .field { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; font-size: 14px; min-height: 80px; } .fields ul li .field span::before { font-size: 9px; } /* Ending Fields */ /* Starting Student Services */ .student-services { padding-top: 30px; } .student-services > p { font-size: 21px; margin-bottom: 30px; } .student-services .item { min-height: 290px; } .student-services .item .icon { width: 100px; height: 100px; } .student-services .item .icon img { max-width: 55%; } .student-services .item .title { font-size: 16px; } /* Ending Student Services */ /* Starting Electronic Services */ #e-services {padding: 80px 0 70px;background-size: 120px;} #e-services .title, #services-news .title, #contact-service .title { font-size: 30px; } #e-services .title { margin-bottom: 15px; } #e-services .title + p { margin-bottom: 50px; } #services-news .item p { font-size: 20px; } #services-news .item a { height: 50px; padding: 0 40px; } #services-news .slider-nav .slick-list { height: 350px; } #contact-service { padding: 80px 0 200px; } /* Ending Electronic Services */ } @media (max-width:1366px) { /* Starting SlideShow */ #slideshow { height: calc(100vh - 125px); max-height: calc(100vh - 125px); min-height: 532px; } #slideshow .scroll-down { bottom: 180px; } #slideshow .slide-nav { bottom: 30px; } /* Ending SlideShow */ /* Starting Chapter Page */ .breadcrumb2 .title { font-size: 36px; } .breadcrumb2 .title span { font-size: 18px; } /* Ending Chapter Page */ /* Starting BreadCrumb #2 */ .breadcrumb2 { min-height: 360px; } .breadcrumb2::after { width: 260px; } /* Ending BreadCrumb #2 */ } @media (max-width:1365px) { /* Starting Header */ .right-list ul li a { font-size: 11px; padding: 0 12px; } .s-form { max-width: 150px } .left-list ul.other-links li a { font-size: 11px; } #site-header .navbar-nav > .nav-item { padding: 0 20px; } #site-header .navbar-nav > .nav-item > .nav-link { font-size: 14px; } /* Ending Header */ /* Starting SlideShow */ #slideshow { height: calc(100vh - 125px); max-height: 462px; min-height: 462px; } #slideshow .over-details p { font-size: 21px; margin-bottom: 15px; } #slideshow .over-details h2 { font-size: 42px; } #slideshow .over-details .sign-link { padding: 0 40px; height: 50px; line-height: 50px; font-size: 18px; } #slideshow .over-details .sign-link i { font-size: 10px; } #slideshow .slide-nav .carousel-control-next i, #slideshow .slide-nav .carousel-control-prev i { font-size: 21px; } /* Ending SlideShow */ } @media (max-width:1199px) { /* Starting Global Style */ .container, .container-lg, .container-md, .container-sm { max-width: 900px; } .owl-carousel .owl-dots { margin-top: 40px!important; } /* Ending Global Style */ /* Starting Grouping */ #fast-links .owl-carousel, #news .owl-carousel, #ads .owl-carousel { padding: 0 } .link-item, .news-item .img, #ads .ad-item, .about-content .img, .college-item, .e-item, .register-now .wrapper, footer #testimonials, .related-content .wrapper, .contact-info .info-item, .contact-form, .contact-form textarea, .f-about .f-image, .f-about .mission .item, .f-about .important-links .a-link, .default-page .a-link { -webkit-border-radius: 20px!important; -moz-border-radius: 20px!important; -ms-border-radius: 20px!important; -o-border-radius: 20px!important; border-radius: 20px!important; } #site-header .dropdown-menu { -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; -o-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; } /* Ending Grouping */ /* Starting Common Title */ .common-title { font-size: 34px; } /* Ending Common Title */ /* Starting Section Header */ .s-header .view-all, .s-header .owl-nav, #main-content .slide-nav { height: 40px; line-height: 38px; padding: 0 15px; font-size: 14px; } .s-header .owl-nav, #main-content .slide-nav { max-width: 92px} .s-header .owl-nav [class*=owl-] i, #main-content .carousel-control-prev i, #main-content .carousel-control-next i { font-size: 14px; } .s-header .view-all i { font-size: 10px; } /* Ending Section Header */ /* Starting Header */ #site-header .header-top { min-height: 60px; } .right-list ul li a { font-size: 10px; padding: 0 10px; height: 28px; line-height: 28px; } .right-list ul li a i { font-size: 14px; } #site-header #logo { width: 172px; height: 65px; } .s-form { max-width: 122px; height: 28px; } .s-form .form-control { font-size: 11px; } .s-form .btn { padding: 0 10px 0 5px } .s-form .btn i { font-size: 12px; } .left-list ul.other-links li { padding: 0 7px; } .left-list ul.other-links li::after { height: 12px; } .left-list ul.other-links li a { font-size: 10px; } .left-list ul.other-links li a i { font-size: 14px; } .left-list ul.languages li a { width: 16px; height: 16px; } #site-header .navbar-nav { min-height: 45px; } #site-header .navbar-nav > .nav-item { padding: 0 15px; } #site-header .navbar-nav > .nav-item > .nav-link { font-size: 13px; } .main-center { max-height: 30px; } /* Ending Header */ /* Starting SlideShow */ #slideshow .over-details p { font-size: 18px; margin-bottom: 10px; } #slideshow .over-details h2 { font-size: 36px; margin-bottom: 20px; } #slideshow .over-details .sign-link { padding: 0 30px; height: 45px; line-height: 45px; font-size: 15px; } #slideshow .over-details .sign-link i { font-size: 9px; } #slideshow .slide-nav p { font-size: 15px; } #slideshow .slide-nav .carousel-control-next i, #slideshow .slide-nav .carousel-control-prev i { font-size: 18px; } /* Ending SlideShow */ /* Starting Fast Links */ .link-item {min-height: 200px;padding: 36px 15px 20px;} .link-item > span {max-height: 75px;} .link-item .link-title {font-size: 14px;height: 38px;} .link-item > img { width: 25px!important; } /* Ending Fast Links */ /* Starting News */ #news .news-item .n-title { font-size: 12px; margin-bottom: 5px; } .news-item .n-date { font-size: 12px; } /* Ending News */ /* Starting About Us */ .about-content .heading { font-size: 34px; } .about-content .about-content { margin-bottom: 60px; padding-top: 0; } .about-content .details .title { font-size: 22px; margin-bottom: 10px; } .about-content .details p { font-size: 17px; margin-bottom: 20px; } .about-content .details .more { height: 45px; line-height: 43px; } .statistics .row { margin: 0 -5px; } .statistics .row > div { padding: 0 5px; } .statistics .item i { font-size: 52px; } .statistics .item .s-num { font-size: 32px; } .statistics .item .s-title { font-size: 11px; } /* Ending About Us */ /* Starting Collages */ .college-item p { font-size: 14px } #colleges .owl-carousel .owl-dots { margin-top: 10px!important; } /* Ending Collages */ /* Starting Events */ #events { padding: 60px 0 160px; } .e-item .e-date { -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; } .e-item .e-date p { font-size: 18px; } .e-item .e-date strong { font-size: 30px; margin: 5px 0 0; } .e-item .e-date span { font-size: 16px; } .e-item .e-date span > i { font-size: 18px; } .e-item .e-details { -ms-flex: 0 0 calc(100% - 130px); flex: 0 0 calc(100% - 130px); max-width: calc(100% - 130px) } .e-item .e-details .e-title a { font-size: 18px; } .e-item .e-details p { font-size: 12px; } .e-item .e-time ul li, .e-item .e-time span { font-size: 11px; } .e-item .e-time > ul > li > i { font-size: 11px; margin-top: 0; } .e-item .social-list li a { width: 18px; height: 18px; line-height: 17px; } /* Ending Events */ /* Starting Register Now */ .register-now { top: 75px; margin-top: -182px; } .register-now .img { -ms-flex: 0 0 380px; flex: 0 0 380px; max-width: 380px; height: 180px; } .register-now .img img { max-width: 70%; } .register-now .details .title { font-size: 16px; } .register-now .details p {font-size: 21px;} .register-now .details a { padding: 0 15px; height: 46px; line-height: 44px; font-size: 15px; } .register-now .details a i { font-size: 9px; } /* Ending Register Now */ /* Starting Footer */ footer { padding-top: 180px; } footer .heading, footer .heading2 { font-size: 18px; margin-bottom: 30px; } footer .footer-top .heading + ul { padding-bottom: 0; } footer .footer-top li a { font-size: 12px; } footer .footer-top li a::after { font-size: 8px; top: 5px; } footer .follow-links { margin-bottom: 20px; } footer .social-list li a { width: 28px; height: 28px; line-height: 28px; font-size: 12px; } footer #testimonials .owl-theme { padding: 20px 30px; } footer #testimonials .item i { font-size: 30px; } footer #testimonials .item > span { font-size: 18px; } footer #testimonials .item .customer { font-size: 12px; } footer #testimonials .owl-theme .owl-nav { padding: 0 10px; } footer #testimonials .owl-theme .owl-nav [class*=owl-] i { font-size: 16px; } .footer-bottom .row { margin: 0 -5px; } .footer-bottom .row > div { padding: 0 5px; } .footer-bottom .f-logo { display: none; } .footer-bottom .links ul { margin-top: 0; } .footer-bottom .links ul li a, footer .copy-rights { font-size: 11px; } footer .copy-rights { margin: 0; } /* Ending Footer */ /* Starting About Us Page */ #main .col-aside { -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; padding: 0 15px; } #main .col-content { -ms-flex: 0 0 calc(100% - 270px); flex: 0 0 calc(100% - 270px); max-width: calc(100% - 270px); padding: 0 15px; } .side-nav { padding: 25px 15px 50px; } .side-nav .heading { padding: 10px 15px 12px 0; font-size: 13px; margin: 0; } .side-nav .heading span { width: 30px } .side-nav li { padding: 0 15px; } .side-nav li a { font-size: 12px; } .col-aside .register-now .details .title { font-size: 15px; } .col-aside .register-now .details p { font-size: 21px; } .content { padding-top: 20px; } .content h1, .content h2 { margin-bottom: 20px; font-size: 25px; } .content h3 { font-size: 22px; margin-bottom: 10px; } .content p { font-size: 14px; } .content .card .img { -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; } .content .card img { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .content .card h4 { font-size: 14px; margin-bottom: 10px; } .content .card p { font-size: 12px; width: 100%; } .content .card > a { height: 45px; min-width: 170px; font-size: 13px; padding: 0 15px; } .content .card > a i { font-size: 8px; } .content .social li a { width: 25px; height: 25px; line-height: 22px; } .content .social li a i { font-size: 12px; } .about-us .map { height: 300px; } .related-content .wrapper {min-height: 182px;padding: 30px 10px;} .related-content .wrapper .title { font-size: 30px; } .related-content .wrapper li a { height: 45px; min-width: 150px; font-size: 12px; padding: 0 12px; } .related-content .wrapper li i { font-size: 8px; margin-top: 3px; } .about-us .statistics:not(.statistics--portal) { padding: 50px 30px; } .about-us .statistics:not(.statistics--portal) h2 { font-size: 25px; } .about-us .statistics:not(.statistics--portal) .item .s-num { font-size: 28px; } /* Ending About Us Page */ /*** Starting Faculty Page ***/ /* Starting Main Content */ .main-top { padding: 60px 0 20px; } .main-top .follow-us label { font-size: 18px; margin-top: -3px; } .main-top .fac-logo > div { width: 150px; } .main-top .fac-logo h3 { font-size: 18px; } .tech-support { font-size: 15px; } .tech-support span i { font-size: 22px; } #main-content .img, #fac-departments .item { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } /* Ending Main Content */ /* Starting Faculty Events */ .faculty #events { padding: 60px 0; } /* Ending Faculty Events */ /* Starting Faculty Departments */ #fac-departments .item { min-height: 204px; } #fac-departments .item i { font-size: 65px; } #fac-departments .item .title { font-size: 15px; height: 45px; } /* Ending Faculty Departments */ /* Starting Faculty Statistics */ .fac-statistics { padding-bottom: 60px; } .fac-statistics .common-title + p { font-size: 15px; margin-bottom: 40px; } /* Ending Faculty Statistics */ /* Starting Register Now */ .faculty .register-now { margin-top: -75px; } .faculty .register-now .details p { font-size: 20px; } /* Ending Register Now */ /*** Ending Faculty Page ***/ /* Starting Contact Us Page */ .contact-info { padding: 20px 0 50px; } .contact-info .row { margin: 0 -10px; } .contact-info .row > div { padding: 0 5px; } .contact-info .common-title { margin-bottom: 20px; } .contact-info .info-item { min-height: 220px; } .contact-info .info-item .title { font-size: 14px; } .contact-info .info-item span { font-size: 14px; } .contact-info .info-item a { margin-top: 15px; min-width: 115px; height: 40px; line-height: 38px; } .contact-form {padding: 50px 100px;background-size: 120px;} .contact-form .common-title { font-size: 30px; margin-bottom: 15px; } .contact-form p {font-size: 13px;margin-bottom: 20px;width: 80%;} .contact-form .form-group {margin-bottom: 15px;width: calc(50% - 8px);} .contact-form .form-control { font-size: 14px; min-height: 40px; } .contact-form form button { height: 50px; line-height: 45px; font-size: 18px; } .contact-form form button i { font-size: 10px } /* Ending Contact Us Page */ /* Starting Baskan Page */ .content .content-head h1, .content .content-head h3 { font-size: 18px; } .content .content-head p { font-size: 12px; } .baskan .managers .common-title { font-size: 22px; } .baskan .managers .item { padding-top: 75px; } .managers .image { max-width: 260px; } .baskan .managers .details { padding: 15px 15px 20px; min-height: 180px; } .baskan .managers .details strong { font-size: 14px; } /* Ending Baskan Page */ /* Starting Faculty About Us Page */ .f-about { padding-bottom: 150px; } .f-about .f-logo { width: 100px; height: 100px; } .f-about .f-logo > span { width: 50px; } .f-about .f-logo label { display: none; } .f-about .mission .item p { font-size: 14px; } .f-about .mission .row > div:last-of-type { margin-top: 100px; } .f-about .important-links .a-link { min-height: 110px; } .f-about .important-links .a-link { font-size: 13px; } .default-page .a-link > img { width: 20px; height: 20px; } /* Ending Faculty About Us Page */ /* Starting Chapter Page */ .default-page .a-link { font-size: 16px; min-height: 100px; } .default-page .a-link i { font-size: 46px; } .managers .common-title { font-size: 26px; } .managers .item { padding-top: 75px; } .managers .details { min-height: 210px; padding-bottom: 20px; } .managers .details strong { font-size: 16px; margin-bottom: 5px; } .managers .details .name { font-size: 14px; margin-bottom: 10px; } /* Ending Chapter Page */ /* Starting Regulations Page */ #main.regulations { padding: 40px 0; } .regulations .common-title { font-size: 26px; } .regulations .row { margin: 0 -10px; } .regulations .row > div { padding: 0 10px; } .regulations .item { height: 240px; padding: 40px 15px; margin-bottom: 20px; } .regulations .item::after { font-size: 32px; bottom: 25px; } .regulations .item .img {width: 55px;} .regulations .item .title { font-size: 15px; } /* Ending Regulations Page */ /* Starting Institutes Page */ #main#main.institutes { padding: 40px 0; } .institutes .common-title { font-size: 26px; } .institutes .item { min-height: 110px; padding: 10px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } .institutes .item .title { font-size: 16px; line-height: 1.4; } .institutes .item .title::after { font-size: 12px; } /* Ending Institutes Page */ /* Starting Fields */ .fields { padding-top: 0; } .fields li { -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 15px; } /* Ending Fields */ /* Starting Dersler Page */ table thead th { font-size: 12px; } table th, table td { padding: 15px; } /* Ending Dersler Page */ /* Starting Chapter Page */ .breadcrumb2 { min-height: 280px; } .breadcrumb2::after {width: 190px;} .breadcrumb2 .title { font-size: 34px; } .breadcrumb2 .title span {font-size: 16px;} /* Ending Chapter Page */ /* Starting Student Services */ .student-services > p { font-size: 17px; } .student-services .row { margin: 0 -10px; } .student-services .row > div { padding: 0 10px; margin-bottom: 20px; } .student-services .item {min-height: 225px;padding-top: 30px;padding-bottom: 30px;} .student-services .item .icon {width: 80px;height: 80px;margin-bottom: 15px;} .student-services .item .title { font-size: 14px; margin-bottom: 15px; } .student-services .item .more { padding: 0 20px; height: 40px; font-size: 11px; } .student-services .item, .student-services .item .more { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } /* Ending Student Services */ /* Starting Electronic Services */ #e-services {padding: 60px 0 50px;} #e-services .title, #services-news .title, #contact-service .title { font-size: 27px; } #e-services .title {margin-bottom: 10px;} #e-services .title + p {font-size: 20px;margin-bottom: 40px;} #services-news .item p { font-size: 17px; } #services-news .item a { height: 45px; } #services-news .slider-nav .slick-list { height: 300px; } #contact-service { padding: 70px 0 180px; } /* Ending Electronic Services */ } @media (max-width: 991px) { /* Starting Grouping */ #fast-links, #ads, #colleges { padding: 45px 0; } /* Ending Grouping */ /* Starting Common Title */ .common-title { font-size: 28px; margin-bottom: 25px; } /* Ending Common Title */ /* Starting Section Header */ .s-header .view-all, .s-header .owl-nav, #main-content .slide-nav { height: 36px; line-height: 34px; padding: 0 15px; font-size: 14px; } .s-header .owl-nav { top: 5px } .s-header .owl-nav::before, #main-content .slide-nav::before { height: 18px; } .s-header .owl-nav [class*=owl-] i, #main-content .carousel-control-prev i, #main-content .carousel-control-next i { font-size: 11px; } .s-header .view-all { margin-top: 5px; font-size: 12px; } .s-header .view-all i { font-size: 10px; } /* Ending Section Header */ /* Starting Header */ #site-header .header-top .container-fluid, #site-header .header-top .container { display: flex; } #site-header .site-logo { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #site-header .site-logo img { margin-top: -6px; } #site-header .navbar-toggler { font-size: 22px; color: #82d2ec; padding: 0; margin-top: 2px; } #site-header #primary-menu { border: 0; } #site-header .navbar-collapse { display: block; height: 100%; width: 250px; height: 100vh; position: fixed; top: 0; bottom: 0; overflow-x: hidden; z-index: 9999; padding: 45px 15px; background: #27B1CD; } #site-header .navbar-nav { min-height: initial; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #98bbc6; } #site-header .navbar-nav > .nav-item.active, #site-header .navbar-nav > .nav-item:hover { background: transparent } #site-header .navbar-nav > .nav-item:not(:last-of-type) {margin: 0 0 1px;} #site-header .navbar-nav > .nav-item, #site-header .navbar-collapse > ul > li, .all-faculties {padding: 8px 0;width: 100%;min-height: initial;} #site-header .navbar-nav > .nav-item:not(:last-of-type)::after { display: none } #site-header .navbar-nav > .nav-item > .nav-link, #site-header .navbar-collapse > ul > li > a, .all-faculties { min-height: initial; display: flex; align-items: center; font-size: 13px; color: #fff; } #site-header .navbar-nav > .nav-item:hover > .nav-link, #site-header .navbar-collapse > ul > li:hover > a { color: #fff; } #site-header .navbar-nav > .nav-item.active > .nav-link, #site-header .navbar-nav > .nav-item > .nav-link:hover, #site-header .navbar-collapse > ul > li:hover > a:hover { color: #b8eafb; } #site-header .close-menu { padding: 10px 12px; margin-bottom: 10px; font-size: 30px; position: absolute; top: 0; margin: 0; color:#fff } .s-form { max-width: 100%; height: 34px; margin-bottom: 10px; border-color: #b8eafb; } .s-form .btn i { color: #b8eafb; } .s-form .form-control::placeholder { color: #b8eafb; } .s-form .form-control:-ms-input-placeholder { color: #b8eafb; } .s-form .form-control::-ms-input-placeholder { color: #b8eafb; } #site-header .dropdown-menu { position: static!important; -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; transform: none!important; min-width: 100%; background: transparent; border: 0; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -ms-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; padding-bottom: 0; } #site-header .dropdown-item { padding: 5px 10px; font-size: 13px; background: transparent; color: #fff; border: 0; white-space: break-spaces; } #site-header .dropdown-item { padding-bottom: 0; } #site-header .dropdown-item:not(:last-of-type) { margin-bottom: 1px; } #site-header .dropdown-item:hover { background: transparent; color: #b8eafb; } #site-header .dropdown-item::before, #site-header .dropdown-item::after { display: none; } #site-header .dropdown-toggle::after { font-size: 7px; top: 0; } #site-header .navbar-nav > .nav-item:hover .dropdown-toggle::after { color: #b8eafb; } /* Ending Header */ /* Starting SlideShow */ #slideshow { height: calc(100vh - 125px); max-height: 355px; min-height: 355px; } #slideshow .over-details p { font-size: 18px; margin-bottom: 10px; } #slideshow .over-details h2 { font-size: 30px; line-height: 1.4; } #slideshow .over-details .sign-link { padding: 0 20px; height: 40px; line-height: 40px; font-size: 14px; } #slideshow .slide-nav { bottom: 65px; } #slideshow .slide-nav p { font-size: 12px; } #slideshow .slide-nav .carousel-control-next i, #slideshow .slide-nav .carousel-control-prev i { font-size: 16px; } #slideshow .scroll-down {bottom: 28px;left: 0!important;right: 0!important;} #slideshow .scroll-down p { display: none; } #slideshow .scroll-next { top: 0; width: 20px; height: 30px; } .video_play:after, .video_play span:after { width: 130px; height: 130px; } .video_play:before, .video_play span:before { width: 102px; height: 102px; } .video_play i:before { width: 75px; height: 75px; line-height: 75px; } /* Ending SlideShow */ /* Starting Fast Links */ .link-item { padding: 36px 15px 20px; } .link-item span { max-height: 50px; } .link-item .link-title { font-size: 14px; margin-top: 15px; } .link-item > img { width: 20px; margin-top: 10px; } #fast-links .owl-carousel .owl-dots { margin-top: 20px!important; } /* Ending Fast Links */ /* Starting News */ #news { padding: 45px 0; } #news .news-item .n-title { font-size: 11px; margin-bottom: 5px; } .news-item .n-date { font-size: 11px; } /* Ending News */ /* Starting About Us */ .about-content { padding: 50px 0 70px 0; } .about-content .heading { font-size: 28px; } .about-content .about-content {margin-bottom: 0;} .about-content .details .title { font-size: 20px; } .about-content .details p { font-size: 14px; } .about-content .details .more { height: 36px; line-height: 34px; font-size: 13px; padding: 0 20px; } .about-content .details .more i { font-size: 9px } .statistics .heading { margin-bottom: 40px; } .statistics .row { margin: 0 -5px; } .statistics .row > div { padding: 0 5px; } .statistics .item i { font-size: 38px; } .statistics .item .s-num { font-size: 26px; font-weight: 600; } .statistics .item .s-title { font-size: 10px; } /* Ending About Us */ /* Starting Collages */ .college-item { padding: 30px 10px; } .college-item .img { max-height: 80px; } .college-item p { font-size: 12px } /* Ending Collages */ /* Starting Events */ #events {padding: 50px 0 150px;} #events .owl-carousel .owl-stage-outer { padding-top: 40px} .e-item:not(:last-of-type) { margin-bottom: 40px} .e-item .e-date { -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; position: absolute; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 0; top: -25px; } .e-item .e-date p { font-size: 14px; } .e-item .e-date strong { font-size: 22px; margin: 5px 0 0; } .e-item .e-date span { display: none; } .e-item .e-date span > i { font-size: 18px; } .e-item .e-details { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .e-item .e-details .e-title a { font-size: 18px; } .e-item .e-details p { font-size: 12px; } .e-item .e-time ul li, .e-item .e-time span { font-size: 11px; } .e-item .e-time > ul > li > i { font-size: 11px; margin-top: 0; } .e-item .social-list li a { width: 18px; height: 18px; line-height: 17px; } /* Ending Events */ /* Starting Register Now */ .register-now .img { -ms-flex: 0 0 320px; flex: 0 0 320px; max-width: 320px; height: 160px; } .register-now .img img { max-width: 73%; } .register-now .details .title { font-size: 14px; margin-bottom: 5px; } .register-now .details p { font-size: 20px; } .register-now .details a { padding: 0 16px; height: 40px; line-height: 38px; font-size: 14px; } .register-now .details a i { font-size: 9px; } /* Ending Register Now */ /* Starting Footer */ footer { padding-top: 150px; } footer .heading, footer .heading2 { font-size: 15px; margin-bottom: 20px; } footer .footer-top .heading + ul { border: 0; padding: 0; } footer .footer-top li:not(:last-of-type) { margin-bottom: 10px } footer .footer-top li a { font-size: 11px; } footer .footer-top li a::after { font-size: 6px; top: 3px; } footer .follow-links { padding: 0; } footer .social-list li a { width: 24px; height: 24px; line-height: 24px; font-size: 10px; } footer #testimonials .owl-theme { padding: 10px 30px; } footer #testimonials .item i { font-size: 26px; } footer #testimonials .item > span { font-size: 16px; margin-bottom: 8px; } footer #testimonials .item .customer { font-size: 10px; } footer #testimonials .owl-theme .owl-nav { padding: 0 10px; } footer #testimonials .owl-theme .owl-nav [class*=owl-] i { font-size: 16px; } .footer-bottom .links { justify-content: center; margin-bottom: 10px; } footer .copy-rights { justify-content: center; } /* Ending Footer */ /* Starting About Us Page */ #main { background-size: 141px; background-position: 50% -44px; } #main::before { background-size: 200px; } #main .col-aside { -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; padding: 0 15px; } #main .col-content { -ms-flex: 0 0 calc(100% - 220px); flex: 0 0 calc(100% - 220px); max-width: calc(100% - 220px); padding: 0 15px; } .side-nav { padding: 25px 10px 30px; } .side-nav .heading { font-size: 11px; padding: 0; } .side-nav .heading span { width: 25px; } .side-nav li { padding: 0 10px; } .side-nav li a { font-size: 11px; padding: 10px 0; } .side-nav li a::after { font-size: 8px; margin-top: 0; } .col-aside .register-now .details .title { font-size: 11px; } .col-aside .register-now .details p { font-size: 16px; margin-bottom: 15px; } .col-aside .register-now .details a {padding: 0 25px;font-size: 12px;} .col-aside .register-now .img { height: 140px; } .content h1, .content h2 { font-size: 22px; } .content .card { flex-wrap: wrap; } .content .card .img + div { -ms-flex: 0 0 calc(100% - 165px); flex: 0 0 calc(100% - 165px); max-width: calc(100% - 165px); } .content .card > a { position: absolute; bottom: 30px; height: 36px; font-size: 11px; padding: 0 10px; min-width: 150px; } .content .card > a i { font-size: 7px; top: 0; } .about-us .statistics:not(.statistics--portal) h2 { font-size: 22px; } .related-content .wrapper .title { font-size: 24px; margin-bottom: 15px; } .related-content .wrapper li { margin-top: 15px; } /* Ending About Us Page */ /*** Starting Faculty Page ***/ /* Starting Main Content */ .main-top { padding: 60px 0 20px; } .main-top .follow-us label { font-size: 13px; margin-top: -3px; } .main-top .follow-us .social-list li a, #main-content .share li a { width: 24px; height: 24px; line-height: 26px; font-size: 11px; } .main-top .fac-logo > div { width: 120px; } .main-top .fac-logo h3 { font-size: 14px; line-height: 1.5; } .tech-support { font-size: 13px; } .tech-support span i { font-size: 17px; } .tech-support span::after { height: 15px; } #main-content .img, #fac-departments .item { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } #main-content .share { font-size: 15px; } #main-content .share > i { font-size: 22px; } #main-content .share li a i { font-size: 11px; } #main-content .carousel-control-prev, #main-content .carousel-control-next { top: 2px; } /* Ending Main Content */ /* Starting Faculty Ads */ #fac-ads { padding: 60px 0; background-size: 90px; } #fac-ads .ad-item .title { font-size: 24px; margin-bottom: 10px; } #fac-ads .ad-item p { font-size: 16px; } /* Ending Faculty Ads */ /* Starting Faculty News */ .faculty #news { background-size: 90px; } /* Ending Faculty News */ /* Starting Faculty Departments */ #fac-departments { background-size: 90px; } #fac-departments .item { min-height: 180px; } #fac-departments .item i { font-size: 50px; margin-bottom: 10px; } #fac-departments .item .title { font-size: 14px; width: 100%; height: 42px; } /* Ending Faculty Departments */ /* Starting Faculty Statistics */ .fac-statistics { padding-bottom: 60px; background-size: 90px; } .fac-statistics .common-title { margin-bottom : 20px } .fac-statistics .common-title + p { font-size: 14px; margin-bottom: 40px; } /* Ending Faculty Statistics */ /* Starting Register Now */ .faculty .register-now { margin-top: -75px; } /* Ending Register Now */ /*** Ending Faculty Page ***/ /* Starting Contact Us Page */ .contact_us { padding-bottom: 150px; } .contact-info { padding: 20px 0 50px; } .contact-info .row { margin: 0 -10px; } .contact-info .row > div { padding: 0 5px; } .contact-info .common-title { margin-bottom: 20px; } .contact-info .info-item { min-height: 220px; } .contact-info .info-item .title { font-size: 14px; } .contact-info .info-item span { font-size: 14px; } .contact-info .info-item a { margin-top: 15px; min-width: 115px; height: 40px; line-height: 38px; } .contact-form { padding: 50px 30px; } .contact-form .common-title { font-size: 30px; } .contact-form p {font-size: 12px;} .contact-form label { font-size: 13px; } .contact-form form button {height: 45px;line-height: 45px;font-size: 15px;padding: 0 40px;} .contact-form form button i { font-size: 9px; } /* Ending Contact Us Page */ /* Starting Baskan Page */ .content .content-head { margin-bottom: 20px; } .content .content-head p { font-size: 12px; } .managers .image { max-width: 140px} .baskan .managers .details { min-height: 150px; } .baskan .managers .details strong { font-size: 12px; } /* Ending Baskan Page */ /* Starting Default Page */ .default-page { padding-bottom: 150px; } .default-page .contact-form { background-size: 100px; } /* Ending Default Page */ /* Starting Faculty About Us Page */ .f-about .mission .item > i { width: 110px; height: 110px; line-height: 110px; font-size: 55px; } .f-about .mission .item .more { height: 40px; line-height: 40px; font-size: 15px; padding: 0 20px; } /* Ending Faculty About Us Page */ /* Starting Chapter Page */ .breadcrumb2 { min-height: 220px; } .breadcrumb2::after { width: 110px; } .breadcrumb2 .title {font-size: 30px;} .breadcrumb2 .title span {font-size: 16px;width: 75%;} .chapter .col-aside, .dersler .col-aside { margin-top: -70px; } .default-page .a-link { font-size: 14px; padding: 0 20px; } .managers .item { padding-top: 65px; } .managers .details { min-height: 190px; } .managers .common-title { font-size: 24px; } .managers .details strong { font-size: 14px; } /* Ending Chapter Page */ /* Starting Regulations Page */ .regulations .common-title { font-size: 24px; } .regulations .item { height: 185px; padding: 25px 15px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } .regulations .item::after {font-size: 25px;bottom: 20px;} .regulations .item .img {width: 45px;margin-bottom: 10px;} .regulations .item .title {font-size: 13px;} /* Ending Regulations Page */ /* Starting Institutes Page */ .institutes .common-title { font-size: 24px; } .institutes .item { min-height: 90px; padding: 10px 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .institutes .item .image { -ms-flex: 0 0 60px; flex: 0 0 60px; max-width: 60px; } .institutes .item .title { font-size: 15px; -ms-flex: 0 0 calc(100% - 75px); flex: 0 0 calc(100% - 75px); max-width: calc(100% - 75px); } .institutes .item .title::after { font-size: 12px; } /* Ending Institutes Page */ /* Starting Chapter Page Edit */ .dep-goals .title { font-size: 22px; } .dep-goals .item { min-height: 260px; } .dep-goals .item .icon { width: 80px; height: 80px; border-width: 22px; } .dep-goals .item p { font-size: 13px; } /* Ending Chapter Page Edit */ /* Starting Fields */ .fields ul { margin-top: 20px; } /* Ending Fields */ /* Starting Dersler Page */ table th, table td { padding: 15px 10px; } /* Ending Dersler Page */ /* Starting Student Services */ .student-services .item {min-height: 200px;padding-top: 20px;padding-bottom: 20px;-webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;-o-border-radius: 25px;border-radius: 25px;} .student-services .item .icon {width: 70px;height: 70px;} .student-services .item .title { font-size: 12px; } .student-services .item .more { height: 36px; } /* Ending Student Services */ /* Starting Electronic Services */ #e-services {padding: 60px 0 40px;} #e-services .title, #services-news .title, #contact-service .title { font-size: 24px; } #e-services .title {margin-bottom: 10px;} #e-services .title + p {font-size: 18px;margin-bottom: 40px;} #services-news .title { margin-bottom: 30px; } #services-news .item p {font-size: 15px;margin-bottom: 10px;} #services-news .item a {height: 40px;font-size: 14px;padding: 0 30px;} #services-news .slider-nav .slick-list { height: 270px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } #contact-service {padding: 60px 0 160px;} /* Ending Electronic Services */ } @media (max-width:767px) { /* Starting Global Style */ .owl-carousel .owl-dots { margin-top: 30px!important; } .owl-carousel .owl-dots .owl-dot span, .owl-carousel .owl-dots .owl-dot:hover span { width: 9px; height: 9px; margin: 0 4px; } #news .owl-dots .owl-dot.active span, #events .owl-dots .owl-dot.active span, #fac-ads .owl-dots .owl-dot.active span { width: 15px; height: 15px; border-width: 3px; } /* Ending Global Style */ /* Starting Section Header */ .s-header .view-all, .s-header .owl-nav, #main-content .slide-nav { height: 30px; line-height: 28px; padding: 0px 10px; font-size: 12px; } /* Ending Section Header */ /* Starting SlideShow */ #slideshow { height: calc(100vh - 125px); max-height: 300px; min-height: 300px; } #slideshow .img img { height: 100% } #slideshow .over-details p { font-size: 12px; margin-bottom: 4px; } #slideshow .over-details h2 { font-size: 24px; margin-bottom: 10px; } #slideshow .over-details .sign-link { padding: 0px 18px; height: 36px; line-height: 36px; font-size: 13px; } #slideshow .slide-nav { bottom: 65px; } #slideshow .slide-nav p { font-size: 12px; } #slideshow .slide-nav .carousel-control-next i, #slideshow .slide-nav .carousel-control-prev i { font-size: 16px; } #slideshow .scroll-down p { display: none; } #slideshow .scroll-next { top: 0; width: 20px; height: 30px; } @-webkit-keyframes icon { 0%, 100% { top: 5px; opacity: 1} 50% { top: 15px; opacity: 0.2} } @keyframes icon { 0%, 100% { top: 5px; opacity: 1} 50% { top: 15px; opacity: 0.2} } .video_play:after, .video_play span:after { width: 110px; height: 110px; } .video_play:before, .video_play span:before { width: 86px; height: 86px; } .video_play i:before { width: 65px; height: 65px; line-height: 65px; } /* Ending SlideShow */ /* Starting Fast Links */ .link-item { padding: 36px 15px 20px; } .link-item span { max-height: 50px; } .link-item .link-title { font-size: 14px; margin-top: 15px; } .link-item > img {width: 20px;margin-top: 10px!important;} #fast-links .owl-carousel .owl-dots { margin-top: 10px!important; } /* Ending Fast Links */ /* Starting About Us */ .about-content { padding: 45px 0 70px 0; } .about-content .heading { font-size: 28px; } .about-content .about-content {margin-bottom: 0;} .about-content .img { margin-bottom: 30px; } .statistics .heading { margin-bottom: 40px; } .statistics .row { margin: 0 -5px; } .statistics .row > div { padding: 0 5px; } .statistics .col { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333% } .statistics .col:nth-of-type(4), .statistics .col:last-of-type { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top: 40px; } .statistics .item { justify-content: center; align-items: flex-start; } .statistics .item i { font-size: 50px; } .statistics .item .s-num { font-size: 30px; font-weight: 600; } .statistics .item .s-title { font-size: 12px; } /* Ending About Us */ /* Starting Events */ #events { padding: 50px 0 100px; } .e-item .e-time ul, .e-item .e-time ul li { flex-wrap: wrap; line-height: 2; } /* Ending Events */ /* Starting Register Now */ .register-now { top: 50px; margin-top: -122px; } .register-now .wrapper { padding: 0 15px } .register-now .img { -ms-flex: 0 0 230px; flex: 0 0 230px; max-width: 230px; height: 120px; } .register-now .img img { max-width: 76%; } .register-now .details .title { font-size: 13px; margin-bottom: 5px; } .register-now .details p {font-size: 14px;} .register-now .details a { padding: 0 8px; height: 36px; line-height: 36px; font-size: 12px; } .register-now .details a i { font-size: 7px; } /* Ending Register Now */ /* Starting Footer */ footer { padding-top: 90px; } footer .footer-top { padding-bottom: 25px; } footer .heading2 { display: none; } footer .footer-top .heading + ul { margin-bottom: 30px; width: 90%; } footer .footer-top li a { font-size: 12px; } footer .footer-top li a::after { font-size: 6px; top: 3px; } footer .follow-links { padding: 0; flex-direction:column; align-items: center; margin: 0; } footer .social-list { margin-bottom: 20px; } footer #testimonials { margin-bottom: 30px; } /* Ending Footer */ /* Starting BreadCrumb */ .breadcrumb-nav .breadcrumb { background-size: 80px; } /* Ending BreadCrumb */ /* Starting About Us Page */ #main .col-aside { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; } #main .col-content { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; } .col-aside .register-now { margin-bottom: 30px; } .col-aside .register-now .wrapper::before { background-size: 90px; bottom: 40px; } .col-aside .register-now .wrapper { padding-bottom: 30px; } .col-aside .register-now .img { display: none; } .related-content { margin-top: -50px; top: 50px; } .related-content .wrapper li a { min-width: 140px; } /* Ending About Us Page */ /*** Starting Faculty Page ***/ /* Starting Main Content */ .main-top { padding: 40px 0 20px; } .main-top .follow-us label { font-size: 11px; margin-top: -3px; } .main-top .follow-us .social-list li a, #main-content .share li a { width: 20px; height: 20px; line-height: 20px; font-size: 9px; } .main-top .fac-logo > div { width: 100px; } .main-top .fac-logo h3 { font-size: 11px; line-height: 1.5; } .tech-support { font-size: 11px; } .tech-support span { font-size: 0; } .tech-support span i { margin-top: 0; } .tech-support span::after { height: 11px; margin-top: 0px; } #main-content .img { margin-bottom: 20px } #main-content .share { font-size: 13px; } #main-content .share > i { font-size: 16px; } #main-content .share li a i { font-size: 9px; } #main-content .slide-nav { max-width: 79px; } #main-content .carousel-control-prev, #main-content .carousel-control-next { top: 1px; } #main-content .carousel-indicators { margin-bottom: 0; } /* Ending Main Content */ /* Starting Faculty Ads */ #fac-ads { padding: 50px 0; } #fac-ads .ad-item .title { font-size: 20px; margin-bottom: 10px; } #fac-ads .ad-item p { font-size: 14px; } /* Ending Faculty Ads */ /* Starting Faculty News */ .faculty #news { padding: 50px 0; } /* Ending Faculty News */ /* Starting Faculty Departments */ #fac-departments { padding: 50px 0 } /* Ending Faculty Departments */ /* Starting Faculty Events */ .faculty #events { padding: 50px 0; } /* Ending Faculty Events */ /* Starting Faculty Statistics */ .fac-statistics { padding: 50px 0; } /* Ending Faculty Statistics */ /* Starting Register Now */ .faculty .register-now { margin-top: -50px; } .faculty .register-now .details p { font-size: 15px; } /* Ending Register Now */ /*** Ending Faculty Page ***/ /* Starting Contact Us Page */ .contact_us { padding-bottom: 130px; } .contact-info { padding-top: 0; padding-bottom: 30px; } .contact-info .row { margin: 0 -15px; } .contact-info .row > div { padding: 0 15px; } /* Ending Contact Us Page */ /* Starting Default Page */ .default-page { padding-bottom: 130px; } .content { padding-top: 0; } .content h1, .content h2 { font-size: 24px ; } /* Ending Default Page */ /* Starting Faculty About Us Page */ .f-about { padding-bottom: 110px; } .f-about .f-image { margin-top: 20px; } /* Ending Faculty About Us Page */ /* Starting Chapter Page */ .breadcrumb2 { min-height: 180px; } .breadcrumb2::before { background-position: center; } .breadcrumb2 .title {font-size: 24px;} .breadcrumb2 .title span {font-size: 14px;width: 100%;} #main .col-aside { margin-top: 0; } .managers { padding-bottom: 30px; } /* Ending Chapter Page */ /* Starting Regulations Page */ #main.regulations { padding: 25px 0; } .regulations .item { height: 220px; padding: 35px 15px; } .regulations .item::after {font-size: 28px;bottom: 20px;} .regulations .item .img {width: 55px;} .regulations .item .title {font-size: 16px;} /* Ending Regulations Page */ /* Starting Institutes Page */ #main.institutes { padding: 25px 0 50px; } /* Ending Institutes Page */ /* Starting Chapter Page Edit */ .dep-goals { margin-bottom: 30px; } /* Ending Chapter Page Edit */ /* Starting Student Services */ .student-services { padding-top: 0; } .student-services > p { font-size: 16px; margin-bottom: 20px; } /* Ending Student Services */ /* Starting Electronic Services */ #e-services {padding: 50px 0 30px;} #e-services .title, #services-news .title, #contact-service .title { font-size: 20px; } #e-services .title {margin-bottom: 10px;} #e-services .title + p {font-size: 17px;margin-bottom: 30px;} #services-news {padding: 45px 0;} #services-news .row { flex-direction: column-reverse; } #services-news .title { margin-bottom: 30px; } #services-news .item p {font-size: 15px;margin-bottom: 15px;} #services-news .item a {height: 40px;padding: 0 30px;} #services-news .slider-nav .slick-list { height: 270px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } #contact-service {padding: 40px 0 120px;} #contact-service .title { margin-bottom: 20px; } /* Ending Electronic Services */ } @media (max-width:575px) { /* Starting Grouping */ .link-item, .news-item .img, #ads .ad-item, .about-content .img, .college-item, .e-item, .register-now .wrapper, footer #testimonials, .related-content .wrapper, .contact-info .info-item, .contact-form, .contact-form textarea, .f-about .f-image, .f-about .mission .item, .f-about .important-links .a-link, .managers .image img, .managers .details { -webkit-border-radius: 15px!important; -moz-border-radius: 15px!important; -ms-border-radius: 15px!important; -o-border-radius: 15px!important; border-radius: 15px!important; } #site-header .dropdown-menu { -webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -ms-border-radius: 0 0 15px 15px; -o-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; } /* Ending Grouping */ /* Starting Common Title */ .common-title { font-size: 23px; margin-bottom: 25px; } /* Ending Common Title */ /* Starting Section Header */ .s-header .container { display: flex; justify-content: space-between; } .s-header .owl-nav { display: none; } .s-header .view-all { font-size: 11px; margin: 0; } .s-header .view-all i { font-size: 7px; } /* Ending Section Header */ /* Starting SlideShow */ #slideshow { height: calc(100vh - 125px); max-height: 268px; min-height: 268px; } #slideshow .img img { height: 100%; } #slideshow .over-details h2 { font-size: 20px; } #slideshow .over-details .sign-link { padding: 0px 18px; height: 30px; line-height: 30px; font-size: 11px; } #slideshow .over-details .sign-link i { font-size: 8px } #slideshow .slide-nav { bottom: 55px; } #slideshow .slide-nav p { font-size: 11px; margin: 0 8px; } #slideshow .slide-nav .carousel-control-next i, #slideshow .slide-nav .carousel-control-prev i { font-size: 13px; } #slideshow .scroll-down p { display: none; } #slideshow .scroll-next { top: 0; height: 25px; } @-webkit-keyframes icon { 0%, 100% { top: 5px; opacity: 1} 50% { top: 10px; opacity: 0.2} } @keyframes icon { 0%, 100% { top: 5px; opacity: 1} 50% { top: 10px; opacity: 0.2} } .video_play:after, .video_play span:after { width: 75px; height: 75px; } .video_play:before, .video_play span:before { width: 60px; height: 60px; } .video_play i:before { width: 44px; height: 44px; line-height: 44px; font-size: 14px; } @-webkit-keyframes sdb03 { 0% { opacity: 1; } 30% { opacity: 1; } 60% { opacity: 0; -webkit-box-shadow: 0 0 0 25px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 25px rgba(255,255,255,.1); -ms-box-shadow: 0 0 0 25px rgba(255,255,255,.1); -o-box-shadow: 0 0 0 25px rgba(255,255,255,.1); box-shadow: 0 0 0 25px rgba(255,255,255,.1); } 100% { opacity: 0; } } @keyframes sdb03 { 0% { opacity: 1; } 30% { opacity: 1; } 60% { -webkit-box-shadow: 0 0 0 25px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 25px rgba(255,255,255,.1); -ms-box-shadow: 0 0 0 25px rgba(255,255,255,.1); -o-box-shadow: 0 0 0 25px rgba(255,255,255,.1); box-shadow: 0 0 0 25px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } } /* Ending SlideShow */ /* Starting Fast Links */ .link-item {min-height: 180px;padding: 36px 8px 20px;} .link-item .link-title {font-size: 12px;height: 33px;margin-top: 15px;} /* Ending Fast Links */ /* Starting About Us */ .about-content { padding: 45px 0; } .about-content .heading { font-size: 25px; margin-bottom: 30px; } .about-content .img { margin-bottom: 30px; } .statistics .heading { margin-bottom: 40px; line-height: 1.6; } .statistics .row { margin: 0 -5px; } .statistics .row > div { padding: 0 5px; } .statistics .heading::before { margin-bottom: 20px; } .statistics .col, .statistics .col:nth-of-type(4) { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 40px; margin-top: 0; } .statistics .col:last-of-type { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } .statistics .item i { font-size: 50px } .statistics .item .s-num { font-size: 30px; font-weight: 600; } .statistics .item .s-title { font-size: 12px; } /* Ending About Us */ /* Starting Events */ #events { padding: 50px 0 85px; } /* Ending Events */ /* Starting Footer */ footer .footer-top .heading + ul { width: 100%; } footer .footer-top li a { font-size: 10px; } .footer-bottom .row { margin: 0 -15px; } .footer-bottom .row > div { padding: 0 15px; } .footer-bottom .links ul li a, footer .copy-rights { font-size: 9.5px; display: block; text-align: center; } /* Ending Footer */ /* Starting BreadCrumb */ .breadcrumb-nav .breadcrumb { background-size: 50px; } /* Ending BreadCrumb */ /* Starting Register Now */ .register-now { top: 30px; margin-top: -90px; } .register-now .wrapper { padding: 15px; } .register-now .img { display: none; } .register-now .details { justify-content: center; max-width: 320px; margin: auto; } .register-now .details .title { font-size: 11px; } .register-now .details p { font-size: 14px; } .register-now .details a { padding: 0 10px; height: 32px; line-height: 32px; font-size: 10px; } .register-now .details a i { font-size: 7px; } /* Ending Register Now */ /* Starting Collages */ .college-item { padding: 20px 10px; } .college-item .img { max-height: 70px; } .college-item p { font-size: 9px; } #colleges .owl-carousel .owl-dots { margin-top: 0!important; } /* Ending Collages */ /* Starting About Us Page */ #main::before { background-position: 0 50%; } .side-nav, .content .card, .content img, .about-us .statistics:not(.statistics--portal), .content iframe { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .content h1, .content h2 { font-size: 22px; margin-bottom: 10px; } .content h3 { font-size: 18px; } .content p { font-size: 14px; margin-bottom: 10px; } .content .card { flex-direction: column; padding: 0 15px 15px; margin-top: 70px; text-align: center; overflow: visible; } .content .card .img { margin: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-bottom: 10px; margin-top: -50px; } .content .card .img + div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; flex-direction: column; } .content .card p { margin-bottom: 10px; } .content .card .social, .content .card .social ul { justify-content: center; } .content .card > a { position: static; margin: 15px auto 0; } .about-us .statistics:not(.statistics--portal) { padding: 30px 15px; } .about-us .statistics:not(.statistics--portal) h2 { font-size: 24px; line-height: 1.5; } .about-us .statistics:not(.statistics--portal) .row > div { margin-bottom: 30px; } .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(4), .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(5) { justify-content: center; } .about-us .statistics:not(.statistics--portal) .item i { font-size: 45px; } .about-us .statistics:not(.statistics--portal) .item .s-num { font-size: 24px; } .about-us .statistics:not(.statistics--portal) .item .s-title { font-size: 9px; } .about-us .map { height: 200px; } .related-content .wrapper .title { font-size: 20px; margin-bottom: 10px; } .related-content .wrapper li { width: 100%; } .related-content .wrapper li a { justify-content: space-between; } /* Ending About Us Page */ /*** Starting Faculty Page ***/ /* Starting Main Content */ .main-top .row > div:first-of-type { order: 2; } .main-top .row > div:nth-of-type(2) { order: 1; } .main-top .row > div:last-of-type { order: 3; } .main-top .fac-logo { margin-bottom: 30px; } .main-top .follow-us label { display: none; } .tech-support { font-size: 10px; } #main-content .share { padding: 0; } #main-content .slide-nav { bottom: -6px; } #main-content .carousel-indicators { display: none; } /* Ending Main Content */ /* Starting Faculty Departments */ #fac-departments .owl-carousel { margin-top: 30px; } #fac-departments .item { min-height: 150px; } #fac-departments .item .title { font-size: 12px; width: 100%; height: 36px; } /* Ending Faculty Departments */ /* Starting Faculty Statistics */ .fac-statistics .common-title + p { font-size: 13px; } /* Ending Faculty Statistics */ /* Starting Register Now */ .faculty .register-now { margin-top: -30px; } /* Ending Register Now */ /*** Ending Faculty Page ***/ /* Starting Contact Us Page */ .contact_us { padding-bottom: 100px; } .contact-info { padding-bottom: 0; } .contact-info .info-item { margin-bottom: 30px; } .contact-form { padding: 30px 15px; } .contact-form .common-title { font-size: 26px; } .contact-form p { width: 100%; } .contact-form .form-group { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* Ending Contact Us Page */ /* Starting Baskan Page */ .content .content-head .row > div:first-of-type, .content .content-head .row > div:last-of-type { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; } .content .content-head .image { width: 290px; height: 290px; margin: auto; margin-bottom: 30px; } .baskan .managers .common-title { font-size: 18px; } .managers .item { padding-top: 50px; } .managers .image { max-width: 115px; } .baskan .managers .details { padding: 10px 10px 15px; min-height: 120px; } .baskan .managers .details strong { font-size: 11px; } /* Ending Baskan Page */ /* Starting Default Page */ .default-page { padding-bottom: 100px; } .content { padding-top: 0; } /* Ending Default Page */ /* Starting Faculty About Us Page */ .f-about .f-logo { width: 50px; height: 60px; } .f-about .f-image { margin-bottom: 15px; } .f-about .f-logo > span { width: 30px; } .f-about .mission .row > div:not(:last-of-type) { margin-bottom: 100px; } .f-about .mission .row > div:last-of-type { margin-top: 0; } .f-about .important-links .a-link { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin: 10px 0; } /* Ending Faculty About Us Page */ /* Starting Chapter Page */ .default-page .a-link { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin: 10px 0!important; } .chapter .managers { margin-top: 20px; } .managers .item { padding-top: 55px; } .managers .details { min-height: 165px; } .managers .details strong { font-size: 12px; margin: 0; } .managers .details .name { font-size: 12px; } /* Ending Chapter Page */ /* Starting Regulations Page */ .regulations .row { margin: 0 -8px; } .regulations .row > div { padding: 0 8px; } .regulations .item { height: 170px; padding: 35px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-bottom: 16px; } .regulations .item::after {font-size: 22px;bottom: 15px;} .regulations .item .img {width: 40px;} .regulations .item .title {font-size: 11px;} /* Ending Regulations Page */ /* Starting Chapter Page Edit */ .dep-goals .title {font-size: 18px;margin-top: 25px;margin-bottom: 10px;} /* Ending Chapter Page Edit */ /* Starting Dersler Page */ table { border-width: 15px; } table thead th { font-size: 9px; } table th, table td { padding: 10px 5px; } /* Ending Dersler Page */ /* Starting Student Services */ .student-services > p { font-size: 14px; } .student-services .row { margin: 0 -5px; } .student-services .row > div { padding: 0 5px; margin-bottom: 15px; } .student-services .item .more { height: 30px; padding: 0 15px; } .student-services .item .more i { font-size: 8px; } /* Ending Student Services */ /* Starting Electronic Services */ #e-services .title, #services-news .title, #contact-service .title { font-size: 18px; line-height: 1.5; } #e-services .title {margin-bottom: 10px;} #e-services .title + p {font-size: 15px;margin-bottom: 22px;} #services-news .row { flex-direction: column-reverse; } #services-news .title { margin-bottom: 20px; } #services-news .slider-nav .slick-list { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } #contact-service {padding: 40px 0 100px;} #contact-service .title {font-size: 20px;} /* Ending Electronic Services */ } @media (max-width:370px) { /* Starting SlideShow */ #slideshow .over-details h2 { font-size: 16px; } .video_play:after, .video_play span:after { width: 65px; height: 65px; } .video_play:before, .video_play span:before { width: 50px; height: 50px; } .video_play i:before { width: 37px; height: 37px; line-height: 37px; font-size: 11px; } /* Ending SlideShow */ /* Starting Institutes Page */ .institutes .row > div:not(:last-of-type) { margin-bottom: 15px; } .institutes .item { padding: 10px 15px;} .institutes .item .image { -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; } .institutes .item .title { font-size: 14px; -ms-flex: 0 0 calc(100% - 65px); flex: 0 0 calc(100% - 65px); max-width: calc(100% - 65px); } /* Ending Institutes Page */ /* Starting Chapter Page Edit */ .dep-goals .item { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; min-height: 200px; padding: 15px 10px; } .dep-goals .item .icon { width: 60px; height: 60px; border-width: 18px; } .dep-goals .item .icon img { width: 25px; } .dep-goals .item p { font-size: 11px; } .dep-goals .owl-carousel .owl-dots { margin-top: 15px!important; } /* Ending Chapter Page Edit */ } @media (min-width:992px) { /* Starting Header */ #site-header .dropdown-menu { border: 0; padding: 0; -webkit-box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25); box-shadow: 0px 21px 25.76px 2.24px rgba(0, 0, 0, 0.25); display: block; left: 50%!important; -webkit-transform: scaleY(0) translateX(-50%)!important; -moz-transform: scaleY(0) translateX(-50%)!important; -ms-transform: scaleY(0) translateX(-50%)!important; -o-transform: scaleY(0) translateX(-50%)!important; transform: scaleY(0) translateX(-50%)!important; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; margin-top: 0; padding-bottom: 40px; } #site-header .dropdown:hover .dropdown-menu { -webkit-transform: scaleY(1) translateX(-50%)!important; -moz-transform: scaleY(1) translateX(-50%)!important; -ms-transform: scaleY(1) translateX(-50%)!important; -o-transform: scaleY(1) translateX(-50%)!important; transform: scaleY(1) translateX(-50%)!important; } /* Ending Header */ } @media (min-width: 992px) and (max-width: 2559px) { #site-header .dropdown-menu { min-width: 300px; padding-bottom: 30px; } .dropdown-toggle::after { font-size: 8px; } #site-header .dropdown-item { font-size: 14px; padding: 10px 20px; } #site-header .dropdown-item::after { font-size: 8px; } } @media (min-width: 992px) and (max-width: 1199px) { #site-header .dropdown-item { font-size: 13px; } #site-header .dropdown-menu {min-width: 280px;} } @media (max-width:500px) { /* Starting Chapter Page Edit */ .fields li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .fields .field { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } /* Ending Chapter Page Edit */ } @media(min-width:768px) { /* Starting Global Style */ ::-webkit-scrollbar { width: 11px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #0D6477; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #27B1CD; } /* Ending Global Style */ } /* --- responsive-rtl.css --- */ @media (max-width: 2559px) { /* Starting Global Style */ .s-header .view-all i { margin-right: 5px; } /* Ending Global Style */ /* Starting Header */ .right-list ul li:not(:last-of-type) { margin-left: 8px; } .faculty .left-list > a { margin-left: 10px; } .s-form .btn { padding: 0 12px 0 7px; } .left-list ul.other-links { margin-left: 9px; } .left-list ul.other-links li::after { left: 0; } .s-form .form-control { padding: 0 0 0 12px; } /* Ending Header */ /* Starting About Us */ .statistics .item i { margin-left: 10px; } /* Ending About Us */ /* Starting Register Now */ .register-now .wrapper { padding: 0 44px 0 72px; } /* Starting Register Now */ /* Starting Footer */ footer .footer-top .heading + ul { padding-left: 15px; } footer .social-list li:not(:last-of-type) { margin-left: 10px; } .footer-bottom .f-logo { margin-left: 10px; } .footer-bottom .links ul li:not(:last-of-type) {margin-left: 8px; } /* Ending Footer */ /* Starting SlideShow */ #slideshow .over-details .sign-link i { margin-right: 10px; } #slideshow .scroll-down { right: -70px; } /* Ending SlideShow */ /* Starting Events */ .e-item .e-date { margin-left: 15px; } /* Ending Events */ /* Starting About Us Page */ .content .card { padding-left: 30px; } .content .card .img { margin-left: 15px; } .related-content .wrapper li:not(:last-of-type) { margin-left: 10px; } /* Ending About Us Page */ /* Starting Main Content */ #main-content .share { padding-left: 30px; } /* Ending Main Content */ /* Starting Baskan Page */ .content .content-head .row > div:last-of-type { padding-right: 0; } /* Ending Baskan Page */ /* Starting Faculty About Us Page */ .f-about .f-logo { left:30px; } .f-about .mission .item .more i { margin-right: 5px; } .default-page .a-link i { margin-left: 15px; } /* Ending Faculty About Us Page */ /* Starting Institutes Page */ .institutes .item .image { margin-left: 15px; } /* Ending Institutes Page */ /* Starting Fields */ .fields ul li .field span::before { margin-left: 5px; } /* Ending Fields */ } @media (max-width:1366px) { /* Starting BreadCrumb #2 */ .breadcrumb2::after { right: 30px; } /* Ending BreadCrumb #2 */ } @media (max-width:1365px) { /* Starting SlideShow */ #slideshow .over-details .sign-link i { margin-right: 5px; } /* Ending SlideShow */ } @media (max-width:1199px) { /* Starting Header */ .s-form { margin-left: 8px; } .left-list ul.other-links li a i { margin-left: 5px; } .left-list ul.languages li:not(:last-of-type) { margin-left: 3px; } /* Ending Header */ /* Starting Events */ .e-item .e-time > ul > li:not(:last-of-type) { margin-left: 5px; } .e-item .e-time span { margin-left: 2px; } /* Ending Events */ /* Starting About Us Page */ .content .card { padding-left: 15px; } /* Ending About Us Page */ /*** Starting Faculty Page ***/ /* Starting Main Content */ .tech-support span { margin-left: 10px; } .tech-support span i { margin-left: 8px; } .tech-support span::after { margin-right: 8px; } /* Ending Main Content */ /*** Ending Faculty Page ***/ /* Starting Contact Us Page */ .contact-form form button i { margin-right: 5px; } /* Ending Contact Us Page */ /* Starting Baskan Page */ .social li:not(:last-of-type) { margin-left: 5px; } /* Ending Baskan Page */ /* Starting Faculty About Us Page */ .default-page .a-link > img { left: -10px; } /* Ending Faculty About Us Page */ /* Starting Institutes Page */ .institutes .item .image { margin-left: 10px; } /* Ending Institutes Page */ /* Starting Fields */ .fields ul li:not(:nth-of-type(3n)), .fields ul li:not(:last-of-type) { margin-left: 0; } .fields ul li:nth-of-type(odd) { margin-left: 2%; } /* Ending Fields */ } @media (max-width: 991px) { /* Starting Header */ #site-header .site-logo {margin-left: auto;} #site-header .navbar-toggler { margin-right: 10px; } #site-header .navbar-collapse { right: -255px; } #site-header .navbar-collapse.show { right: 0 } #site-header .close-menu { left: 0; } #site-header .navbar-collapse > ul > li > a i { margin-left: 5px; } .s-form { margin-left: 0; } #site-header .dropdown-toggle::after { margin-right: auto; } /* Ending Header */ /* Starting About Us */ .statistics .item i { margin-left: 8px; } /* Ending About Us */ /* Starting Events */ .e-item .e-date { left: 10px; } .e-item .e-time > ul > li:not(:last-of-type) { margin-left: 5px; } .e-item .e-time span { margin-left: 2px; } /* Ending Events */ /* Starting Register Now */ .register-now .wrapper { padding: 0 20px 0 30px; } /* Ending Register Now */ /* Starting Footer */ footer .social-list li:not(:last-of-type) { margin-left: 5px } /* Ending Footer */ /* Starting About Us Page */ #main .col-content { padding-right: 0; } .side-nav .heading { padding-right: 10px; } .content .card > a { left: 15px; } /* Ending About Us Page */ /*** Starting Faculty Page ***/ /* Starting Main Content */ .tech-support span { margin-left: 5px; } .tech-support span i { margin-left: 4px; } .tech-support span::after { margin-right: 5px; } #main-content .share > i { margin-left: 5px; } #main-content .share span { margin-left: 10px; } /* Ending Main Content */ /*** Ending Faculty Page ***/ } @media (max-width:767px) { /* Starting About Us */ .statistics .item i { margin-left: 8px; } /* Ending About Us */ /* Starting Register Now */ .register-now .details a i { margin-right: 2px; } /* Ending Register Now */ /* Starting About Us Page */ #main .col-content { padding-right: 15px; } /* Ending About Us Page */ /*** Starting Faculty Page ***/ /* Starting Main Content */ .main-top .follow-us label { margin-left: 4px; } .main-top .social-list li:not(:last-of-type) { margin-left: 5px } .tech-support span { margin-left: 5px; } .tech-support span i { margin-left: 0; } #main-content .share span { margin-left: 10px; } /* Ending Main Content */ /*** Ending Faculty Page ***/ } @media (max-width:575px) { /* Starting Section Header */ .s-header .view-all i { margin-right: 2px; } /* Ending Section Header */ /* Starting Footer */ .footer-bottom .links ul li:not(:last-of-type) { margin-left: 4px; } /* Ending Footer */ /* Starting Register Now */ .register-now .wrapper { padding: 15px; } .register-now .details a i { margin-right: 2px; } /* Ending Register Now */ /* Starting About Us Page */ .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(4) { padding-left: 0; } .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(5) { padding-right: 0; } .related-content .wrapper li { margin-left: 0!important; } /* Ending About Us Page */ /* Starting Baskan Page */ .content .content-head .row > div:last-of-type { padding-right: 15px; } .social li:not(:last-of-type) { margin-left: 5px; } /* Ending Baskan Page */ /* Starting Faculty About Us Page */ .f-about .f-logo { left: 15px; } /* Ending Faculty About Us Page */ /* Starting Dersler Page */ table tr td:first-of-type { -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; } table tr td:last-of-type { -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } /* Ending Dersler Page */ } @media (min-width: 992px) and (max-width: 2559px) { #site-header .dropdown-item::after { left: 15px; } } @media (max-width:500px) { /* Starting Chapter Page Edit */ .fields ul li:nth-of-type(odd) { margin-left: 0; } /* Ending Chapter Page Edit */ } /* --- custom.css --- */ .dep-goals { margin-bottom: 22px; } .empty { margin: 125px 0; } /*@media (max-width: 2559px)*/ /*{*/ /* .register-now {*/ /* margin-top: 0;*/ /* }*/ /*}*/ @media (min-width: 992px) { #site-header .dropdown-menu .dropdown:hover .dropdown-menu.level2 { display: block; } } @media (max-width: 991px) { #site-header .navbar-nav > .nav-item:not(:last-of-type) { margin: 0 0 10px; } } @media (max-width: 1199px) { .empty { margin: 95px 0; } } @media (max-width: 575px) { .empty { margin: 75px 0; } } /* ========================================================= Electronic portal directory ========================================================= */ .electronic-portal { --portal-navy: oklch(25% 0.066 218); --portal-navy-deep: oklch(19% 0.052 218); --portal-teal: oklch(63% 0.126 202); --portal-teal-dark: oklch(47% 0.112 205); --portal-gold: oklch(82% 0.135 95); --portal-ink: oklch(27% 0.055 218); --portal-muted: oklch(48% 0.026 214); --portal-line: oklch(86% 0.024 210); --portal-paper: oklch(98% 0.008 210); overflow: hidden; background: var(--portal-paper); color: var(--portal-ink); } #main-content.electronic-portal { padding-bottom: 0; background: var(--portal-paper); } #main-content.electronic-portal::before { content: none; } .electronic-portal a, .electronic-portal button, .electronic-portal summary { -webkit-tap-highlight-color: transparent; } .electronic-portal a:focus-visible, .electronic-portal summary:focus-visible { outline: 3px solid var(--portal-gold); outline-offset: 4px; } .portal-hero { position: relative; isolation: isolate; min-height: min(690px, calc(100svh - 158px)); padding: clamp(54px, 6vw, 88px) 0; overflow: hidden; background: var(--portal-navy-deep); color: #fff; } .portal-hero::before, .portal-hero::after { position: absolute; z-index: -1; border: 1px solid oklch(72% 0.09 205 / 0.16); content: ''; pointer-events: none; transform: rotate(45deg); } .portal-hero::before { inset-block-start: -220px; inset-inline-end: -100px; width: 520px; height: 520px; box-shadow: 0 0 0 60px oklch(70% 0.075 205 / 0.025), 0 0 0 125px oklch(70% 0.075 205 / 0.018); } .portal-hero::after { inset-block-end: -260px; inset-inline-start: -180px; width: 460px; height: 460px; } .portal-hero__layout { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr); align-items: center; gap: clamp(48px, 7vw, 110px); } .portal-hero__copy { position: relative; z-index: 1; max-width: 690px; } .portal-eyebrow { display: inline-flex; align-items: center; gap: 11px; color: var(--portal-teal); font-size: 14px; font-weight: 800; letter-spacing: 0.01em; } .portal-eyebrow::after { width: 36px; height: 3px; background: var(--portal-gold); content: ''; } .portal-eyebrow--dark { color: var(--portal-teal-dark); } .portal-hero h1 { max-width: 760px; margin: 14px 0 20px; color: #fff; font-size: clamp(44px, 5.4vw, 78px); font-weight: 850; line-height: 1.12; letter-spacing: -0.04em; } .portal-hero__definition { max-width: 660px; margin: 0; color: oklch(88% 0.018 210); font-size: clamp(16px, 1.4vw, 19px); line-height: 1.95; } .portal-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; } .portal-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 56px; padding: 13px 24px; border: 1px solid transparent; border-radius: 13px; font-size: 15px; font-weight: 800; line-height: 1.4; transition: background-color 170ms ease-out, border-color 170ms ease-out, color 170ms ease-out, transform 170ms cubic-bezier(.22, 1, .36, 1); } .portal-button--primary { border-color: var(--portal-teal); background: var(--portal-teal); color: var(--portal-navy-deep); } .portal-button--primary:hover { border-color: oklch(72% 0.13 195); background: oklch(72% 0.13 195); color: var(--portal-navy-deep); transform: translateY(-2px); } .portal-button--secondary { border-color: oklch(70% 0.055 210 / 0.52); background: transparent; color: #fff; } .portal-button--secondary:hover { border-color: oklch(88% 0.025 210); background: oklch(96% 0.012 210 / 0.08); color: #fff; } .portal-hero__note { display: flex; align-items: center; gap: 9px; margin: 18px 0 0; color: oklch(76% 0.026 210); font-size: 12px; line-height: 1.7; } .portal-hero__note i { color: var(--portal-gold); } .portal-console { position: relative; border: 1px solid oklch(69% 0.07 205 / 0.31); border-radius: 24px; overflow: hidden; background: oklch(23% 0.057 218); box-shadow: 0 34px 90px oklch(8% 0.035 220 / 0.38); } .portal-console::before { position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px; background: var(--portal-gold); content: ''; } .portal-console__media { position: relative; min-height: 196px; overflow: hidden; border-bottom: 1px solid oklch(70% 0.05 210 / 0.18); background: oklch(20% 0.052 218); isolation: isolate; } .portal-console__media::after { position: absolute; inset: 0; z-index: 1; background: linear-gradient( 180deg, oklch(18% 0.048 218 / 0.03) 40%, oklch(17% 0.05 218 / 0.62) 100% ); content: ''; pointer-events: none; } .portal-console__media-primary, .portal-console__media-secondary img { display: block; width: 100%; height: 100%; object-fit: cover; } .portal-console__media-primary { position: absolute; inset: 0; object-position: 50% 44%; } .portal-console__media-secondary { position: absolute; z-index: 2; inset-block-end: 14px; inset-inline-start: 16px; width: 40%; aspect-ratio: 665 / 400; overflow: hidden; border: 3px solid oklch(96% 0.012 210); border-radius: 12px; background: oklch(96% 0.012 210); box-shadow: 0 12px 30px oklch(11% 0.035 218 / 0.38); } .portal-console__media-secondary img { object-position: 50% 42%; } .portal-console__topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 92px; padding: 17px 24px; border-bottom: 1px solid oklch(70% 0.05 210 / 0.18); background: oklch(21% 0.055 218); } .portal-console__brand { display: flex; align-items: center; gap: 14px; min-width: 0; } .portal-console__brand img { width: 58px; height: auto; flex: 0 0 auto; object-fit: contain; } .portal-console__brand span { min-width: 0; } .portal-console__brand strong, .portal-console__brand small { display: block; } .portal-console__brand strong { color: #fff; font-size: 18px; font-weight: 800; } .portal-console__brand small { margin-top: 5px; color: oklch(70% 0.035 210); font-size: 11px; } .portal-console__status { display: flex; gap: 6px; direction: ltr; } .portal-console__status i { width: 7px; height: 7px; border-radius: 50%; background: oklch(55% 0.025 215); } .portal-console__status i:first-child { background: var(--portal-gold); } .portal-console__roles { display: grid; gap: 1px; background: oklch(70% 0.045 210 / 0.15); } .portal-console__role { display: grid; grid-template-columns: 42px 52px minmax(0, 1fr) 20px; align-items: center; gap: 15px; min-height: 88px; padding: 17px 24px; background: oklch(24% 0.061 218); color: #fff; transition: background-color 170ms ease-out, padding 170ms cubic-bezier(.22, 1, .36, 1); } .portal-console__role:hover { padding-inline-start: 29px; background: oklch(29% 0.073 214); color: #fff; } .portal-console__role-number { color: var(--portal-gold); font-size: 12px; font-weight: 850; } .portal-console__role-icon { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid oklch(65% 0.085 202 / 0.36); border-radius: 14px; background: oklch(30% 0.075 205); color: var(--portal-teal); font-size: 23px; } .portal-console__role-copy, .portal-console__role-copy strong, .portal-console__role-copy small { display: block; min-width: 0; } .portal-console__role-copy strong { color: #fff; font-size: 16px; font-weight: 800; } .portal-console__role-copy small { margin-top: 5px; color: oklch(72% 0.026 210); font-size: 11px; } .portal-console__arrow { color: var(--portal-teal); font-size: 11px; } .portal-console__footer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: oklch(20% 0.051 218); } .portal-console__footer span { min-width: 0; padding: 14px 12px; border-inline-end: 1px solid oklch(70% 0.045 210 / 0.13); color: oklch(73% 0.028 210); font-size: 10px; font-weight: 700; text-align: center; } .portal-console__footer span:last-child { border-inline-end: 0; } .portal-directory { padding: clamp(76px, 8vw, 126px) 0 clamp(56px, 6vw, 88px); } .portal-section-heading { max-width: 790px; margin-bottom: 34px; } .portal-section-heading h2, .portal-faq h2, .portal-how h2, .portal-final-cta h2 { margin: 12px 0 0; font-size: clamp(32px, 4.3vw, 57px); font-weight: 850; line-height: 1.25; letter-spacing: -0.035em; } .portal-section-heading h2, .portal-faq h2 { color: var(--portal-ink); } .portal-section-heading p { max-width: 720px; margin: 15px 0 0; color: var(--portal-muted); font-size: 16px; line-height: 1.85; } .portal-role-jump { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 30px; border: 1px solid var(--portal-line); background: #fff; } .portal-role-jump a { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 62px; padding: 12px 18px; border-inline-end: 1px solid var(--portal-line); color: var(--portal-ink); font-size: 14px; font-weight: 800; transition: background-color 160ms ease-out, color 160ms ease-out; } .portal-role-jump a:last-child { border-inline-end: 0; } .portal-role-jump a:hover { background: oklch(94% 0.035 205); color: var(--portal-teal-dark); } .portal-role-jump span { color: var(--portal-teal-dark); font-size: 11px; } .portal-service-groups { display: grid; gap: 26px; } .portal-service-group { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.55fr); min-height: 560px; border: 1px solid var(--portal-line); background: #fff; box-shadow: 0 22px 60px oklch(26% 0.035 218 / 0.07); scroll-margin-top: 28px; } .portal-service-group__intro { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(34px, 4vw, 58px); overflow: hidden; background: var(--portal-navy); color: #fff; } .portal-service-group__intro::after { position: absolute; inset-block-end: -110px; inset-inline-end: -110px; width: 230px; height: 230px; border: 1px solid oklch(73% 0.08 205 / 0.19); content: ''; pointer-events: none; transform: rotate(45deg); } .portal-service-group__number { margin-bottom: 22px; color: var(--portal-gold); font-size: 13px; font-weight: 850; } .portal-service-group__icon { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-bottom: 22px; border: 1px solid oklch(79% 0.075 202 / 0.37); color: var(--portal-teal); font-size: 28px; } .portal-service-group__intro h2 { margin: 0; color: #fff; font-size: clamp(28px, 3vw, 42px); font-weight: 850; line-height: 1.3; } .portal-service-group__intro p { max-width: 430px; margin: 16px 0 0; color: oklch(86% 0.019 210); font-size: 14px; line-height: 1.85; } .portal-text-link { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 10px; margin-top: 27px; padding-bottom: 7px; border-bottom: 2px solid var(--portal-gold); color: #fff; font-size: 13px; font-weight: 800; } .portal-text-link:hover { color: var(--portal-gold); } .portal-service-group__directory { padding: clamp(31px, 4vw, 54px); } .portal-service-group__label { display: block; margin-bottom: 13px; color: var(--portal-teal-dark); font-size: 12px; font-weight: 800; } .portal-service-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid var(--portal-line); list-style: none; } .portal-service-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; min-height: 104px; padding: 19px 15px; border-bottom: 1px solid var(--portal-line); } .portal-service-list li:nth-child(odd) { border-inline-end: 1px solid var(--portal-line); } .portal-service-list__index { color: var(--portal-teal-dark); font-size: 10px; font-weight: 850; } .portal-service-list__copy, .portal-service-list__copy strong, .portal-service-list__copy small { display: block; min-width: 0; } .portal-service-list__copy strong { color: var(--portal-ink); font-size: 14px; font-weight: 800; line-height: 1.55; } .portal-service-list__copy small { margin-top: 6px; color: var(--portal-muted); font-size: 11px; line-height: 1.65; } .portal-app { padding: 0 0 clamp(82px, 9vw, 140px); } .portal-app__frame { position: relative; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(330px, 0.88fr); min-height: 520px; overflow: hidden; background: var(--portal-navy); color: oklch(97% 0.008 205); box-shadow: 0 30px 80px oklch(22% 0.045 218 / 0.16); } .portal-app__frame::before { position: absolute; inset-block-start: -210px; inset-inline-start: -150px; width: 430px; height: 430px; border: 1px solid oklch(72% 0.09 205 / 0.17); box-shadow: 0 0 0 48px oklch(72% 0.09 205 / 0.025); content: ''; pointer-events: none; transform: rotate(45deg); } .portal-app__copy { position: relative; z-index: 2; align-self: center; padding: clamp(40px, 6vw, 78px); } .portal-app h2 { max-width: 700px; margin: 13px 0 0; color: oklch(97% 0.008 205); font-size: clamp(32px, 4.2vw, 55px); font-weight: 850; line-height: 1.25; letter-spacing: -0.035em; } .portal-app__copy > p { max-width: 660px; margin: 17px 0 0; color: oklch(82% 0.025 210); font-size: 15px; line-height: 1.9; } .portal-app__benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 840px; margin: 30px 0 0; padding: 0; border-block: 1px solid oklch(74% 0.06 205 / 0.2); list-style: none; } .portal-app__benefits li { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: start; gap: 13px; padding: 20px 0; } .portal-app__benefits li + li { padding-inline-start: 24px; border-inline-start: 1px solid oklch(74% 0.06 205 / 0.2); } .portal-app__benefits li > i { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid oklch(75% 0.09 205 / 0.36); color: var(--portal-teal); font-size: 16px; } .portal-app__benefits strong, .portal-app__benefits small { display: block; } .portal-app__benefits strong { color: oklch(97% 0.008 205); font-size: 14px; font-weight: 800; } .portal-app__benefits small { margin-top: 5px; color: oklch(76% 0.025 210); font-size: 11px; line-height: 1.65; } .portal-app__stores { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; } .portal-app__stores a { display: inline-flex; align-items: center; min-height: 56px; padding: 6px 9px; border: 1px solid oklch(75% 0.085 205 / 0.32); background: oklch(20% 0.05 218); transition: border-color 180ms ease-out, background-color 180ms ease-out, transform 180ms cubic-bezier(0.16, 1, 0.3, 1); } .portal-app__stores a:hover { border-color: var(--portal-gold); background: oklch(24% 0.06 215); transform: translateY(-3px); } .portal-app__stores img { display: block; width: 141px; height: auto; } .portal-app__visual { position: relative; display: grid; place-items: center; min-height: 520px; overflow: hidden; background: oklch(33% 0.085 205); } .portal-app__visual::before, .portal-app__visual::after { position: absolute; width: 330px; height: 330px; border: 1px solid oklch(86% 0.07 198 / 0.18); content: ''; pointer-events: none; transform: rotate(45deg); } .portal-app__visual::before { inset-block-start: -190px; inset-inline-end: -120px; } .portal-app__visual::after { inset-block-end: -210px; inset-inline-start: -130px; } .portal-app__phone { position: relative; z-index: 2; width: min(260px, 68%); min-height: 420px; padding: 35px 18px 19px; border: 6px solid oklch(18% 0.045 218); border-radius: 38px; background: oklch(96% 0.015 205); box-shadow: 0 32px 70px oklch(12% 0.045 218 / 0.35); transform: rotate(-3deg); } .portal-app__speaker { position: absolute; inset-block-start: 15px; inset-inline-start: 50%; width: 58px; height: 5px; border-radius: 99px; background: oklch(35% 0.035 215); transform: translateX(-50%); } [dir='rtl'] .portal-app__speaker { transform: translateX(50%); } .portal-app__screen-brand { display: flex; align-items: center; gap: 11px; padding-bottom: 18px; border-bottom: 1px solid oklch(82% 0.035 205); } .portal-app__screen-brand img { width: 48px; height: 48px; object-fit: contain; } .portal-app__screen-brand strong, .portal-app__screen-brand small { display: block; } .portal-app__screen-brand strong { color: var(--portal-ink); font-size: 11px; font-weight: 850; line-height: 1.5; } .portal-app__screen-brand small { margin-top: 2px; color: var(--portal-muted); font-size: 8px; } .portal-app__notification { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 25px; padding: 14px 12px; border: 1px solid oklch(80% 0.045 205); background: oklch(92% 0.035 202); box-shadow: 0 12px 28px oklch(29% 0.045 213 / 0.11); } .portal-app__notification > span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: var(--portal-teal-dark); color: oklch(97% 0.008 205); font-size: 13px; } .portal-app__notification small, .portal-app__notification strong { display: block; } .portal-app__notification small { color: var(--portal-teal-dark); font-size: 8px; font-weight: 800; } .portal-app__notification strong { margin-top: 3px; color: var(--portal-ink); font-size: 9px; font-weight: 800; line-height: 1.5; } .portal-app__phone-nav { position: absolute; inset-inline: 18px; inset-block-end: 19px; display: flex; align-items: center; justify-content: space-around; min-height: 47px; border-top: 1px solid oklch(82% 0.035 205); color: oklch(51% 0.035 210); font-size: 12px; } .portal-app__phone-nav i:nth-child(2) { color: var(--portal-teal-dark); } .portal-app__platform { position: absolute; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 1px solid oklch(90% 0.035 200 / 0.56); border-radius: 50%; background: oklch(96% 0.015 205); color: var(--portal-teal-dark); box-shadow: 0 15px 38px oklch(14% 0.05 218 / 0.22); font-size: 25px; } .portal-app__platform--android { inset-block-start: 18%; inset-inline-start: 12%; } .portal-app__platform--apple { inset-inline-end: 11%; inset-block-end: 20%; } .portal-how { position: relative; padding: clamp(72px, 8vw, 118px) 0; overflow: hidden; background: var(--portal-navy-deep); color: #fff; } .portal-how::before { position: absolute; inset-block-start: 0; inset-inline-end: 12%; width: 1px; height: 100%; background: oklch(70% 0.07 205 / 0.14); content: ''; } .portal-how__layout { position: relative; display: grid; grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr); align-items: start; gap: clamp(48px, 8vw, 130px); } .portal-how h2, .portal-final-cta h2 { color: #fff; } .portal-steps { margin: 0; padding: 0; border-top: 1px solid oklch(72% 0.045 210 / 0.22); list-style: none; } .portal-steps li { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 20px; padding: 25px 0; border-bottom: 1px solid oklch(72% 0.045 210 / 0.22); } .portal-steps li > span { color: var(--portal-gold); font-size: 12px; font-weight: 850; } .portal-steps h3 { margin: 0; color: #fff; font-size: 18px; font-weight: 800; } .portal-steps p { margin: 7px 0 0; color: oklch(76% 0.025 210); font-size: 13px; line-height: 1.75; } .portal-faq { padding: clamp(76px, 8vw, 126px) 0; } .portal-faq__layout { display: grid; grid-template-columns: minmax(290px, 0.7fr) minmax(0, 1.3fr); align-items: start; gap: clamp(42px, 8vw, 120px); } .portal-faq__items { border-top: 1px solid var(--portal-line); } .portal-faq details { border-bottom: 1px solid var(--portal-line); } .portal-faq summary { display: grid; grid-template-columns: 34px minmax(0, 1fr) 36px; align-items: center; gap: 14px; min-height: 90px; padding: 18px 0; cursor: pointer; list-style: none; } .portal-faq summary::-webkit-details-marker { display: none; } .portal-faq summary > span { color: var(--portal-teal-dark); font-size: 10px; font-weight: 850; } .portal-faq summary strong { color: var(--portal-ink); font-size: 16px; font-weight: 800; line-height: 1.65; } .portal-faq summary > i { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--portal-line); color: var(--portal-teal-dark); font-size: 12px; transition: transform 180ms ease-out, background-color 180ms ease-out; } .portal-faq details[open] summary > i { background: oklch(92% 0.043 205); transform: rotate(45deg); } .portal-faq details > p { max-width: 760px; margin: -5px 48px 24px 84px; color: var(--portal-muted); font-size: 14px; line-height: 1.85; } [dir='ltr'] .portal-faq details > p, html[lang='en'] .portal-faq details > p { margin-right: 48px; margin-left: 84px; } .portal-final-cta { padding: 0 0 clamp(74px, 8vw, 116px); } .portal-final-cta__frame { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 44px; padding: clamp(38px, 5vw, 68px); overflow: hidden; background: var(--portal-navy); color: #fff; } .portal-final-cta__frame::after { position: absolute; inset-block-start: -100px; inset-inline-end: 18%; width: 240px; height: 240px; border: 1px solid oklch(75% 0.075 205 / 0.2); content: ''; pointer-events: none; transform: rotate(45deg); } .portal-final-cta__frame > * { position: relative; z-index: 1; } .portal-final-cta h2 { font-size: clamp(29px, 3.5vw, 47px); } .portal-final-cta p { max-width: 760px; margin: 14px 0 0; color: oklch(82% 0.022 210); font-size: 14px; line-height: 1.85; } [dir='ltr'] .portal-console__arrow, [dir='ltr'] .portal-text-link i, [dir='ltr'] .portal-button .icon-arrow-left, html[lang='en'] .portal-console__arrow, html[lang='en'] .portal-text-link i, html[lang='en'] .portal-button .icon-arrow-left { transform: rotate(180deg); } @media (max-width: 1199px) { .portal-hero { min-height: auto; } .portal-hero__layout { grid-template-columns: minmax(0, 0.9fr) minmax(450px, 1.1fr); gap: 48px; } .portal-service-group { grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.4fr); } } @media (max-width: 991px) { .portal-hero__layout, .portal-app__frame, .portal-how__layout, .portal-faq__layout { grid-template-columns: minmax(0, 1fr); } .portal-hero__copy { max-width: 780px; } .portal-console { max-width: 760px; } .portal-service-group { grid-template-columns: minmax(0, 1fr); min-height: 0; } .portal-service-group__intro { min-height: 360px; } .portal-app__visual { min-height: 460px; } .portal-how__layout, .portal-faq__layout { gap: 36px; } } @media (max-width: 767px) { .portal-role-jump { grid-template-columns: minmax(0, 1fr); } .portal-role-jump a { justify-content: flex-start; border-inline-end: 0; border-bottom: 1px solid var(--portal-line); } .portal-role-jump a:last-child { border-bottom: 0; } .portal-service-list { grid-template-columns: minmax(0, 1fr); } .portal-service-list li:nth-child(odd) { border-inline-end: 0; } .portal-app__benefits { grid-template-columns: minmax(0, 1fr); } .portal-app__benefits li + li { padding-inline-start: 0; border-block-start: 1px solid oklch(74% 0.06 205 / 0.2); border-inline-start: 0; } .portal-final-cta__frame { grid-template-columns: minmax(0, 1fr); justify-items: start; } } @media (max-width: 575px) { .portal-hero { padding: 42px 0 48px; } .portal-hero h1 { margin-block: 11px 15px; font-size: 39px; } .portal-hero__definition { font-size: 14px; line-height: 1.85; } .portal-hero__actions { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 23px; } .portal-button { width: 100%; min-height: 52px; padding-inline: 18px; } .portal-hero__note { align-items: flex-start; } .portal-console { border-radius: 18px; } .portal-console__media { min-height: 148px; } .portal-console__media-secondary { inset-block-end: 10px; inset-inline-start: 10px; width: 44%; border-width: 2px; border-radius: 9px; } .portal-console__topbar { min-height: 94px; padding: 13px 16px; } .portal-console__brand { gap: 10px; } .portal-console__brand img { width: 45px; } .portal-console__brand strong { font-size: 15px; } .portal-console__brand small { font-size: 9px; } .portal-console__role { grid-template-columns: 28px 42px minmax(0, 1fr) 14px; gap: 10px; min-height: 88px; padding: 14px 15px; } .portal-console__role:hover { padding-inline-start: 18px; } .portal-console__role-icon { width: 40px; height: 40px; border-radius: 11px; font-size: 18px; } .portal-console__role-copy strong { font-size: 13px; line-height: 1.45; } .portal-console__footer { grid-template-columns: minmax(0, 1fr); } .portal-console__footer span { padding: 9px 12px; border-inline-end: 0; border-bottom: 1px solid oklch(70% 0.045 210 / 0.13); } .portal-console__footer span:last-child { border-bottom: 0; } .portal-directory, .portal-faq { padding-block: 62px; } .portal-section-heading h2, .portal-faq h2, .portal-how h2 { font-size: 33px; } .portal-section-heading p { font-size: 14px; } .portal-service-groups { gap: 18px; } .portal-service-group__intro { min-height: 320px; padding: 32px 24px; } .portal-service-group__intro h2 { font-size: 29px; } .portal-service-group__directory { padding: 26px 20px; } .portal-service-list li { min-height: 96px; padding-inline: 4px; } .portal-app { padding-bottom: 62px; } .portal-app__copy { padding: 36px 24px 40px; } .portal-app h2 { font-size: 33px; } .portal-app__copy > p { font-size: 14px; } .portal-app__stores { gap: 9px; } .portal-app__stores a { min-height: 52px; padding-inline: 7px; } .portal-app__stores img { width: 128px; } .portal-app__visual { min-height: 410px; } .portal-app__phone { width: 218px; min-height: 360px; } .portal-app__platform { width: 52px; height: 52px; font-size: 21px; } .portal-how { padding-block: 62px; } .portal-steps li { grid-template-columns: 38px minmax(0, 1fr); gap: 13px; } .portal-faq summary { grid-template-columns: 24px minmax(0, 1fr) 32px; gap: 9px; min-height: 82px; } .portal-faq summary strong { font-size: 14px; } .portal-faq details > p, [dir='ltr'] .portal-faq details > p, html[lang='en'] .portal-faq details > p { margin: -2px 34px 21px 58px; font-size: 13px; } [dir='ltr'] .portal-faq details > p, html[lang='en'] .portal-faq details > p { margin-right: 34px; margin-left: 58px; } .portal-final-cta { padding-bottom: 66px; } .portal-final-cta__frame { gap: 28px; padding: 34px 24px; } } .side-nav li a { font-size: 13px; } @media (max-width: 2559px) { .f-about .mission .item p { font-size: 13px; margin-bottom: 10px; } .regulations .item .title { font-size: 15px !important; } } .content-more.read-more-text { overflow: hidden; margin-bottom: 20px; } .f-about .mission .item .more { width: auto; } .section-manger img.img-fluid { border: 1px solid #28b1cd; border-radius: 25px; width: 50%; padding: 6px; } /* Faculty directory cards: calm institutional surfaces with a stable portrait frame, so image loading never changes a card's dimensions. */ section.managers.managersv2 { --faculty-ink: oklch(0.31 0.065 220); --faculty-muted: oklch(0.52 0.025 220); --faculty-teal: oklch(0.68 0.125 210); --faculty-teal-dark: oklch(0.47 0.095 215); --faculty-teal-soft: oklch(0.965 0.018 210); --faculty-gold: oklch(0.76 0.13 88); --faculty-line: oklch(0.89 0.025 210); --faculty-surface: oklch(0.992 0.004 210); } section.managers.managersv2 > .row { align-items: stretch; } section.managers.managersv2 .item { display: flex; margin-right: 0; margin-bottom: 24px; margin-left: 0; padding-top: 0; padding-right: 12px; padding-left: 12px; } section.managers.managersv2 .item .details.professor-card { display: flex; width: 100%; min-height: 100% !important; padding: 26px 22px 22px; align-items: center; flex-direction: column; border: 1px solid var(--faculty-line); border-radius: 20px; background: var(--faculty-surface); box-shadow: 0 10px 30px oklch(0.28 0.05 220 / 0.07); color: var(--faculty-ink); overflow: hidden; transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out, transform .2s ease-in-out; } section.managers.managersv2 .item:hover .details.professor-card, section.managers.managersv2 .item .details.professor-card:focus-within { border-color: var(--faculty-gold); box-shadow: 0 16px 36px oklch(0.28 0.05 220 / 0.12); transform: translateY(-2px); } section.managers.managersv2 .image.professor-card__portrait { position: static; width: 154px; height: 154px; margin: 0 auto 18px; flex: 0 0 154px; border: 5px solid var(--faculty-surface); border-radius: 50%; background: var(--faculty-teal-soft); box-shadow: 0 0 0 2px var(--faculty-teal), 0 9px 22px oklch(0.31 0.065 220 / 0.13); overflow: hidden; } section.managers.managersv2 .image img.professor-card__photo { display: block; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 50%; background: var(--faculty-teal-soft); object-fit: cover; object-position: center; } section.managers.managersv2 .image img.professor-card__photo--placeholder { padding: 24px; object-fit: contain; } section.managers.managersv2 .details strong.professor-card__name { display: -webkit-box; min-height: 2.8em; margin: 0 0 9px !important; color: var(--faculty-ink); font-size: 18px !important; font-weight: 700; line-height: 1.4; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } section.managers.managersv2 .professor-card__badge { display: inline-flex; min-height: 30px; margin: 0 0 12px; padding: 5px 14px; align-items: center; border: 1px solid oklch(0.88 0.04 210); border-radius: 999px; background: var(--faculty-teal-soft); color: var(--faculty-teal-dark); font-size: 12px; font-weight: 600; line-height: 1.2; } section.managers.managersv2 .details .name.professor-card__meta { display: -webkit-box; min-height: 3em; margin: 0 0 18px !important; color: var(--faculty-muted); font-size: 14px; font-weight: 400 !important; line-height: 1.5em; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } section.managers.managersv2 .social li { margin-top: 5px; } .btn-view-profile { display: flex; width: 100%; max-width: 240px; min-height: 46px; margin: auto auto 0; padding: 10px 18px; align-items: center; justify-content: center; gap: 10px; border: 1px solid var(--faculty-teal, oklch(0.68 0.125 210)); border-radius: 10px; background: var(--faculty-teal, oklch(0.68 0.125 210)); color: oklch(0.99 0.004 210) !important; font-size: 14px; font-weight: 600; text-align: center; text-decoration: none !important; transition: background-color .2s ease-in-out, border-color .2s ease-in-out, transform .15s ease-in-out; } .btn-view-profile__arrow { font-size: 18px; line-height: 1; transition: transform .2s ease-in-out; } .btn-view-profile:active { transform: scale(0.98); } .btn-view-profile:hover { border-color: var(--faculty-teal-dark, oklch(0.47 0.095 215)); background: var(--faculty-teal-dark, oklch(0.47 0.095 215)); color: oklch(0.99 0.004 210) !important; } .btn-view-profile:hover .btn-view-profile__arrow { transform: translateX(-3px); } [dir='ltr'] .btn-view-profile:hover .btn-view-profile__arrow { transform: translateX(3px); } /* Faculty pagination: a compact window instead of exposing every page. */ .managersv2 .footer-pagection { margin-top: 8px; } .faculty-pagination { display: flex; padding: 20px 0 8px; align-items: center; flex-direction: column; gap: 13px; } .faculty-pagination__summary { margin: 0; color: var(--faculty-muted, oklch(0.52 0.025 220)); font-size: 13px; font-weight: 600; } .faculty-pagination .faculty-pagination__list { display: flex; margin: 0; padding: 8px; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px; border: 1px solid var(--faculty-line, oklch(0.89 0.025 210)); border-radius: 16px; background: var(--faculty-surface, oklch(0.992 0.004 210)); box-shadow: 0 8px 24px oklch(0.28 0.05 220 / 0.07); list-style: none; } .faculty-pagination .page-item { margin: 0; } .faculty-pagination .page-link { display: inline-flex; min-width: 42px; height: 42px; padding: 0 10px; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; border-radius: 50%; background: transparent; color: var(--faculty-ink, oklch(0.31 0.065 220)); font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none; transition: background-color .18s ease-in-out, border-color .18s ease-in-out, color .18s ease-in-out; } .faculty-pagination a.page-link:hover { border-color: var(--faculty-line, oklch(0.89 0.025 210)); background: var(--faculty-teal-soft, oklch(0.965 0.018 210)); color: var(--faculty-teal-dark, oklch(0.47 0.095 215)); } .faculty-pagination .page-item.active .page-link { border-color: var(--faculty-teal-dark, oklch(0.47 0.095 215)); background: var(--faculty-teal-dark, oklch(0.47 0.095 215)); box-shadow: 0 5px 14px oklch(0.47 0.095 215 / 0.24); color: oklch(0.99 0.004 210); } .faculty-pagination .faculty-pagination__control .page-link { min-width: 100px; padding: 0 15px; border-color: var(--faculty-line, oklch(0.89 0.025 210)); border-radius: 999px; } .faculty-pagination .faculty-pagination__ellipsis .page-link { min-width: 28px; padding: 0; color: var(--faculty-muted, oklch(0.52 0.025 220)); } .faculty-pagination .page-item.disabled .page-link { background: oklch(0.965 0.006 210); color: oklch(0.7 0.015 220); cursor: not-allowed; } .faculty-pagination .page-link:focus-visible, section.managers.managersv2 .btn-view-profile:focus-visible { outline: 3px solid var(--faculty-gold, oklch(0.76 0.13 88)); outline-offset: 3px; } @media (max-width: 575px) { section.managers.managersv2 .item { padding-right: 6px; padding-left: 6px; } section.managers.managersv2 .item .details.professor-card { padding: 22px 18px 18px; } .faculty-pagination .faculty-pagination__list { width: 100%; padding: 7px; flex-wrap: nowrap; } .faculty-pagination__list > .page-item:not(.faculty-pagination__control):not(.active) { display: none; } .faculty-pagination .faculty-pagination__control { flex: 1 1 0; } .faculty-pagination .faculty-pagination__control .page-link { width: 100%; min-width: 0; padding: 0 10px; } } @media (prefers-reduced-motion: reduce) { section.managers.managersv2 .item .details.professor-card, .btn-view-profile, .btn-view-profile__arrow, .faculty-pagination .page-link { transition: none; } section.managers.managersv2 .item:hover .details.professor-card, section.managers.managersv2 .item .details.professor-card:focus-within { transform: none; } } /* Faculty filter sidebar: clear every active filter at once. Deliberately quieter than .btn-view-profile — it is a secondary action. */ .btn-reset-filters { display: block; width: 100%; margin-top: 12px; padding: 9px 14px; border: 1px solid #d6dbe1; border-radius: 6px; background: #fff; color: #5b6875; font-size: 14px; text-align: center; cursor: pointer; transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out; } .btn-reset-filters:hover { border-color: #27b1cd; background: #f2fbfd; color: #1f8fa6; } .btn-reset-filters:active { transform: scale(0.98); } /* `hidden` must win over the display:block above, or the button would always show — the attribute is how the script hides it when no filter is active. */ .btn-reset-filters[hidden] { display: none; } .professor-profile-page { padding: 8px 0 120px; } .professor-profile-page .container { padding-top: 8px; } /* Two-column layout: content + sticky in-page navigation */ .professor-profile-page .professor-profile-layout { display: flex; align-items: flex-start; gap: 28px; margin-top: 16px; } .professor-profile-page .professor-profile-main { flex: 1 1 auto; min-width: 0; } .professor-profile-page .professor-profile-aside { flex: 0 0 290px; position: sticky; top: 90px; align-self: flex-start; } .professor-profile-page .professor-profile-nav { border: 1px solid #e8eef0; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(3, 52, 70, .06); overflow: hidden; } .professor-profile-page .professor-profile-nav__list { list-style: none; margin: 0; padding: 10px; } .professor-profile-page .professor-profile-nav__list li { margin: 0; } .professor-profile-page .professor-profile-nav__link { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 10px; color: #4a5a63; font-size: 14px; font-weight: 600; text-decoration: none; border-inline-start: 3px solid transparent; transition: background-color .18s ease, color .18s ease, border-color .18s ease; } .professor-profile-page .professor-profile-nav__link i { color: #90a4ad; font-size: 15px; width: 20px; text-align: center; transition: color .18s ease; } .professor-profile-page .professor-profile-nav__link:hover { background: #f5fafb; color: #1f8fa6; } .professor-profile-page .professor-profile-nav__link.is-active { background: #eef8fb; color: #1f8fa6; border-inline-start-color: #27b1cd; } .professor-profile-page .professor-profile-nav__link.is-active i { color: #27b1cd; } /* Offset anchored sections so the sticky site header doesn't cover them */ .professor-profile-page [id^="section-"] { scroll-margin-top: 100px; } .professor-profile-page .professor-profile-card { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; padding: 32px; border: 1px solid #e8eef0; border-radius: 16px; margin: 16px 0 28px; background: #fff; box-shadow: 0 8px 24px rgba(3, 52, 70, .06); } .professor-profile-page .professor-profile-card--hero { position: relative; overflow: hidden; } .professor-profile-page .professor-profile-card--hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(39, 177, 205, .04) 0%, rgba(255, 255, 255, 0) 55%); pointer-events: none; } .professor-profile-page .professor-profile-card__photo { flex: 0 0 180px; width: 180px; position: relative; z-index: 1; } .professor-profile-page .professor-profile-card__photo img { width: 180px; height: 180px; object-fit: cover; border: 4px solid #fff; border-radius: 50%; background: #f5fafb; box-shadow: 0 0 0 3px #27b1cd, 0 10px 24px rgba(3, 52, 70, .12); } .professor-profile-page .professor-profile-card__photo-placeholder { object-fit: contain !important; padding: 24px; } /* Token-preview only: shown while the draft photo awaits approval. */ .professor-profile-page .professor-profile-card__photo-note { margin: 10px 0 0; padding: 6px 12px; background: #fff8e6; color: #8a6d1a; border: 1px solid #f0e3bb; border-radius: 12px; font-size: 12px; font-weight: 600; text-align: center; } .professor-profile-page .professor-profile-card__info { flex: 1 1 0%; min-width: 0; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 16px; } .professor-profile-page .professor-profile-card__identity { display: flex; flex-direction: column; gap: 4px; } .professor-profile-page .professor-profile-card__name { font-size: 26px; font-weight: 700; color: #033446; margin: 0; line-height: 1.35; } .professor-profile-page .professor-profile-card__subtitle { color: #6c7a82; font-size: 15px; margin: 0; font-weight: 500; line-height: 1.4; } .professor-profile-page .professor-profile-card__subtitle[dir="ltr"] { text-align: end; unicode-bidi: plaintext; } .professor-profile-page .professor-profile-card__subtitle[dir="rtl"] { text-align: start; unicode-bidi: plaintext; } .professor-profile-page .professor-profile-card__meta { display: flex; flex-direction: column; gap: 10px; } .professor-profile-page .professor-profile-card__badge { display: inline-block; align-self: flex-start; background: #eef8fb; color: #1f8fa6; border: 1px solid #d4eef5; border-radius: 20px; padding: 5px 16px; font-size: 13px; font-weight: 600; } .professor-profile-page .professor-profile-card__affiliation { display: flex; align-items: flex-start; gap: 8px; color: #033446; font-size: 14px; margin: 0; line-height: 1.6; } .professor-profile-page .professor-profile-card__affiliation i { color: #27b1cd; margin-top: 3px; flex-shrink: 0; } /* Official graduate verification: the canonical profile URL is encoded in the QR. */ .professor-profile-page .graduate-profile__verification { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 760px; padding: 14px 16px; background: #f5fafb; border: 1px solid #d4eef5; border-radius: 14px; } .professor-profile-page .graduate-profile__verification-copy { display: flex; align-items: center; gap: 12px; min-width: 0; } .professor-profile-page .graduate-profile__verification-details { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; } .professor-profile-page .graduate-profile__verification-copy > span:last-child { display: flex; flex-direction: column; gap: 3px; } .professor-profile-page .graduate-profile__verification-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; color: #fff; background: #20ad63; border: 3px solid #dff7e9; border-radius: 50%; font-size: 15px; } .professor-profile-page .graduate-profile__verification-copy strong { display: block; color: #033446; font-size: 15px; font-weight: 700; line-height: 1.5; white-space: nowrap; } .professor-profile-page .graduate-profile__graduation-year { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding-inline-start: 50px; color: #033446; font-size: 13px; font-weight: 700; white-space: nowrap; } .professor-profile-page .graduate-profile__graduation-year i { color: #27b1cd; font-size: 17px; } .professor-profile-page .graduate-profile__qr { display: inline-flex; flex: 0 0 112px; align-items: center; text-decoration: none; } .professor-profile-page .graduate-profile__qr:focus-visible { outline: 3px solid rgba(39, 177, 205, .3); outline-offset: 4px; border-radius: 8px; } .professor-profile-page .graduate-profile__qr img { display: block; width: 112px; height: 112px; padding: 6px; background: #fff; border: 1px solid #cbe8ef; border-radius: 8px; } .professor-profile-page .professor-profile-card__highlights { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; align-self: flex-start; margin: 0; padding: 9px 18px; background: #f5fafb; border: 1px solid #e5f2f5; border-radius: 12px; } .professor-profile-page .professor-profile-card__highlight { display: inline-flex; align-items: center; color: #033446; font-size: 13px; font-weight: 600; } .professor-profile-page .professor-profile-card__highlight:not(:last-child)::after { content: ''; display: inline-block; width: 5px; height: 5px; margin-inline-start: 14px; border-radius: 50%; background: #27b1cd; } .professor-profile-page .professor-profile-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding-top: 4px; } .professor-profile-page .professor-profile-card__actions-primary, .professor-profile-page .professor-profile-card__actions-social { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .professor-profile-page .professor-profile-card__actions-social { padding-inline-start: 14px; border-inline-start: 1px solid #e8eef0; } .professor-profile-page .professor-profile-card__actions-social--flush { padding-inline-start: 0; border-inline-start: 0; } .professor-profile-page .professor-profile-card__actions .btn-view-profile { width: auto; margin: 0; max-width: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--primary { padding: 11px 22px; border-radius: 8px; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--outline { background: #fff; color: #27b1cd !important; border: 1px solid #27b1cd; padding: 10px 20px; border-radius: 8px; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--outline:hover { background: #eef8fb; color: #1f8fa6 !important; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--icon { width: 44px; height: 44px; padding: 0; border-radius: 10px; font-size: 17px; flex-shrink: 0; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--email { background: #27b1cd; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--email:hover { background: #1f8fa6; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--whatsapp { background: #25d366; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--whatsapp:hover { background: #1ebe5d; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--cv { background: #063446; } .professor-profile-page .professor-profile-card__actions .btn-view-profile__cv-mark { display: inline-flex; flex-direction: column; align-items: center; gap: 1px; color: #f6fbfc; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: 0.02em; } .professor-profile-page .professor-profile-card__actions .btn-view-profile__cv-mark small { color: #b9e5ee; font-size: 8px; font-weight: 800; line-height: 1; letter-spacing: .08em; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--cv:hover { background: #0b6075; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--links { background: #0a66c2; cursor: pointer; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--links:hover, .professor-profile-page .professor-profile-card__actions .btn-view-profile--links.is-active { background: #084f96; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--linkedin { background: #0a66c2; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--linkedin:hover { background: #004182; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--scholar { background: #4285f4; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--scholar:hover { background: #3367d6; } .professor-profile-page .professor-profile-card__no-contact { color: #8a8a8a; font-size: 13px; margin: 0; } /* Share panel (LMS-style) */ .professor-profile-page .professor-profile-card__share-toggle.is-active { background: #eef8fb; color: #1f8fa6 !important; border-color: #27b1cd; } .professor-profile-page .professor-profile-card__share, .professor-profile-page .professor-profile-card__links { margin-top: 18px; padding-top: 18px; border-top: 1px dashed #e0e9ec; animation: professor-share-in .2s ease; } @keyframes professor-share-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .professor-profile-page .professor-profile-card__share-title, .professor-profile-page .professor-profile-card__links-title { font-size: 13px; font-weight: 600; color: #6c7a82; margin: 0 0 12px; } .professor-profile-page .professor-profile-card__links-list { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .professor-profile-page .professor-profile-card__profile-link { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 40px; padding: 8px 13px; border: 1px solid #cbe8ef; border-radius: 9px; background: #f4fafc; color: #075875 !important; font-size: 12px; font-weight: 600; text-decoration: none !important; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } .professor-profile-page .professor-profile-card__profile-link i { flex: 0 0 auto; color: #27b1cd; } .professor-profile-page .professor-profile-card__profile-link span { min-width: 0; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .professor-profile-page .professor-profile-card__profile-link:hover { border-color: #27b1cd; background: #eaf7fa; color: #033446 !important; } .professor-profile-page .professor-profile-card__share-networks { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; } .professor-profile-page .professor-profile-card__share-network { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff !important; font-size: 16px; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease; } .professor-profile-page .professor-profile-card__share-network:hover { color: #fff !important; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(3, 52, 70, .18); } .professor-profile-page .professor-profile-card__share-network--linkedin { background: #0a66c2; } .professor-profile-page .professor-profile-card__share-network--twitter { background: #1d1d1f; } .professor-profile-page .professor-profile-card__share-network--facebook { background: #1877f2; } .professor-profile-page .professor-profile-card__share-network--whatsapp { background: #25d366; } .professor-profile-page .professor-profile-card__share-network--email { background: #6c7a82; } .professor-profile-page .professor-profile-card__share-copy { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border: 1px solid #d4eef5; border-radius: 8px; background: #fff; color: #1f8fa6; font-size: 13px; font-weight: 600; cursor: pointer; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } .professor-profile-page .professor-profile-card__share-copy:hover { background: #eef8fb; border-color: #27b1cd; } .professor-profile-page .professor-profile-card__share-copy.is-copied { background: #eafaf1; border-color: #25d366; color: #1a9c4c; } /* Stats row */ .professor-profile-page .professor-profile-card__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0 0 24px; } .professor-profile-page .professor-profile-card__stat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 22px 12px; border: 1px solid #e8eef0; border-radius: 14px; text-align: center; background: #fff; box-shadow: 0 4px 14px rgba(3, 52, 70, .04); transition: transform .2s ease, box-shadow .2s ease; } .professor-profile-page .professor-profile-card__stat:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(3, 52, 70, .08); } .professor-profile-page .professor-profile-card__stat i { color: #27b1cd; font-size: 22px; } .professor-profile-page .professor-profile-card__stat-number { font-size: 24px; font-weight: 700; color: #033446; line-height: 1; } .professor-profile-page .professor-profile-card__stat-label { font-size: 12px; color: #6c757d; } /* Bio + timelines */ .professor-profile-page .professor-profile-card__section { border: 1px solid #e8eef0; border-radius: 14px; padding: 24px 26px; margin-bottom: 20px; background: #fff; box-shadow: 0 4px 14px rgba(3, 52, 70, .04); } .professor-profile-page .professor-profile-card__section--timeline { margin-bottom: 0; height: 100%; } .professor-profile-page .professor-profile-card__section-title { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; color: #033446; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid #eef8fb; } .professor-profile-page .professor-profile-card__section-title i { color: #27b1cd; font-size: 16px; } .professor-profile-page .professor-profile-card__bio { color: #4a5a63; font-size: 15px; line-height: 2; margin: 0; } .professor-profile-page .professor-profile-card__empty-box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 28px 20px; border: 1px dashed #d8e6ea; border-radius: 12px; background: #f9fcfd; text-align: center; } .professor-profile-page .professor-profile-card__empty-box i { color: #27b1cd; font-size: 22px; opacity: .7; } .professor-profile-page .professor-profile-card__empty-box p { color: #8a9aa3; font-size: 14px; line-height: 1.7; margin: 0; } .professor-profile-page .professor-profile-card__timelines { margin-bottom: 8px; } .professor-profile-page .professor-profile-card__timelines > [class*="col-"] { display: flex; margin-bottom: 20px; } .professor-profile-page .professor-profile-card__timelines .professor-profile-card__section--timeline { flex: 1; } .professor-profile-page .professor-profile-card__timeline { list-style: none; margin: 0; padding: 4px 0 0 4px; border-inline-start: 2px solid #d4eef5; } .professor-profile-page .professor-profile-card__timeline li { position: relative; padding-inline-start: 22px; padding-bottom: 22px; display: flex; flex-direction: column; gap: 3px; } .professor-profile-page .professor-profile-card__timeline li:last-child { padding-bottom: 0; } .professor-profile-page .professor-profile-card__timeline li::before { content: ''; position: absolute; inset-inline-start: -7px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: #27b1cd; border: 2px solid #fff; box-shadow: 0 0 0 2px #d4eef5; } .professor-profile-page .professor-profile-card__timeline-item--current { margin-bottom: 18px; padding: 16px 18px 18px; border: 1px solid #d4eef5; border-radius: 14px; background: #f4fbfd; } .professor-profile-page .professor-profile-card__timeline-item--current::before { inset-inline-start: -8px; top: 20px; width: 14px; height: 14px; background: #087a91; } .professor-profile-page .professor-profile-card__timeline-item--current small { color: #087a91; font-size: 11px; font-weight: 700; } .professor-profile-page .professor-profile-card__timeline-year { color: #27b1cd; font-size: 12px; font-weight: 700; letter-spacing: .02em; } .professor-profile-page .professor-profile-card__timeline strong { color: #033446; font-size: 15px; font-weight: 600; line-height: 1.4; } .professor-profile-page .professor-profile-card__timeline span:not(.professor-profile-card__timeline-year) { color: #6c757d; font-size: 13px; line-height: 1.5; } .professor-profile-page .professor-profile-card__back { margin-top: 28px; text-align: center; } .professor-profile-page .professor-profile-card__back a { display: inline-flex; align-items: center; gap: 8px; color: #27b1cd; font-size: 14px; font-weight: 600; text-decoration: none; padding: 12px 22px; border: 1px solid #d4eef5; border-radius: 10px; background: #fff; box-shadow: 0 4px 12px rgba(3, 52, 70, .04); transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; } .professor-profile-page .professor-profile-card__back a:hover { background: #eef8fb; color: #1f8fa6; border-color: #27b1cd; text-decoration: none; transform: translateY(-1px); } .professor-profile-page .professor-profile-card__back i { font-size: 13px; } @media (max-width: 991px) { .professor-profile-page .professor-profile-layout { flex-direction: column; } .professor-profile-page .professor-profile-main { order: 1; width: 100%; } .professor-profile-page .professor-profile-aside { order: 2; position: static; top: auto; flex-basis: auto; width: 100%; } .professor-profile-page .professor-profile-card__stats { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .professor-profile-page .professor-profile-card { flex-direction: column; align-items: center; text-align: center; padding: 24px 20px; } .professor-profile-page .professor-profile-card__photo { flex: 0 0 auto; } .professor-profile-page .professor-profile-card__meta { align-items: center; } .professor-profile-page .professor-profile-card__badge { align-self: center; } .professor-profile-page .professor-profile-card__affiliation { justify-content: center; } .professor-profile-page .graduate-profile__verification { width: 100%; max-width: 360px; flex-direction: column; padding: 16px; } .professor-profile-page .graduate-profile__verification-copy { align-items: flex-start; text-align: start; } .professor-profile-page .graduate-profile__graduation-year { padding-inline-start: 0; border-inline-start: 0; } .professor-profile-page .professor-profile-card__pills, .professor-profile-page .professor-profile-card__actions, .professor-profile-page .professor-profile-card__actions-primary, .professor-profile-page .professor-profile-card__actions-social { justify-content: center; } .professor-profile-page .professor-profile-card__actions { flex-direction: column; align-items: stretch; gap: 12px; } .professor-profile-page .professor-profile-card__actions-social { padding-inline-start: 0; border-inline-start: 0; padding-top: 12px; border-top: 1px solid #e8eef0; } .professor-profile-page .professor-profile-card__subtitle[dir="ltr"], .professor-profile-page .professor-profile-card__subtitle[dir="rtl"] { text-align: center; } .professor-profile-page .professor-profile-card__section { padding: 20px 18px; } .professor-profile-page .professor-profile-card__actions .btn-view-profile--primary, .professor-profile-page .professor-profile-card__actions .btn-view-profile--outline { width: 100%; max-width: 280px; } } #site-header .dropdown-menu .dropdown-menu.level2 { left: -50% !important; display: none; top: 0px; } #site-header .dropdown-menu .dropdown:hover .dropdown-menu.level2 { display: block; } #slideshow .slide-nav p:after { content: unset; } .counter { max-width: 60px !important; } .cv { max-width: 60px !important; border-radius: 0 !important; } .dan { max-width: 200px !important; } .faculty #fac-departments, #fac-ads, .fac-statistics { background: #f5f5f5 url(../images/Mask.webp) repeat top !important; } #fac_contents{ background: #f5f5f5 url(../images/Mask.webp) repeat top !important; } .faculty #news { background: unset !important; } #fac-departments .item .title { font-size: 15px !important; } /*.content .content-head .details{*/ /* padding-top: 80px !important;*/ /*}*/ @media (max-width: 575px) { .content .content-head .row > div:last-of-type { padding-top: 20px !important; } #fac-departments .item .title { font-size: 12px !important; } } @media (max-width: 2559px) { .managers .details { min-height: 216px; } } section.content > ul li { list-style: disc; font-size: 15px !important; line-height: 1.8; } @media (max-width: 2559px) { .f-about .f-logo { left: 224px; } } .image_cover { max-width: 75% !important; } .f-about .mission .item > i > img { max-width: 70px !important; } .default-page .a-link i > img { max-width: 75px; border-radius: unset; } @media (max-width: 768px) { table { display: block; width: 100%; overflow-x: auto; } } .image_ads { max-width: 60% !important; } .pdf_download { min-height: 47px !important; width: 100% !important; } .search_button { font-size: 18px; margin: 20px auto 0; border-radius: 40px; height: 44px; background: #27b1cd; color: #fff; padding: 0 45px; border: 0; } .search_label { margin-top: 20px; } .col-content .content p, .col-content .content > p * { color: #033446 !important; } #site-header .navbar-nav > .nav-item { padding: 0 14px; } .academic_programme { opacity: 1 !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; width: 30px !important; height: 30px !important; } .center { max-width: 250px !important; } .event-item { padding-bottom: 25px; } .chapter { max-width: unset !important; } .about-us .statistics:not(.statistics--portal) .row > div:nth-of-type(4) { padding: 0 !important; } .social li a { border: unset !important; } .social li a:hover { background: #fff; border-color: #fff; color: #fff; } .image_menu{ width:54px; } .side-nav .heading { font-size: 12px !important; padding: 12px 7px 12px 0 !important; } /* Global justify alignment for all rich-text content areas */ .content p, .content li, .col-content .content p, .col-content .content > p * { text-align: justify; } /* ── Mobile header + sidebar-page responsive fixes ─────────────────────────── The mobile off-canvas menu (#site-header .navbar-collapse) is a fixed, always-`display:block` panel parked at `right:-255px` when closed. A fixed box sitting past the right edge extends the document width, so opening and then closing the menu left the page horizontally scrollable — a blank vertical strip down the side with the content shifted across (the "line" that stays after closing the menu). Clip horizontal overflow at the mobile breakpoints and take the closed panel out of the tab order via visibility. Scoped to <=1199px, where the full desktop navigation no longer fits comfortably and the profile page can safely stack its sidebar (position: static), so this cannot break position:sticky on desktop. */ @media (max-width: 1199px) { html, body { overflow-x: hidden; } /* Closed panel: hidden (also removes its off-screen links from tab order). #site-header .navbar-collapse already carries `transition: all .5s`, so visibility defers to the end of the slide-out and the animation is kept. */ #site-header .navbar-collapse { visibility: hidden; } #site-header .navbar-collapse.show { visibility: visible; } /* Tablet layout: the 220px filter sidebar left the results grid cramped with a tall empty gap beside it. Stack the sidebar full-width above the content (as it already does below 767px) so cards use the full width. */ #main .col-aside { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #main .col-content { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /* Footer social and app hub */ footer .footer-connect { --footer-connect-text: oklch(90% 0.045 220); --footer-connect-accent: oklch(76% 0.13 208); --footer-connect-gold: oklch(80% 0.12 95); background: oklch(29% 0.055 220 / 0.72); border: 1px solid oklch(70% 0.08 215 / 0.24); border-radius: 22px; box-shadow: 0 20px 50px oklch(15% 0.035 220 / 0.2); overflow: hidden; } footer .footer-connect__group { padding: 24px 26px; } footer .footer-connect__group + .footer-connect__group { border-top: 1px solid oklch(70% 0.08 215 / 0.18); } footer .footer-connect__title { display: flex; align-items: center; gap: 10px; margin: 0 0 17px; color: var(--footer-connect-text); font-size: 17px; font-weight: 700; line-height: 1.4; } footer .footer-connect__title::before { content: ''; width: 26px; height: 3px; flex: 0 0 26px; border-radius: 999px; background: var(--footer-connect-gold); } footer .footer-connect__socials, footer .footer-connect__stores { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; } footer .footer-connect__socials li, footer .footer-connect__stores li, footer .footer-connect__socials li:not(:last-of-type), footer .footer-connect__stores li:not(:last-of-type) { margin: 0 !important; } footer .footer-connect__socials a { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid oklch(76% 0.13 208 / 0.46); border-radius: 50%; background: oklch(76% 0.13 208 / 0.08); color: var(--footer-connect-accent); font-size: 17px; line-height: 1; transition: color 180ms ease-out, background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1), box-shadow 180ms ease-out; } footer .footer-connect a::after { display: none; } footer .footer-connect__socials a svg { width: 19px; height: 19px; } footer .footer-connect__socials a:hover { color: oklch(25% 0.045 220); background: var(--footer-connect-gold); border-color: var(--footer-connect-gold); box-shadow: 0 8px 20px oklch(15% 0.035 220 / 0.24); transform: translateY(-2px); } footer .footer-connect__socials a:focus-visible, footer .footer-connect__store:focus-visible { outline: 3px solid var(--footer-connect-gold); outline-offset: 3px; } footer .footer-connect__store { display: inline-flex; align-items: center; justify-content: center; min-height: 47px; padding: 2px; border-radius: 9px; transition: background-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1), box-shadow 180ms ease-out; } footer a.footer-connect__store:hover { background: oklch(76% 0.13 208 / 0.1); box-shadow: 0 10px 24px oklch(15% 0.035 220 / 0.2); transform: translateY(-2px); } footer .footer-connect__store img { display: block; width: 141px; height: auto; } footer .app-list li a.footer-connect__store { height: auto; } footer .app-list li a.footer-connect__store img { width: 141px; height: 43px; } footer .footer-connect__store.is-disabled { cursor: default; } @media (max-width: 1199px) { footer .footer-connect { margin-top: 26px; } } @media (max-width: 575px) { footer .footer-connect { border-radius: 18px; } footer .footer-connect__group { padding: 21px 20px; } footer .footer-connect__title { display: flex; margin-bottom: 15px; font-size: 16px; } footer .footer-connect__socials, footer .footer-connect__stores { gap: 9px; } footer .footer-connect__socials a { width: 40px; height: 40px; } } @media (prefers-reduced-motion: reduce) { footer .footer-connect__socials a, footer .footer-connect__store { transition: none; } } /* Academic invitation banner A formal, heraldic invitation that bridges the page content and footer. */ .register-now.register-invitation .register-invitation__frame { position: relative; isolation: isolate; min-height: 280px; overflow: hidden; padding: 0; border: 1px solid oklch(76% .105 92 / .72); border-radius: 24px; background: oklch(24% .052 220); box-shadow: 0 24px 54px oklch(17% .04 220 / .24); } .register-now.register-invitation .register-invitation__frame::before { position: absolute; z-index: -1; inset: 10px; border: 1px solid oklch(76% .105 92 / .26); border-radius: 16px; content: ''; pointer-events: none; } .register-now.register-invitation .register-invitation__frame::after { position: absolute; z-index: -2; inset: 0; background: url(../images/sign-bg.webp) no-repeat center; background-size: cover; content: ''; opacity: .07; pointer-events: none; } .register-now.register-invitation .register-invitation__image { position: relative; align-self: stretch; display: flex; width: 38%; height: auto; min-height: 278px; flex: 0 0 38%; align-items: flex-end; justify-content: center; max-width: none; overflow: hidden; padding: 20px 22px 0; border-inline-end: 1px solid oklch(76% .105 92 / .34); background: oklch(28% .055 220); } .register-now.register-invitation .register-invitation__image::before, .register-now.register-invitation .register-invitation__image::after { position: absolute; width: 64px; height: 1px; background: oklch(78% .12 92); content: ''; } .register-now.register-invitation .register-invitation__image::before { top: 25px; inset-inline-start: 23px; } .register-now.register-invitation .register-invitation__image::after { right: 23px; bottom: 22px; } .register-now.register-invitation .register-invitation__image img { position: static; z-index: 1; display: block; width: min(100%, 520px); height: auto; max-width: none; object-fit: contain; object-position: center bottom; } .register-now.register-invitation .register-invitation__content { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(26px, 4vw, 58px); width: 62%; padding: 40px clamp(34px, 4vw, 64px); } .register-now.register-invitation .register-invitation__copy { width: auto; min-width: 0; } .register-now.register-invitation .register-invitation__eyebrow { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 14px; color: oklch(82% .12 92); font-size: 13px; font-weight: 700; letter-spacing: .03em; } .register-now.register-invitation .register-invitation__eyebrow > span { width: 36px; height: 1px; background: currentColor; } .register-now.register-invitation .register-invitation__content .title { max-width: 650px; margin: 0; color: oklch(97% .01 210); font-family: inherit; font-size: clamp(29px, 2.35vw, 40px); font-weight: 800; line-height: 1.35; text-transform: none; } .register-now.register-invitation .register-invitation__content p { margin: 10px 0 0; color: oklch(77% .055 210); font-size: 16px; font-weight: 500; line-height: 1.7; text-transform: none; } .register-now.register-invitation .register-invitation__cta { display: inline-flex; min-width: 168px; height: 56px; align-items: center; justify-content: center; gap: 13px; padding: 0 25px; border: 1px solid oklch(83% .115 92); border-radius: 12px; background: oklch(79% .13 92); box-shadow: 0 10px 24px oklch(15% .03 220 / .22); color: oklch(23% .05 220); font-size: 16px; font-weight: 800; line-height: 1; text-align: center; transition: background-color 180ms ease-out, border-color 180ms ease-out, box-shadow 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .register-now.register-invitation .register-invitation__cta i { margin: 0; font-size: 10px; } .register-now.register-invitation .register-invitation__cta:hover { border-color: oklch(89% .11 92); background: oklch(84% .12 92); box-shadow: 0 14px 30px oklch(14% .03 220 / .29); color: oklch(20% .05 220); transform: translateY(-2px); } .register-now.register-invitation .register-invitation__cta:focus-visible { outline: 3px solid oklch(87% .12 92 / .62); outline-offset: 4px; } [dir='ltr'] .register-now.register-invitation .register-invitation__cta i, html[lang='en'] .register-now.register-invitation .register-invitation__cta i { transform: rotate(180deg); } @media (max-width: 1199px) { .register-now.register-invitation .register-invitation__image { width: 36%; flex-basis: 36%; padding-inline: 12px; } .register-now.register-invitation .register-invitation__content { width: 64%; gap: 24px; padding-inline: 34px; } .register-now.register-invitation .register-invitation__cta { min-width: 144px; padding-inline: 20px; } } @media (max-width: 991px) { .register-now.register-invitation .register-invitation__frame { min-height: 250px; } .register-now.register-invitation .register-invitation__image { min-height: 248px; } .register-now.register-invitation .register-invitation__content { grid-template-columns: 1fr; gap: 19px; padding: 30px 28px; } .register-now.register-invitation .register-invitation__content .title { font-size: clamp(24px, 3.3vw, 31px); } .register-now.register-invitation .register-invitation__content p { margin-top: 7px; font-size: 14px; } .register-now.register-invitation .register-invitation__cta { width: max-content; min-width: 154px; height: 48px; justify-self: start; } } @media (max-width: 575px) { .register-now.register-invitation .register-invitation__frame { display: flex; min-height: 0; flex-direction: column; padding: 0; border-radius: 20px; } .register-now.register-invitation .register-invitation__frame::before { inset: 8px; border-radius: 13px; } .register-now.register-invitation .register-invitation__image { display: flex; width: 100%; min-height: 0; height: 156px; flex: 0 0 156px; max-width: none; padding: 12px 22px 0; border-inline-end: 0; border-bottom: 1px solid oklch(76% .105 92 / .3); } .register-now.register-invitation .register-invitation__image img { width: min(100%, 330px); } .register-now.register-invitation .register-invitation__image::before { top: 18px; inset-inline-start: 19px; width: 42px; } .register-now.register-invitation .register-invitation__image::after { right: 19px; bottom: 16px; width: 42px; } .register-now.register-invitation .register-invitation__content { display: flex; width: 100%; max-width: none; flex-direction: column; gap: 20px; margin: 0; padding: 25px 24px 27px; text-align: center; } .register-now.register-invitation .register-invitation__eyebrow { justify-content: center; margin-bottom: 10px; font-size: 11px; } .register-now.register-invitation .register-invitation__eyebrow > span { width: 24px; } .register-now.register-invitation .register-invitation__content .title { font-size: clamp(23px, 7vw, 28px); line-height: 1.4; } .register-now.register-invitation .register-invitation__content p { font-size: 13px; } .register-now.register-invitation .register-invitation__cta { width: 100%; height: 48px; justify-self: stretch; border-radius: 10px; font-size: 14px; } } @media (prefers-reduced-motion: reduce) { .register-now.register-invitation .register-invitation__cta { transition: none; } } /* Footer signature bar A compact, full-width close to the page: brand, legal navigation, copyright. The floating WhatsApp action shares the same visual language without competing with the footer content. */ footer .footer-bottom { padding: 0; border-top: 1px solid oklch(73% 0.07 215 / .2); background: oklch(24% 0.052 220); } footer .footer-bottom__bar { position: relative; display: grid; grid-template-columns: auto minmax(280px, 1fr) minmax(260px, auto); min-height: 104px; align-items: center; gap: 28px; padding: 18px 0; } footer .footer-bottom__bar::before { position: absolute; top: -1px; inset-inline-start: 0; width: 64px; height: 2px; background: oklch(80% .12 95); content: ''; } footer .footer-bottom__brand { display: inline-flex; width: 156px; align-items: center; justify-content: center; padding: 7px 0; } footer .footer-bottom__brand img { display: block; width: 156px; height: auto; margin: 0; object-fit: contain; filter: brightness(1.08); } footer .footer-bottom__legal, footer .footer-bottom__legal ul { min-width: 0; margin: 0; padding: 0; } footer .footer-bottom__legal ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 24px; } footer .footer-bottom__legal li, footer .footer-bottom__legal li:not(:last-of-type) { margin: 0; } footer .footer-bottom__legal a { position: relative; display: inline-flex; min-height: 34px; align-items: center; padding: 6px 0; color: oklch(76% .08 214); font-size: 13px; font-weight: 600; line-height: 1.4; transition: color 180ms ease-out; } footer .footer-bottom__legal a::after { position: absolute; right: 0; bottom: 3px; left: 0; height: 1px; background: oklch(80% .12 95); content: ''; opacity: 0; transform: scaleX(.35); transition: opacity 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } footer .footer-bottom__legal a:hover, footer .footer-bottom__legal a:focus-visible { color: oklch(91% .035 213); } footer .footer-bottom__legal a:hover::after, footer .footer-bottom__legal a:focus-visible::after { opacity: 1; transform: scaleX(1); } footer .footer-bottom__brand:focus-visible, footer .footer-bottom__legal a:focus-visible { outline: 3px solid oklch(80% .12 95 / .62); outline-offset: 3px; } footer .footer-bottom .copy-rights { display: block; height: auto; max-width: 390px; justify-self: end; margin: 0; color: oklch(72% .055 214); font-size: 12px; font-weight: 500; line-height: 1.7; text-align: end; } a.w50pc { --whatsapp-green: #25D366; position: fixed; z-index: 999; bottom: 18px; left: 18px; display: grid; width: 52px; height: 52px; place-items: center; padding: 0; border: 1px solid var(--whatsapp-green); border-radius: 50%; background: oklch(98% .008 155); box-shadow: 0 12px 30px rgb(37 211 102 / .24); transition: background-color 180ms ease-out, border-color 180ms ease-out, box-shadow 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } a.w50pc img { display: block; width: 32px; height: 32px; margin: 0; object-fit: contain; } a.w50pc:hover { border-color: var(--whatsapp-green); background: oklch(95% .035 155); box-shadow: 0 15px 34px rgb(37 211 102 / .34); transform: translateY(-2px); } a.w50pc:focus-visible { outline: 3px solid rgb(37 211 102 / .68); outline-offset: 3px; } @media (max-width: 991px) { footer .footer-bottom__bar { grid-template-columns: auto minmax(0, 1fr); gap: 12px 24px; padding: 20px 0; } footer .footer-bottom__legal { grid-column: 1 / -1; grid-row: 2; } footer .footer-bottom .copy-rights { grid-column: 2; grid-row: 1; max-width: 520px; } } @media (max-width: 575px) { footer .footer-bottom__bar { grid-template-columns: 1fr; gap: 14px; padding: 24px 0 28px; text-align: center; } footer .footer-bottom__bar::before { inset-inline-start: 50%; transform: translateX(-50%); } footer .footer-bottom__brand, footer .footer-bottom__legal, footer .footer-bottom .copy-rights { grid-column: 1; grid-row: auto; justify-self: center; } footer .footer-bottom__brand, footer .footer-bottom__brand img { width: 142px; } footer .footer-bottom__legal ul { gap: 4px 16px; } footer .footer-bottom__legal a { font-size: 12px; } footer .footer-bottom .copy-rights { max-width: 34ch; font-size: 11px; text-align: center; } a.w50pc { bottom: 14px; left: 14px; width: 48px; height: 48px; } a.w50pc img { width: 29px; height: 29px; } } @media (prefers-reduced-motion: reduce) { footer .footer-bottom__legal a, footer .footer-bottom__legal a::after, a.w50pc { transition: none; } } /* Application gateway A clear decision page: one primary admission path, two supporting actions, and a compact orientation strip. All selectors are page-scoped so the legacy contact cards and content pages keep their existing behaviour. */ .application-page { --application-ink: #033446; --application-ink-soft: #456875; --application-teal: #0f91a8; --application-cyan: #27b1cd; --application-gold: #d0bb45; --application-surface: #f5fbfc; --application-line: #cde4e9; } .application-page .breadcrumb-nav { margin: 0; background: #f7fafb; } .application-main { padding: 24px 0 12px; background-color: #fff; background-position: 64% -52px; } .application-main > .container { padding-top: 0 !important; } .application-page__layout { align-items: flex-start; } .application-page__aside aside { position: sticky; top: 24px; } .application-nav.side-nav { margin-bottom: 0; padding: 18px; overflow: hidden; border: 1px solid #0d5263; border-radius: 24px; background: var(--application-ink); box-shadow: 0 22px 44px rgba(3, 52, 70, .14); } .application-nav__header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding: 2px 4px 14px; border-bottom: 1px solid rgba(210, 239, 244, .18); } .application-nav__logo { display: grid; flex: 0 0 56px; width: 56px; height: 56px; place-items: center; border-radius: 16px; background: #fff; } .application-nav__logo .image_menu { width: 45px; height: 45px; object-fit: contain; } .application-nav__eyebrow { display: block; margin-bottom: 2px; color: #85d8e7; font-size: 10px; font-weight: 700; letter-spacing: .02em; } .application-nav.side-nav .heading { margin: 0; padding: 0 !important; color: #fff; font-size: 15px !important; line-height: 1.35; } .application-nav__list { margin: 0; } .application-nav.side-nav li { margin-bottom: 3px; padding: 0; border-radius: 11px; } .application-nav.side-nav li:last-child { margin-bottom: 0; } .application-nav.side-nav li a { min-height: 42px; padding: 9px 11px; border: 0; border-radius: inherit; color: #d9edf1; font-size: 12px; line-height: 1.45; transition: background-color .2s ease, color .2s ease, padding .2s ease; } .application-nav.side-nav li a::after { flex: 0 0 auto; color: var(--application-gold); font-size: 7px; } .application-nav.side-nav li:hover, .application-nav.side-nav li.active { background: #0d596a; } .application-nav.side-nav li:hover a, .application-nav.side-nav li.active a { border-color: transparent; color: #fff; } .application-nav.side-nav li:hover a::after, .application-nav.side-nav li.active a::after { color: var(--application-gold); } .application-page__content .application-hub { padding: 0; } .application-hub__header { max-width: 760px; margin-bottom: 24px; } .application-hub__eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 8px; color: var(--application-teal); font-size: 13px; font-weight: 800; } .application-hub__eyebrow > span { width: 30px; height: 3px; border-radius: 3px; background: var(--application-gold); } .application-hub__header h1 { margin: 0 0 10px; color: var(--application-ink); font-size: clamp(36px, 3.35vw, 52px); font-weight: 800; line-height: 1.15; } .application-hub__header > p { max-width: 680px; margin: 0; color: var(--application-ink-soft) !important; font-size: 16px; line-height: 1.8; text-align: start; } .application-hub__actions { display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(280px, .86fr); gap: 16px; } .application-study-plan { display: grid; grid-template-columns: 48px minmax(0, 1fr) 22px; align-items: center; gap: 14px; margin-bottom: 16px; padding: 14px 18px; border: 1px solid #a9dce4; border-radius: 18px; background: #f0fafb; color: var(--application-ink); box-shadow: 0 10px 26px rgba(3, 52, 70, .06); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .application-study-plan__icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: var(--application-ink); color: #8ce0ed; } .application-study-plan__icon svg, .application-study-plan__arrow { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; } .application-study-plan strong, .application-study-plan small { display: block; } .application-study-plan strong { margin-bottom: 2px; font-size: 17px; font-weight: 800; } .application-study-plan small { color: var(--application-ink-soft); font-size: 13px; line-height: 1.55; } .application-study-plan__arrow { width: 20px; height: 20px; color: var(--application-teal); } [dir='ltr'] .application-study-plan__arrow { transform: scaleX(-1); } .application-study-plan:hover, .application-study-plan:focus-visible { border-color: var(--application-gold); box-shadow: 0 14px 32px rgba(3, 52, 70, .1); color: var(--application-ink); transform: translateY(-2px); } .application-primary { position: relative; display: flex; min-height: 336px; flex-direction: column; align-items: flex-start; padding: 25px; overflow: hidden; border: 1px solid #0e5969; border-radius: 26px; background: var(--application-ink); box-shadow: 0 24px 46px rgba(3, 52, 70, .17); isolation: isolate; } .application-primary::before { position: absolute; z-index: -1; inset: 0; background: url(../images/shape5.webp) no-repeat 105% -95px / 290px; content: ""; opacity: .08; transform: rotate(8deg); } .application-primary::after { position: absolute; z-index: -1; inset-inline-end: -60px; bottom: -100px; width: 210px; height: 210px; border: 1px solid rgba(91, 207, 225, .15); border-radius: 50%; content: ""; } .application-primary__topline { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 20px; } .application-primary__badge { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 12px; border-radius: 20px; background: var(--application-gold); color: var(--application-ink); font-size: 11px; font-weight: 800; } .application-primary__number { color: rgba(211, 239, 244, .42); font-size: 12px; font-weight: 800; letter-spacing: .14em; } .application-primary__icon { display: grid; width: 62px; height: 62px; margin-bottom: 18px; place-items: center; border: 1px solid rgba(117, 217, 232, .28); border-radius: 18px; background: #0c5b6c; color: #8ce0ed; } .application-primary__icon svg { width: 35px; height: 35px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.3; } .application-primary__copy { flex: 1; } .application-primary__copy h2, .application-action-card__copy strong, .application-journey h2 { text-transform: none; } .application-primary__copy h2 { margin: 0 0 7px; color: #fff; font-size: clamp(24px, 2vw, 31px); font-weight: 800; line-height: 1.25; } .application-primary__copy p { max-width: 530px; margin: 0; color: #bad7dd !important; font-size: 14px; line-height: 1.75; text-align: start; } .application-cta { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 14px; margin-top: 18px; padding: 10px 19px; border: 1px solid #51c5d8; border-radius: 14px; font-size: 14px; font-weight: 800; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; } .application-cta--primary { background: var(--application-cyan); color: var(--application-ink); } .application-cta svg, .application-action-card__link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; } [dir='ltr'] .application-cta svg, [dir='ltr'] .application-action-card__link svg { transform: scaleX(-1); } .application-cta:hover, .application-cta:focus-visible { border-color: var(--application-gold); background: var(--application-gold); color: var(--application-ink); transform: translateY(-2px); } .application-secondary { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 16px; } .application-action-card { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-content: center; align-items: center; gap: 4px 14px; min-height: 160px; padding: 18px; border: 1px solid var(--application-line); border-radius: 20px; background: #fff; box-shadow: 0 12px 30px rgba(3, 52, 70, .07); color: var(--application-ink); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .application-action-card__icon { display: grid; grid-row: 1 / span 2; width: 54px; height: 54px; place-items: center; border-radius: 16px; background: #e7f7fa; color: var(--application-teal); } .application-action-card--support .application-action-card__icon { background: #eef8ec; color: #278b55; } .application-action-card__icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; } .application-action-card__copy { min-width: 0; } .application-action-card__copy strong { display: block; margin-bottom: 4px; color: var(--application-ink); font-size: 17px; font-weight: 800; line-height: 1.35; } .application-action-card__copy small { display: block; color: var(--application-ink-soft); font-size: 11px; line-height: 1.55; } .application-action-card__link { display: inline-flex; align-items: center; gap: 6px; grid-column: 2; color: var(--application-teal); font-size: 11px; font-weight: 800; } .application-action-card__link svg { width: 14px; height: 14px; } .application-action-card:hover, .application-action-card:focus-visible { border-color: #78cbd9; box-shadow: 0 18px 36px rgba(3, 52, 70, .11); color: var(--application-ink); transform: translateY(-3px); } .application-journey { display: grid; grid-template-columns: minmax(155px, .64fr) minmax(0, 1.8fr); align-items: center; gap: 20px; margin-top: 16px; padding: 17px 20px; border: 1px solid var(--application-line); border-radius: 18px; background: var(--application-surface); } .application-journey__intro { display: flex; align-items: center; gap: 10px; } .application-journey__intro > span { color: var(--application-gold); font-size: 22px; font-weight: 900; letter-spacing: -.04em; } .application-journey h2 { margin: 0; color: var(--application-ink); font-size: 13px; font-weight: 800; line-height: 1.45; } .application-journey ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; } .application-journey li { display: flex; min-width: 0; align-items: center; gap: 8px; padding: 4px 14px; color: var(--application-ink-soft); font-size: 11px; font-weight: 700; line-height: 1.4; text-align: start; } .application-journey li + li { border-inline-start: 1px solid var(--application-line); } .application-journey li > span { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #fff; color: var(--application-teal); font-size: 9px; font-weight: 900; box-shadow: 0 3px 10px rgba(3, 52, 70, .08); } .application-page a:focus-visible { outline: 3px solid rgba(208, 187, 69, .58); outline-offset: 3px; } @media (max-width: 1199px) { .application-main { padding-top: 20px; } .application-page__content { order: 1; } .application-page__aside { order: 2; margin-top: 22px; } .application-page__aside aside { position: static; } .application-nav.side-nav { padding: 16px; } .application-nav__header { margin-bottom: 10px; } .application-nav__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; } .application-nav.side-nav li { margin: 0; } .application-nav.side-nav li a { height: 100%; } } @media (max-width: 767px) { .application-page .breadcrumb-nav { height: 54px; line-height: 54px; } .application-main { padding-top: 16px; background-image: none; } .application-main .col-content, .application-main .col-aside { padding-inline: 12px !important; } .application-hub__header { margin-bottom: 18px; } .application-hub__eyebrow { margin-bottom: 6px; font-size: 11px; } .application-hub__header h1 { margin-bottom: 8px; font-size: clamp(30px, 10vw, 39px); } .application-hub__header > p { font-size: 14px; line-height: 1.7; } .application-hub__actions { grid-template-columns: 1fr; } .application-primary { min-height: 0; padding: 20px; border-radius: 22px; } .application-primary__topline { margin-bottom: 14px; } .application-primary__icon { width: 54px; height: 54px; margin-bottom: 14px; border-radius: 15px; } .application-primary__icon svg { width: 31px; height: 31px; } .application-primary__copy h2 { font-size: 24px; } .application-primary__copy p { font-size: 13px; } .application-cta { width: 100%; margin-top: 17px; } .application-action-card { min-height: 132px; padding: 16px; border-radius: 18px; } .application-journey { grid-template-columns: 1fr; gap: 12px; padding: 16px; } .application-journey ol { grid-template-columns: 1fr; gap: 8px; } .application-journey li { padding: 0; } .application-journey li + li { border-inline-start: 0; } .application-nav__list { grid-template-columns: 1fr; } .application-nav.side-nav li a { min-height: 40px; } .application-page .empty { margin: 70px 0; } } @media (max-width: 389px) { .application-action-card { grid-template-columns: 44px minmax(0, 1fr); gap: 4px 11px; } .application-action-card__icon { width: 44px; height: 44px; border-radius: 13px; } .application-action-card__icon svg { width: 25px; height: 25px; } .application-action-card__copy strong { font-size: 15px; } } @media (prefers-reduced-motion: reduce) { .application-nav.side-nav li a, .application-cta, .application-action-card { transition: none; } } /* Institutional header: calm hierarchy, clearer service access, and a refined nav. */ #site-header.site-header--institutional { --header-ink: oklch(27% 0.062 220); --header-ink-deep: oklch(22% 0.052 220); --header-cyan: oklch(70% 0.13 208); --header-cyan-strong: oklch(61% 0.14 208); --header-gold: oklch(81% 0.12 95); --header-paper: oklch(98.5% 0.008 215); --header-muted: oklch(78% 0.035 215); position: relative; z-index: 1000; background: var(--header-paper); } #site-header.site-header--institutional .header-top { min-height: 94px; border-bottom: 1px solid oklch(74% 0.08 210 / 0.22); background-color: var(--header-ink); background-image: linear-gradient(90deg, oklch(25% 0.06 222 / 0.94), oklch(29% 0.072 216 / 0.9)), url('../images/texture.webp'); background-position: center; background-size: auto, 720px auto; box-shadow: inset 0 -1px 0 oklch(90% 0.02 215 / 0.06); } #site-header.site-header--institutional .header-top .container-fluid { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; width: 100%; max-width: 1680px; min-height: 94px; margin-inline: auto; padding-inline: clamp(22px, 2.8vw, 52px); overflow: visible; } #site-header.site-header--institutional .site-logo { position: static; grid-column: 2; grid-row: 1; align-self: center; transform: none; } #site-header.site-header--institutional #logo { width: clamp(228px, 15vw, 278px); height: 86px; margin: 0; } #site-header.site-header--institutional #logo > a, #site-header.site-header--institutional #logo img { width: 100%; height: 100%; } #site-header.site-header--institutional #logo img { object-fit: contain; } #site-header.site-header--institutional .header-actions { grid-column: 1; } #site-header.site-header--institutional .header-tools { grid-column: 3; } #site-header.site-header--institutional .header-actions, #site-header.site-header--institutional .header-tools { grid-row: 1; min-width: 0; min-height: 0; float: none; } #site-header.site-header--institutional .header-actions { justify-self: start; } #site-header.site-header--institutional .header-tools { justify-self: end; gap: clamp(10px, 1.25vw, 20px); } #site-header.site-header--institutional .header-actions > ul, #site-header.site-header--institutional .header-utility-links { gap: 8px; } #site-header.site-header--institutional .header-actions > ul > li, #site-header.site-header--institutional .header-utility-links > li { margin: 0; padding: 0; } #site-header.site-header--institutional .header-utility-links > li::after { display: none; } #site-header.site-header--institutional .header-action { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 0 16px; border: 1px solid oklch(80% 0.06 210 / 0.24); border-radius: 999px; background: oklch(92% 0.025 210 / 0.08); color: oklch(96% 0.012 215); font-size: 13px; font-weight: 650; line-height: 1; white-space: nowrap; transition: color 180ms ease-out, background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1), box-shadow 180ms ease-out; } #site-header.site-header--institutional .header-action i { color: var(--header-cyan); font-size: 15px; } #site-header.site-header--institutional .header-action--register { border-color: var(--header-cyan); background: var(--header-cyan); color: var(--header-ink-deep); font-weight: 750; box-shadow: 0 8px 22px oklch(12% 0.035 220 / 0.2); } #site-header.site-header--institutional .header-action--services { border-color: oklch(73% 0.12 205 / 0.45); background: oklch(73% 0.12 205 / 0.16); } #site-header.site-header--institutional .header-action:hover { border-color: var(--header-gold); background: var(--header-gold); color: var(--header-ink-deep); box-shadow: 0 9px 24px oklch(12% 0.035 220 / 0.18); transform: translateY(-2px); } #site-header.site-header--institutional .header-action:hover i { color: var(--header-ink-deep); } #site-header.site-header--institutional .header-search { width: clamp(170px, 11vw, 214px); max-width: none; height: 42px; margin: 0; overflow: hidden; border: 1px solid oklch(79% 0.06 210 / 0.46); border-radius: 999px; background: oklch(94% 0.016 215 / 0.06); transition: border-color 180ms ease-out, background-color 180ms ease-out, box-shadow 180ms ease-out; } #site-header.site-header--institutional .header-search:focus-within { border-color: var(--header-gold); background: oklch(94% 0.016 215 / 0.1); box-shadow: 0 0 0 3px oklch(81% 0.12 95 / 0.14); } #site-header.site-header--institutional .header-search .form-control { min-width: 0; height: 40px; padding-inline: 14px 4px; color: oklch(95% 0.012 215); font-size: 12px; } #site-header.site-header--institutional .header-search .form-control::placeholder { color: oklch(78% 0.035 215); } #site-header.site-header--institutional .header-search .btn { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 40px; padding: 0; } #site-header.site-header--institutional .header-search .btn i { color: var(--header-gold); font-size: 15px; } #site-header.site-header--institutional .header-utility-links a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 2px; color: oklch(89% 0.025 215); font-size: 12px; font-weight: 600; line-height: 1.45; white-space: nowrap; transition: color 180ms ease-out; } #site-header.site-header--institutional .header-utility-links a i { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: oklch(76% 0.11 208 / 0.1); color: var(--header-cyan); font-size: 14px; transition: color 180ms ease-out, background-color 180ms ease-out; } #site-header.site-header--institutional .header-utility-links a:hover { color: var(--header-gold); } #site-header.site-header--institutional .header-utility-links a:hover i { background: oklch(81% 0.12 95 / 0.12); color: var(--header-gold); } #site-header.site-header--institutional .language-switcher { flex: 0 0 auto; } #site-header.site-header--institutional .language-switcher li a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 5px; border: 1px solid oklch(80% 0.06 210 / 0.32); border-radius: 50%; background: oklch(94% 0.016 215 / 0.08); transition: border-color 180ms ease-out, background-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } #site-header.site-header--institutional .language-switcher li a:hover { border-color: var(--header-gold); background: oklch(81% 0.12 95 / 0.12); transform: translateY(-2px); } #site-header.site-header--institutional .language-switcher img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; } #site-header.site-header--institutional #primary-menu { min-height: 64px; border: 0; border-bottom: 1px solid oklch(78% 0.035 215 / 0.58); background: var(--header-paper); box-shadow: 0 9px 28px oklch(25% 0.035 220 / 0.08); filter: none; } #site-header.site-header--institutional #primary-menu .container { width: 100%; max-width: 1560px; min-height: 64px; padding-inline: clamp(18px, 2.5vw, 42px); } #site-header.site-header--institutional .navbar-nav { justify-content: center; gap: 4px; min-height: 64px; } #site-header.site-header--institutional .navbar-nav > .nav-item { min-height: 44px; margin: 0; padding: 0 3px; border-radius: 12px; } #site-header.site-header--institutional .navbar-nav > .nav-item::after { display: none; } #site-header.site-header--institutional .navbar-nav > .nav-item > .nav-link { position: relative; min-height: 44px; padding: 0 13px; border-radius: 11px; color: oklch(31% 0.055 220); font-size: 15px; font-weight: 650; line-height: 1.35; white-space: nowrap; transition: color 180ms ease-out, background-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } #site-header.site-header--institutional .navbar-nav > .nav-item.active, #site-header.site-header--institutional .navbar-nav > .nav-item:hover { background: transparent; } #site-header.site-header--institutional .navbar-nav > .nav-item.active > .nav-link { background: oklch(92.5% 0.035 210); color: oklch(38% 0.105 208); font-weight: 750; } #site-header.site-header--institutional .navbar-nav > .nav-item.active > .nav-link::before { position: absolute; inset-inline: 16px; inset-block-end: 2px; height: 3px; border-radius: 999px; background: var(--header-gold); content: ''; } #site-header.site-header--institutional .navbar-nav > .nav-item:hover > .nav-link { background: oklch(95% 0.022 210); color: oklch(42% 0.12 208); transform: translateY(-1px); } #site-header.site-header--institutional .navbar-nav .dropdown-toggle::after { top: 1px; color: oklch(52% 0.08 210); font-size: 8px; } #site-header.site-header--institutional .navbar-nav > .nav-item:hover .dropdown-toggle::after { color: oklch(42% 0.12 208); } #site-header.site-header--institutional .dropdown-menu:not(.level2) { min-width: 330px; margin-top: 0; padding: 10px; border: 1px solid oklch(78% 0.035 215 / 0.52); border-radius: 18px; background: oklch(98.8% 0.006 215); box-shadow: 0 24px 58px oklch(24% 0.04 220 / 0.18); } #site-header.site-header--institutional .dropdown-item { min-height: 46px; padding: 11px 18px; border: 0; border-radius: 11px; color: oklch(32% 0.05 220); font-size: 14px; font-weight: 600; line-height: 1.65; white-space: normal; transition: color 160ms ease-out, background-color 160ms ease-out; } #site-header.site-header--institutional .dropdown-item::before { display: none; } #site-header.site-header--institutional .dropdown-item:hover, #site-header.site-header--institutional .dropdown-item:focus { background: oklch(94% 0.03 210); color: oklch(42% 0.12 208); } /* The nested-menu trigger may wrap onto multiple lines. Anchor its chevron to the trigger's visual centre instead of a fixed distance from the top. */ #site-header.site-header--institutional .dropdown-menu .dropdown.level2 > .dropdown-toggle.dropdown-item::after { top: 50%; margin: 0; transform: translateY(-50%) rotate(-90deg); } /* Keep nested desktop menus reachable while the pointer crosses between levels. The submenu is positioned against the parent item itself, and visibility is delayed briefly on exit so diagonal pointer movement does not collapse it. */ @media (min-width: 1200px) { #site-header.site-header--institutional .dropdown-menu .dropdown.level2 { position: relative; } #site-header.site-header--institutional .dropdown-menu .dropdown.level2::before { position: absolute; z-index: 2; top: 0; bottom: 0; inset-inline-start: 100%; width: 10px; content: ''; } #site-header.site-header--institutional .dropdown-menu .dropdown-menu.level2 { position: absolute !important; top: 0; right: auto !important; left: auto !important; inset-inline-start: calc(100% + 8px) !important; inset-inline-end: auto !important; z-index: 1010; display: block !important; min-width: 330px; max-height: min(70vh, 620px); overflow-x: hidden; overflow-y: auto; margin: 0; padding: 10px; border: 1px solid oklch(78% 0.035 215 / 0.52); border-radius: 18px; background: oklch(98.8% 0.006 215); box-shadow: 0 24px 58px oklch(24% 0.04 220 / 0.18); opacity: 0; visibility: hidden; transform: none !important; transition: opacity 110ms ease-out, visibility 0s linear 180ms; } #site-header.site-header--institutional .dropdown-menu .dropdown.level2:hover > .dropdown-menu.level2, #site-header.site-header--institutional .dropdown-menu .dropdown.level2:focus-within > .dropdown-menu.level2 { opacity: 1; visibility: visible; transition-delay: 0s; } #site-header.site-header--institutional .navbar-nav > .dropdown:focus-within > .dropdown-menu:not(.level2) { transform: scaleY(1) translateX(-50%) !important; } } #site-header.site-header--institutional a:focus-visible, #site-header.site-header--institutional button:focus-visible, #site-header.site-header--institutional input:focus-visible { outline: 3px solid var(--header-gold); outline-offset: 3px; } #site-header.site-header--institutional .mobile-menu__utilities { display: none; } @media (min-width: 992px) and (max-width: 1439px) { #site-header.site-header--institutional .header-top, #site-header.site-header--institutional .header-top .container-fluid { min-height: 84px; } #site-header.site-header--institutional #logo { width: 210px; height: 76px; } #site-header.site-header--institutional .header-action { min-height: 38px; padding-inline: 12px; font-size: 11px; } #site-header.site-header--institutional .header-search { width: 154px; height: 38px; } #site-header.site-header--institutional .header-search .form-control, #site-header.site-header--institutional .header-search .btn { height: 36px; } #site-header.site-header--institutional .header-utility-links a span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } #site-header.site-header--institutional .header-tools { gap: 8px; } #site-header.site-header--institutional .navbar-nav { gap: 0; } #site-header.site-header--institutional .navbar-nav > .nav-item > .nav-link { padding-inline: 9px; font-size: 13px; } } @media (max-width: 1199px) { #site-header.site-header--institutional .header-top, #site-header.site-header--institutional .header-top .container-fluid { min-height: 72px; } #site-header.site-header--institutional .header-top .container-fluid { display: flex; justify-content: space-between; padding-inline: 18px; } #site-header.site-header--institutional .header-actions, #site-header.site-header--institutional .header-tools { display: none; } #site-header.site-header--institutional .site-logo { margin: 0; } #site-header.site-header--institutional #logo { width: 190px; height: 64px; } #site-header.site-header--institutional .site-logo img { margin: 0; } #site-header.site-header--institutional .header-top > .container-fluid > .navbar-toggler { display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; border: 1px solid oklch(78% 0.06 210 / 0.35); border-radius: 13px; background: oklch(94% 0.016 215 / 0.08); color: oklch(91% 0.03 210); font-size: 18px; } #site-header.site-header--institutional #primary-menu { min-height: 0; border: 0; box-shadow: none; } #site-header.site-header--institutional #primary-menu .container { min-height: 0; padding: 0; } #site-header.site-header--institutional .navbar-collapse { position: fixed; z-index: 9999; inset-block: 0; display: block !important; width: min(88vw, 340px); height: 100dvh; padding: 30px 20px 28px; overflow-x: hidden; overflow-y: auto; background: var(--header-ink-deep); box-shadow: 0 0 54px oklch(10% 0.025 220 / 0.42); } #site-header.site-header--institutional .navbar-collapse, [dir='rtl'] #site-header.site-header--institutional .navbar-collapse, html[lang='ar'] #site-header.site-header--institutional .navbar-collapse { right: calc(-1 * min(88vw, 340px)); left: auto; } #site-header.site-header--institutional .navbar-collapse.show, [dir='rtl'] #site-header.site-header--institutional .navbar-collapse.show, html[lang='ar'] #site-header.site-header--institutional .navbar-collapse.show { right: 0; } [dir='ltr'] #site-header.site-header--institutional .navbar-collapse, html[lang='en'] #site-header.site-header--institutional .navbar-collapse { right: auto; left: calc(-1 * min(88vw, 340px)); } [dir='ltr'] #site-header.site-header--institutional .navbar-collapse.show, html[lang='en'] #site-header.site-header--institutional .navbar-collapse.show { left: 0; } #site-header.site-header--institutional .close-menu { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid oklch(82% 0.045 215 / 0.25); border-radius: 11px; background: oklch(92% 0.02 215 / 0.07); color: oklch(94% 0.015 215); font-size: 25px; } #site-header.site-header--institutional .mobile-menu__utilities { display: block !important; padding: 24px 0 20px; border-bottom: 1px solid oklch(78% 0.045 215 / 0.18); } #site-header.site-header--institutional .mobile-menu__eyebrow { display: block; margin-bottom: 13px; color: var(--header-gold); font-size: 11px; font-weight: 750; letter-spacing: 0.04em; } #site-header.site-header--institutional .mobile-menu__search { display: grid !important; grid-template-columns: minmax(0, 1fr) 42px; height: 44px; overflow: hidden; border: 1px solid oklch(80% 0.055 215 / 0.34); border-radius: 13px; background: oklch(94% 0.016 215 / 0.07); } #site-header.site-header--institutional .mobile-menu__search input, #site-header.site-header--institutional .mobile-menu__search button { border: 0; background: transparent; color: oklch(94% 0.015 215); font-family: inherit; } #site-header.site-header--institutional .mobile-menu__search input { min-width: 0; padding-inline: 13px; font-size: 13px; } #site-header.site-header--institutional .mobile-menu__search input::placeholder { color: oklch(75% 0.035 215); } #site-header.site-header--institutional .mobile-menu__search button { color: var(--header-gold); font-size: 14px; } #site-header.site-header--institutional .mobile-menu__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; } #site-header.site-header--institutional .mobile-menu__actions a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 8px 10px; border: 1px solid oklch(80% 0.055 215 / 0.25); border-radius: 12px; background: oklch(92% 0.02 215 / 0.07); color: oklch(93% 0.018 215); font-size: 11px; font-weight: 650; line-height: 1.45; text-align: center; } #site-header.site-header--institutional .mobile-menu__actions .mobile-menu__primary { grid-column: 1 / -1; border-color: var(--header-cyan); background: var(--header-cyan); color: var(--header-ink-deep); font-weight: 750; } #site-header.site-header--institutional .navbar-nav { flex-direction: column; gap: 2px; width: 100%; margin: 14px 0 0; padding: 0; border: 0; } #site-header.site-header--institutional .navbar-nav > .nav-item { width: 100%; padding: 0; border-radius: 10px; } #site-header.site-header--institutional .navbar-nav > .nav-item > .nav-link { min-height: 46px; padding: 10px 12px; color: oklch(91% 0.025 215); font-size: 13px; border-radius: 10px; } #site-header.site-header--institutional .navbar-nav > .nav-item.active > .nav-link, #site-header.site-header--institutional .navbar-nav > .nav-item:hover > .nav-link { background: oklch(72% 0.12 208 / 0.14); color: oklch(96% 0.014 215); transform: none; } #site-header.site-header--institutional .navbar-nav > .nav-item.active > .nav-link::before { inset-inline-start: 12px; inset-inline-end: auto; inset-block-start: 50%; inset-block-end: auto; width: 6px; height: 6px; transform: translateY(-50%); } #site-header.site-header--institutional .navbar-nav .dropdown-toggle::after { margin-inline-start: auto; color: var(--header-cyan); } #site-header.site-header--institutional .dropdown-menu:not(.level2) { position: static !important; min-width: 100%; margin: 0; padding: 3px 10px 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: none !important; } #site-header.site-header--institutional .dropdown-item { min-height: 40px; padding: 8px 12px; color: oklch(82% 0.03 215); font-size: 12px; } #site-header.site-header--institutional .dropdown-item:hover, #site-header.site-header--institutional .dropdown-item:focus { background: oklch(72% 0.12 208 / 0.12); color: oklch(96% 0.014 215); } #site-header.site-header--institutional .mobile-menu__footer { display: grid !important; gap: 6px; margin-top: 16px; padding-top: 16px; border-top: 1px solid oklch(78% 0.045 215 / 0.18); } #site-header.site-header--institutional .mobile-menu__footer a { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 7px 10px; border-radius: 10px; color: oklch(83% 0.03 215); font-size: 12px; font-weight: 600; } #site-header.site-header--institutional .mobile-menu__footer a:hover { background: oklch(72% 0.12 208 / 0.12); color: oklch(96% 0.014 215); } #site-header.site-header--institutional .mobile-menu__footer i, #site-header.site-header--institutional .mobile-menu__footer a > span:first-child { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: oklch(72% 0.12 208 / 0.12); color: var(--header-cyan); font-size: 11px; font-style: normal; } #site-header.site-header--institutional .mobile-menu__footer strong { font-weight: 650; } #site-header.site-header--institutional:has(.navbar-collapse.show) .header-top > .container-fluid > .navbar-toggler { opacity: 0; pointer-events: none; } } @media (max-width: 380px) { #site-header.site-header--institutional #logo { width: 164px; } } @media (min-width: 1200px) { #site-header.site-header--institutional .header-actions, #site-header.site-header--institutional .header-tools { display: flex !important; } #site-header.site-header--institutional .navbar-collapse { position: static !important; inset: auto !important; display: flex !important; width: 100% !important; height: auto !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; background: transparent !important; box-shadow: none !important; } #site-header.site-header--institutional .mobile-menu__utilities, #site-header.site-header--institutional .mobile-menu__footer, #site-header.site-header--institutional .close-menu, #site-header.site-header--institutional .header-top > .container-fluid > .navbar-toggler { display: none !important; } } @media (prefers-reduced-motion: reduce) { #site-header.site-header--institutional a, #site-header.site-header--institutional button, #site-header.site-header--institutional input { transition: none; } } /* Entity portals share the institutional shell while keeping their own menus. */ #site-header.site-header--entity .entity-header__context > ul { align-items: center; gap: 12px; min-width: 0; } #site-header.site-header--entity .entity-header__home { border-color: oklch(78% 0.07 210 / 0.3); background: oklch(92% 0.025 210 / 0.07); } #site-header.site-header--entity .entity-header__home i { color: var(--header-gold); } #site-header.site-header--entity .entity-header__identity { min-width: 0; padding-inline-start: 14px; border-inline-start: 1px solid oklch(80% 0.055 215 / 0.24); } #site-header.site-header--entity .entity-header__identity > a, #site-header.site-header--entity .entity-header__identity > a:hover { display: grid; gap: 2px; width: auto; max-width: clamp(190px, 18vw, 320px); height: auto; padding: 0; border-radius: 0; background: transparent; color: oklch(96% 0.012 215); line-height: 1.35; box-shadow: none; } #site-header.site-header--entity .entity-header__identity > a:hover strong { color: var(--header-gold); } #site-header.site-header--entity .entity-header__identity span { color: var(--header-cyan); font-size: 10px; font-weight: 750; letter-spacing: 0.02em; } #site-header.site-header--entity .entity-header__identity strong { display: block; overflow: hidden; color: oklch(96% 0.012 215); font-size: 13px; font-weight: 700; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; transition: color 180ms ease-out; } #site-header.site-header--entity .entity-header__mobile-name { display: block; margin-bottom: 16px; color: oklch(96% 0.012 215); font-size: 15px; font-weight: 700; line-height: 1.65; } #site-header.site-header--entity .entity-header__mobile-actions { grid-template-columns: minmax(0, 1fr); } #site-header.site-header--entity .entity-header__mobile-actions .mobile-menu__primary i { color: inherit; } @media (min-width: 1200px) and (max-width: 1439px) { #site-header.site-header--entity .entity-header__context > ul { gap: 8px; } #site-header.site-header--entity .entity-header__identity { padding-inline-start: 10px; } #site-header.site-header--entity .entity-header__identity > a, #site-header.site-header--entity .entity-header__identity > a:hover { max-width: 220px; } #site-header.site-header--entity .entity-header__identity strong { font-size: 11px; } } @media (max-width: 575px) { #site-header.site-header--entity .entity-header__mobile-name { font-size: 13px; } } /* Keep footer navigation arrows clear of long and wrapped link labels. */ footer .footer-top .heading + ul > li > a { padding-inline-end: 24px; line-height: 1.65; } footer .footer-top .heading + ul > li > a::after { inset-inline-end: 0; top: 50%; transform: translateY(-50%); } /* Refined page scrollbar */ @media (min-width: 768px) and (pointer: fine) { html { scrollbar-color: oklch(49% 0.105 208) oklch(96.5% 0.01 215); scrollbar-width: thin; } ::-webkit-scrollbar { width: 9px; height: 9px; } ::-webkit-scrollbar-track { background: oklch(96.5% 0.01 215); } ::-webkit-scrollbar-thumb { min-height: 72px; border: 2px solid oklch(96.5% 0.01 215); border-radius: 999px; background: oklch(49% 0.105 208); background-clip: padding-box; } ::-webkit-scrollbar-thumb:hover { background: oklch(58% 0.13 205); background-clip: padding-box; } ::-webkit-scrollbar-button { display: none; width: 0; height: 0; } ::-webkit-scrollbar-corner { background: oklch(96.5% 0.01 215); } } /* University hero: documentary imagery, decisive copy, and restrained controls. */ #slideshow.university-hero { --hero-ink: oklch(20% 0.052 220); --hero-paper: oklch(97% 0.012 215); --hero-cyan: oklch(74% 0.13 202); --hero-cyan-strong: oklch(64% 0.15 205); --hero-gold: oklch(82% 0.12 95); isolation: isolate; height: calc(100svh - 159px); min-height: 620px; max-height: 820px; overflow: hidden; background: var(--hero-ink); } #slideshow.university-hero::before { z-index: 4; width: clamp(220px, 24vw, 440px); opacity: 0.16; background-size: contain; pointer-events: none; } #slideshow.university-hero::after { position: absolute; z-index: 6; inset-inline: 0; inset-block-end: 0; height: 3px; background: linear-gradient( 90deg, var(--hero-cyan-strong), var(--hero-gold) 50%, var(--hero-cyan-strong) ); content: ''; opacity: 0.75; pointer-events: none; } #slideshow.university-hero .carousel, #slideshow.university-hero .carousel-inner, #slideshow.university-hero .hero-slide, #slideshow.university-hero .hero-slide__media { height: 100%; min-height: 0; max-height: none; } #slideshow.university-hero .hero-slide { position: relative; overflow: hidden; background: var(--hero-ink); } #slideshow.university-hero .hero-slide::before, #slideshow.university-hero .hero-slide::after { position: absolute; z-index: 1; inset: 0; content: ''; pointer-events: none; } [dir='rtl'] #slideshow.university-hero .hero-slide::before { background: linear-gradient( 90deg, oklch(18% 0.045 220 / 0.13) 0%, oklch(18% 0.05 220 / 0.28) 38%, oklch(18% 0.055 220 / 0.76) 72%, oklch(18% 0.055 220 / 0.94) 100% ); } [dir='ltr'] #slideshow.university-hero .hero-slide::before { background: linear-gradient( 270deg, oklch(18% 0.045 220 / 0.13) 0%, oklch(18% 0.05 220 / 0.28) 38%, oklch(18% 0.055 220 / 0.76) 72%, oklch(18% 0.055 220 / 0.94) 100% ); } #slideshow.university-hero .hero-slide::after { background: linear-gradient( 180deg, oklch(16% 0.04 220 / 0.08) 48%, oklch(15% 0.045 220 / 0.74) 100% ); } #slideshow.university-hero .hero-slide__media { opacity: 1; } #slideshow.university-hero .hero-slide__media img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; transform: scale(1.01); transition: transform 7s cubic-bezier(.22, 1, .36, 1); } #slideshow.university-hero .hero-slide.active .hero-slide__media img { transform: scale(1.045); } #slideshow.university-hero .over-details { z-index: 2; } #slideshow.university-hero .hero-slide__container { width: 100%; max-width: 1440px; padding-inline: clamp(28px, 4.5vw, 76px); } #slideshow.university-hero .hero-slide__row { align-items: center; width: 100%; height: 100%; margin: 0; } #slideshow.university-hero .hero-slide__copy-column, #slideshow.university-hero .hero-slide__video-column { padding: 0; } #slideshow.university-hero .hero-slide__copy { max-width: 760px; padding: 0 0 74px; } #slideshow.university-hero .hero-slide__eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(--hero-cyan); font-size: clamp(16px, 1.25vw, 22px); font-weight: 550; line-height: 1.7; } #slideshow.university-hero .hero-slide__eyebrow::before { width: 34px; height: 3px; flex: 0 0 34px; border-radius: 999px; background: var(--hero-gold); content: ''; } #slideshow.university-hero .hero-slide__title, #slideshow.university-hero .over-details h1.hero-slide__title, #slideshow.university-hero .over-details h2.hero-slide__title { max-width: 16ch; margin: 0 0 clamp(28px, 3vw, 42px); color: var(--hero-paper); font-size: clamp(42px, 4.25vw, 70px); font-weight: 800; line-height: 1.32; text-wrap: balance; text-shadow: 0 4px 30px oklch(10% 0.025 220 / 0.28); } #slideshow.university-hero .hero-slide__title--long, #slideshow.university-hero .over-details h1.hero-slide__title--long, #slideshow.university-hero .over-details h2.hero-slide__title--long { max-width: 100%; margin-bottom: clamp(24px, 2.2vw, 34px); font-size: clamp(36px, 3vw, 54px); line-height: 1.28; } #slideshow.university-hero .hero-slide__cta { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-width: 210px; height: 58px; padding: 0 26px; border: 1px solid var(--hero-cyan); border-radius: 999px; background: var(--hero-cyan); color: var(--hero-ink); font-size: 16px; font-weight: 750; line-height: 1; box-shadow: 0 16px 36px oklch(10% 0.03 220 / 0.22); transition: color 180ms ease-out, background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1), box-shadow 180ms ease-out; } #slideshow.university-hero .hero-slide__cta i { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; border-radius: 50%; background: oklch(20% 0.052 220 / 0.1); color: var(--hero-ink); font-size: 10px; opacity: 1; transition: transform 180ms cubic-bezier(.22, 1, .36, 1); } #slideshow.university-hero .hero-slide__cta:hover { border-color: var(--hero-gold); background: var(--hero-gold); color: var(--hero-ink); box-shadow: 0 20px 42px oklch(10% 0.03 220 / 0.28); transform: translateY(-3px); } [dir='rtl'] #slideshow.university-hero .hero-slide__cta:hover i { transform: translateX(-3px); } [dir='ltr'] #slideshow.university-hero .hero-slide__cta i { transform: scaleX(-1); } [dir='ltr'] #slideshow.university-hero .hero-slide__cta:hover i { transform: scaleX(-1) translateX(-3px); } #slideshow.university-hero .hero-slide__copy > * { opacity: 0; transform: translateY(18px); transition: opacity 620ms cubic-bezier(.22, 1, .36, 1), transform 620ms cubic-bezier(.22, 1, .36, 1); } #slideshow.university-hero .hero-slide.active .hero-slide__eyebrow { opacity: 1; transform: translateY(0); transition-delay: 80ms; } #slideshow.university-hero .hero-slide.active .hero-slide__title { opacity: 1; transform: translateY(0); transition-delay: 150ms; } #slideshow.university-hero .hero-slide.active .hero-slide__cta { opacity: 1; transform: translateY(0); transition-delay: 230ms; } #slideshow.university-hero .hero-slide.active .hero-slide__cta:hover { transform: translateY(-3px); } #slideshow.university-hero .hero-slide__video-column { height: 100%; } #slideshow.university-hero .video_play { position: relative; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; } #slideshow.university-hero .video_play i { position: relative; z-index: 3; transition: transform 200ms cubic-bezier(.22, 1, .36, 1); } #slideshow.university-hero .video_play i::before { width: 76px; height: 76px; line-height: 76px; border: 1px solid oklch(95% 0.015 215 / 0.52); background: var(--hero-cyan); color: var(--hero-ink) !important; font-size: 19px; box-shadow: 0 18px 46px oklch(10% 0.03 220 / 0.28); } #slideshow.university-hero .video_play::before { z-index: 2; width: 112px; height: 112px; border-color: oklch(92% 0.025 215 / 0.28); animation: hero-play-pulse 2.8s ease-out infinite; } #slideshow.university-hero .video_play::after, #slideshow.university-hero .video_play > span::before, #slideshow.university-hero .video_play > span::after { display: none; } #slideshow.university-hero .video_play:hover i { transform: scale(1.06); } @keyframes hero-play-pulse { 0%, 100% { opacity: 0.45; transform: scale(0.88); } 55% { opacity: 0; transform: scale(1.14); } } #slideshow.university-hero .hero-controls { position: absolute; z-index: 5; inset-inline-start: 50%; inset-block-end: 28px; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; width: 100%; max-width: 1440px; padding-inline: clamp(28px, 4.5vw, 76px); transform: translateX(-50%); pointer-events: none; } [dir='rtl'] #slideshow.university-hero .hero-controls { transform: translateX(50%); } #slideshow.university-hero .slide-nav { position: static; display: inline-flex; width: auto; align-items: center; gap: 8px; direction: ltr; pointer-events: auto; } #slideshow.university-hero .slide-nav .c-arrow { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid oklch(90% 0.025 215 / 0.38); border-radius: 50%; background: oklch(20% 0.052 220 / 0.72); color: var(--hero-paper); transition: color 180ms ease-out, background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } #slideshow.university-hero .slide-nav .c-arrow:hover { border-color: var(--hero-gold); background: var(--hero-gold); color: var(--hero-ink); transform: translateY(-2px); } #slideshow.university-hero .slide-nav .c-arrow i { font-size: 13px; } #slideshow.university-hero .slide-nav .slides-count { min-width: 68px; justify-content: center; gap: 6px; margin: 0 3px; color: oklch(93% 0.018 215); font-size: 13px; font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: 0.04em; } #slideshow.university-hero .slide-nav .slides-count::after { display: none; } #slideshow.university-hero .slide-nav .slides-count [data-slide-current] { color: var(--hero-gold); font-weight: 800; } #slideshow.university-hero .hero-controls__progress { position: relative; width: clamp(72px, 6vw, 104px); height: 2px; margin-inline-start: 10px; overflow: hidden; border-radius: 999px; background: oklch(92% 0.025 215 / 0.22); } #slideshow.university-hero .hero-controls__progress > span { display: block; width: 100%; height: 100%; border-radius: inherit; background: var(--hero-cyan); transform: scaleX(0); transform-origin: left; } [dir='rtl'] #slideshow.university-hero .hero-controls__progress > span { transform-origin: right; } #slideshow.university-hero .hero-controls__progress > span.is-running { animation: hero-progress 7s linear forwards; } #slideshow.university-hero .carousel:hover .hero-controls__progress > span.is-running { animation-play-state: paused; } @keyframes hero-progress { to { transform: scaleX(1); } } #slideshow.university-hero .scroll-down.scroll-next { position: static; display: inline-flex; width: auto; height: 44px; align-items: center; gap: 12px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: oklch(88% 0.025 215); font-family: inherit; font-size: 12px; font-weight: 650; line-height: 1; cursor: pointer; transform: none; pointer-events: auto; transition: color 180ms ease-out; } #slideshow.university-hero .scroll-down.scroll-next::before, #slideshow.university-hero .scroll-down.scroll-next::after { display: none; } #slideshow.university-hero .scroll-down.scroll-next > i { position: relative; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid oklch(90% 0.025 215 / 0.38); border-radius: 50%; transition: border-color 180ms ease-out, background-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } #slideshow.university-hero .scroll-down.scroll-next > i::before { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ''; transform: rotate(45deg) translate(-2px, -2px); } #slideshow.university-hero .scroll-down.scroll-next:hover { color: var(--hero-gold); } #slideshow.university-hero .scroll-down.scroll-next:hover > i { border-color: var(--hero-gold); background: oklch(82% 0.12 95 / 0.12); transform: translateY(3px); } #slideshow.university-hero a:focus-visible, #slideshow.university-hero button:focus-visible { outline: 3px solid var(--hero-gold); outline-offset: 4px; } @media (max-width: 1439px) { #slideshow.university-hero { height: calc(100svh - 150px); min-height: 540px; max-height: 720px; } #slideshow.university-hero .hero-slide__copy { max-width: 620px; padding-bottom: 64px; } #slideshow.university-hero .hero-slide__title, #slideshow.university-hero .over-details h1.hero-slide__title, #slideshow.university-hero .over-details h2.hero-slide__title { font-size: clamp(36px, 4vw, 54px); } #slideshow.university-hero .hero-slide__title--long, #slideshow.university-hero .over-details h1.hero-slide__title--long, #slideshow.university-hero .over-details h2.hero-slide__title--long { font-size: clamp(32px, 3.5vw, 44px); } } @media (min-width: 992px) and (max-width: 1199px) { #slideshow.university-hero { height: calc(100dvh - 72px); min-height: min(600px, calc(100dvh - 72px)); max-height: none; } #slideshow.university-hero .hero-slide__copy { padding-bottom: 120px; } #slideshow.university-hero .scroll-down.scroll-next { width: 40px; } #slideshow.university-hero .scroll-down.scroll-next > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } } @media (max-width: 991px) { #slideshow.university-hero { height: calc(100dvh - 72px); min-height: min(600px, calc(100dvh - 72px)); max-height: none; } #slideshow.university-hero::before { width: 230px; opacity: 0.1; } #slideshow.university-hero .hero-slide::before, [dir='rtl'] #slideshow.university-hero .hero-slide::before, [dir='ltr'] #slideshow.university-hero .hero-slide::before { background: linear-gradient( 180deg, oklch(17% 0.045 220 / 0.16) 0%, oklch(17% 0.05 220 / 0.48) 46%, oklch(16% 0.05 220 / 0.95) 100% ); } #slideshow.university-hero .hero-slide__media img { object-position: 42% center; } #slideshow.university-hero .over-details .hero-slide__container { justify-content: flex-end; padding-inline: 24px; padding-bottom: 110px; } #slideshow.university-hero .hero-slide__row { height: auto; } #slideshow.university-hero .hero-slide__copy { max-width: 680px; padding: 0; } #slideshow.university-hero .hero-slide__eyebrow { margin-bottom: 12px; font-size: 15px; } #slideshow.university-hero .hero-slide__title, #slideshow.university-hero .over-details h1.hero-slide__title, #slideshow.university-hero .over-details h2.hero-slide__title { max-width: 17ch; margin-bottom: 24px; font-size: clamp(34px, 7vw, 48px); } #slideshow.university-hero .hero-slide__title--long, #slideshow.university-hero .over-details h1.hero-slide__title--long, #slideshow.university-hero .over-details h2.hero-slide__title--long { max-width: 100%; font-size: clamp(28px, 5.5vw, 38px); line-height: 1.32; } #slideshow.university-hero .hero-slide__video-column { position: absolute; inset-inline-end: 22px; inset-block-start: 26px; width: 72px; height: 72px; } #slideshow.university-hero .video_play i::before { width: 58px; height: 58px; line-height: 58px; font-size: 15px; } #slideshow.university-hero .video_play::before { width: 72px; height: 72px; } #slideshow.university-hero .hero-controls { inset-block-end: 22px; padding-inline: 24px; } } @media (max-width: 575px) { #slideshow.university-hero { min-height: 590px; max-height: none; } #slideshow.university-hero .over-details .hero-slide__container { padding-inline: 20px; padding-bottom: 104px; } #slideshow.university-hero .hero-slide__media img { object-position: 36% center; } #slideshow.university-hero .hero-slide__eyebrow { gap: 9px; font-size: 13px; line-height: 1.6; } #slideshow.university-hero .hero-slide__eyebrow::before { width: 22px; flex-basis: 22px; } #slideshow.university-hero .hero-slide__title, #slideshow.university-hero .over-details h1.hero-slide__title, #slideshow.university-hero .over-details h2.hero-slide__title { margin-bottom: 20px; font-size: clamp(29px, 9vw, 38px); line-height: 1.38; } #slideshow.university-hero .hero-slide__title--long, #slideshow.university-hero .over-details h1.hero-slide__title--long, #slideshow.university-hero .over-details h2.hero-slide__title--long { margin-bottom: 18px; font-size: clamp(24px, 7vw, 30px); line-height: 1.35; } #slideshow.university-hero .hero-slide__cta { min-width: 0; height: 50px; padding-inline: 20px 12px; gap: 12px; font-size: 14px; } #slideshow.university-hero .hero-slide__cta i { width: 25px; height: 25px; } #slideshow.university-hero .hero-controls { inset-block-end: 18px; padding-inline: 20px; } #slideshow.university-hero .slide-nav { gap: 5px; } #slideshow.university-hero .slide-nav .c-arrow { width: 38px; height: 38px; } #slideshow.university-hero .slide-nav .slides-count { min-width: 60px; font-size: 11px; } #slideshow.university-hero .hero-controls__progress { display: none; } #slideshow.university-hero .scroll-down.scroll-next { width: 40px; } #slideshow.university-hero .scroll-down.scroll-next > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } } @media (prefers-reduced-motion: reduce) { #slideshow.university-hero .hero-slide__media img, #slideshow.university-hero .hero-slide__copy > *, #slideshow.university-hero .hero-slide__cta, #slideshow.university-hero .video_play::before, #slideshow.university-hero .hero-controls__progress > span { animation: none; transition: none; transform: none; } #slideshow.university-hero .hero-slide__copy > * { opacity: 1; } } /* Quick access directory */ #fast-links.quick-access-section { position: relative; padding: 100px 0 108px; overflow: hidden; background: oklch(98% 0.011 215); } #fast-links.quick-access-section::before { position: absolute; inset-block-start: -190px; inset-inline-start: -160px; width: 440px; height: 440px; border: 84px solid oklch(72% 0.12 205 / 0.055); border-radius: 50%; content: ''; pointer-events: none; } .quick-access__container { position: relative; max-width: 1440px; padding-inline: clamp(22px, 4vw, 64px); } .quick-access__layout { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); align-items: start; gap: clamp(52px, 7vw, 104px); } .quick-access__header { padding-block-start: 8px; } .quick-access__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: oklch(49% 0.13 208); font-size: 13px; font-weight: 750; letter-spacing: 0.04em; } .quick-access__eyebrow::before { width: 26px; height: 3px; border-radius: 999px; background: oklch(81% 0.12 95); content: ''; } .quick-access__header h2 { max-width: 12ch; margin: 16px 0 18px; color: oklch(28% 0.065 220); font-size: clamp(40px, 4.4vw, 58px); font-weight: 800; line-height: 1.2; } .quick-access__header > p { max-width: 34ch; margin: 0; color: oklch(47% 0.035 220); font-size: 16px; line-height: 1.85; } .quick-access__count { display: inline-flex; align-items: center; gap: 11px; margin-top: 34px; padding: 13px 0; border-top: 1px solid oklch(77% 0.055 210 / 0.55); border-bottom: 1px solid oklch(77% 0.055 210 / 0.55); color: oklch(47% 0.035 220); font-size: 12px; font-weight: 700; } .quick-access__count strong { color: oklch(49% 0.13 208); font-size: 19px; font-weight: 800; line-height: 1; } .quick-access__directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; } .quick-access__link { display: grid; grid-template-columns: 28px 62px minmax(0, 1fr) 36px; align-items: center; gap: 15px; min-height: 124px; padding: 18px 10px; border-top: 1px solid oklch(86% 0.024 215); border-radius: 16px; color: oklch(28% 0.065 220); transition: color 180ms ease-out, background-color 180ms ease-out; } .quick-access__link:nth-last-child(-n + 2) { border-bottom: 1px solid oklch(86% 0.024 215); } .quick-access__link:hover { background: oklch(94.5% 0.032 210); color: oklch(42% 0.12 208); } .quick-access__link:focus-visible { outline: 3px solid oklch(81% 0.12 95); outline-offset: 3px; } .quick-access__index { align-self: start; padding-block-start: 7px; color: oklch(61% 0.055 215); font-size: 10px; font-weight: 800; letter-spacing: 0.1em; } .quick-access__icon { display: flex; width: 62px; height: 62px; align-items: center; justify-content: center; color: oklch(53% 0.12 205); font-size: 32px; } .quick-access__icon img { display: block; width: 100%; max-width: 58px; height: 58px; object-fit: contain; transition: transform 400ms cubic-bezier(.22, 1, .36, 1); } .quick-access__link:hover .quick-access__icon img { transform: scale(1.06); } .quick-access__title { min-width: 0; font-size: 16px; font-weight: 750; line-height: 1.55; } .quick-access__arrow { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: oklch(92.5% 0.04 210); color: oklch(49% 0.13 208); font-size: 11px; transition: color 180ms ease-out, background-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .quick-access__link:hover .quick-access__arrow { background: oklch(49% 0.13 208); color: oklch(98.5% 0.006 220); transform: translateX(-3px); } [dir='ltr'] .quick-access__arrow i { transform: scaleX(-1); } [dir='ltr'] .quick-access__link:hover .quick-access__arrow { transform: translateX(3px); } @media (max-width: 1199px) { #fast-links.quick-access-section { padding: 88px 0 96px; } .quick-access__layout { grid-template-columns: minmax(245px, 0.66fr) minmax(0, 1.34fr); gap: 48px; } .quick-access__link { grid-template-columns: 24px 52px minmax(0, 1fr) 34px; gap: 11px; min-height: 112px; } .quick-access__icon { width: 52px; height: 52px; } .quick-access__icon img { max-width: 50px; height: 50px; } .quick-access__title { font-size: 14px; } } @media (max-width: 991px) { #fast-links.quick-access-section { padding: 76px 0 84px; } .quick-access__layout { grid-template-columns: minmax(0, 1fr); gap: 44px; } .quick-access__header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr); align-items: end; gap: 8px 36px; padding-block-start: 0; } .quick-access__eyebrow, .quick-access__header h2 { grid-column: 1; } .quick-access__header > p { grid-column: 2; grid-row: 1 / span 2; } .quick-access__count { grid-column: 1 / -1; justify-self: start; margin-top: 18px; } } @media (max-width: 767px) { #fast-links.quick-access-section { padding: 68px 0 76px; } .quick-access__header { display: block; } .quick-access__header h2 { margin-bottom: 14px; font-size: 38px; } .quick-access__header > p { font-size: 15px; } .quick-access__count { margin-top: 24px; } .quick-access__directory { grid-template-columns: minmax(0, 1fr); } .quick-access__link:nth-last-child(-n + 2) { border-bottom: 0; } .quick-access__link:last-child { border-bottom: 1px solid oklch(86% 0.024 215); } } @media (max-width: 575px) { #fast-links.quick-access-section { padding: 58px 0 66px; } .quick-access__container { padding-inline: 18px; } .quick-access__layout { gap: 34px; } .quick-access__eyebrow { font-size: 12px; } .quick-access__header h2 { font-size: 32px; } .quick-access__link { grid-template-columns: 20px 46px minmax(0, 1fr) 32px; gap: 9px; min-height: 94px; padding: 14px 6px; border-radius: 12px; } .quick-access__index { font-size: 9px; } .quick-access__icon { width: 46px; height: 46px; } .quick-access__icon img { max-width: 44px; height: 44px; } .quick-access__title { font-size: 13px; } .quick-access__arrow { width: 32px; height: 32px; } } @media (prefers-reduced-motion: reduce) { .quick-access__link, .quick-access__icon img, .quick-access__arrow { transition: none; } } /* University story */ .about-content.university-about-section { position: relative; isolation: isolate; padding: 104px 0 112px; overflow: hidden; background: oklch(25% 0.055 220); } .about-content.university-about-section::before { position: absolute; inset: 0; width: auto; height: auto; background: url(../images/about.webp) no-repeat center; background-size: cover; content: ''; opacity: 0.1; pointer-events: none; transform: scale(1.025); } .about-content.university-about-section::after { position: absolute; z-index: -1; inset-block-start: -210px; inset-inline-end: -170px; width: 520px; height: 520px; border: 96px solid oklch(77% 0.12 204 / 0.07); border-radius: 50%; content: ''; pointer-events: none; } .university-about-section > .container { position: relative; z-index: 1; } .university-about__header { max-width: 920px; margin-bottom: 52px; } .university-about__eyebrow { display: inline-flex; align-items: center; gap: 10px; color: oklch(82% 0.12 95); font-size: 13px; font-weight: 750; letter-spacing: 0.04em; } .university-about__eyebrow::before { width: 28px; height: 3px; border-radius: 999px; background: oklch(70% 0.13 205); content: ''; } .university-about__header h2 { max-width: 18ch; margin: 15px 0 0; color: oklch(98.5% 0.006 220); font-size: clamp(40px, 5.4vw, 68px); font-weight: 800; line-height: 1.2; } .university-about__story { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); align-items: center; gap: clamp(44px, 6vw, 86px); } .university-about__visual { position: relative; margin: 0; aspect-ratio: 3 / 2; overflow: hidden; border: 1px solid oklch(88% 0.03 210 / 0.24); border-radius: 34px; background: oklch(20% 0.045 220); box-shadow: 0 32px 80px oklch(12% 0.03 220 / 0.32); } .university-about__visual::after { position: absolute; inset: 14px; border: 1px solid oklch(92% 0.025 210 / 0.24); border-radius: 24px; content: ''; pointer-events: none; } .university-about__visual img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms cubic-bezier(.22, 1, .36, 1); } .university-about__visual:hover img { transform: scale(1.025); } .university-about__placeholder { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; color: oklch(82% 0.12 95); font-size: clamp(38px, 6vw, 72px); font-weight: 800; letter-spacing: 0.17em; } .university-about__founded { position: absolute; z-index: 1; inset-block-end: 30px; inset-inline-start: 30px; display: inline-flex; align-items: baseline; gap: 8px; min-height: 54px; padding: 9px 18px; border: 1px solid oklch(91% 0.02 210 / 0.24); border-radius: 999px; background: oklch(22% 0.05 220 / 0.9); color: oklch(89% 0.025 210); font-size: 12px; font-weight: 650; } .university-about__founded strong { color: oklch(84% 0.12 95); font-size: 22px; font-weight: 800; line-height: 1; } .university-about__details { position: relative; padding-block: 22px; } .university-about__chapter { display: inline-flex; margin-bottom: 22px; color: oklch(70% 0.13 205); font-size: 13px; font-weight: 800; letter-spacing: 0.15em; } .university-about__chapter::after { width: 46px; height: 1px; align-self: center; margin-inline-start: 12px; background: oklch(70% 0.13 205 / 0.55); content: ''; } .university-about__details h3 { margin: 0 0 20px; color: oklch(84% 0.12 95); font-size: clamp(27px, 3vw, 40px); font-weight: 750; line-height: 1.35; } .university-about__copy { max-width: 66ch; } .university-about__copy p { margin: 0 0 18px; color: oklch(90% 0.02 215); font-size: 18px; font-weight: 400; line-height: 1.95; } .university-about__copy p:last-child { margin-bottom: 0; } .university-about__more { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 52px; margin-top: 28px; padding: 0 24px; border: 1px solid oklch(82% 0.12 95); border-radius: 999px; background: oklch(82% 0.12 95); color: oklch(25% 0.055 220); font-size: 14px; font-weight: 800; transition: color 180ms ease-out, background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1), box-shadow 180ms ease-out; } .university-about__more:hover { border-color: oklch(70% 0.13 205); background: oklch(70% 0.13 205); color: oklch(19% 0.04 220); box-shadow: 0 12px 30px oklch(12% 0.03 220 / 0.28); transform: translateY(-2px); } .university-about__more:focus-visible { outline: 3px solid oklch(70% 0.13 205); outline-offset: 4px; } [dir='ltr'] .university-about__more i { transform: scaleX(-1); } .university-about-section .statistics { position: relative; margin-top: 96px; padding-top: 80px; border-top: 1px solid oklch(88% 0.03 210 / 0.18); } .university-about-section--statistics-only .statistics { margin-top: 0; padding-top: 0; border-top: 0; } .university-about-section .statistics > .heading { margin-bottom: 68px; font-size: clamp(32px, 4vw, 46px); font-weight: 750; } @media (max-width: 1199px) { .about-content.university-about-section { padding: 90px 0 100px; } .university-about__story { gap: 48px; } .university-about__copy p { font-size: 16px; } } @media (max-width: 991px) { .about-content.university-about-section { padding: 78px 0 88px; } .university-about__header { margin-bottom: 40px; } .university-about__story { grid-template-columns: minmax(0, 1fr); gap: 42px; } .university-about__visual { width: 100%; max-width: 780px; } .university-about__details { max-width: 760px; padding-block: 0; } .university-about-section .statistics { margin-top: 76px; padding-top: 66px; } } @media (max-width: 767px) { .about-content.university-about-section { padding: 68px 0 78px; } .university-about__header { margin-bottom: 34px; } .university-about__header h2 { font-size: 38px; } .university-about__visual { border-radius: 26px; } .university-about__visual::after { inset: 10px; border-radius: 19px; } .university-about__founded { inset-block-end: 20px; inset-inline-start: 20px; } .university-about__copy p { font-size: 15px; line-height: 1.9; } .university-about-section .statistics { margin-top: 64px; padding-top: 56px; } } @media (max-width: 575px) { .about-content.university-about-section { padding: 58px 0 70px; } .university-about__eyebrow { font-size: 12px; } .university-about__header h2 { font-size: 32px; line-height: 1.3; } .university-about__story { gap: 32px; } .university-about__visual { aspect-ratio: 4 / 3; border-radius: 22px; } .university-about__visual::after { border-radius: 15px; } .university-about__founded { inset-block-end: 16px; inset-inline-start: 16px; min-height: 46px; padding: 7px 14px; } .university-about__founded strong { font-size: 18px; } .university-about__chapter { margin-bottom: 16px; } .university-about__details h3 { margin-bottom: 15px; font-size: 26px; } .university-about__more { min-height: 48px; margin-top: 22px; padding: 0 20px; } .university-about-section .statistics { margin-top: 54px; padding-top: 48px; } .university-about-section .statistics > .heading { margin-bottom: 42px; font-size: 29px; } } @media (prefers-reduced-motion: reduce) { .university-about__visual img, .university-about__more { transition: none; } } /* University news editorial */ #news.university-news-section, #entity-news.university-news-section { position: relative; padding: 72px 0 78px; overflow: hidden; background: oklch(98.2% 0.009 220); } #news.university-news-section::before, #entity-news.university-news-section::before { position: absolute; inset-block-start: -160px; inset-inline-start: -120px; width: 420px; height: 420px; border: 86px solid oklch(81% 0.09 205 / 0.065); border-radius: 50%; content: ''; pointer-events: none; } .university-news__header { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 30px; } .university-news__heading-group { max-width: 720px; } .university-news__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: oklch(52% 0.12 210); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; } .university-news__eyebrow::before { width: 24px; height: 3px; border-radius: 999px; background: oklch(80% 0.12 95); content: ''; } .university-news__heading { margin: 10px 0 9px; color: oklch(29% 0.065 220); font-size: clamp(32px, 3.5vw, 48px); font-weight: 800; line-height: 1.2; } .university-news__heading-group > p { max-width: 62ch; margin: 0; color: oklch(48% 0.035 220); font-size: 16px; line-height: 1.7; } .university-news__all-link { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 20px; border: 1px solid oklch(69% 0.105 205 / 0.7); border-radius: 999px; background: oklch(99% 0.006 220); color: oklch(48% 0.13 208); font-size: 14px; font-weight: 700; transition: color 180ms ease-out, background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1), box-shadow 180ms ease-out; } .university-news__all-link:hover { border-color: oklch(48% 0.13 208); background: oklch(48% 0.13 208); color: oklch(99% 0.004 220); box-shadow: 0 10px 24px oklch(42% 0.1 210 / 0.18); transform: translateY(-2px); } .university-news__all-link:focus-visible, .university-news__feature a:focus-visible, .university-news__item a:focus-visible { outline: 3px solid oklch(80% 0.12 95); outline-offset: 3px; } .university-news__layout { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.75fr); gap: 22px; } .university-news__layout--single { grid-template-columns: minmax(0, 1fr); } .university-news__layout--single .university-news__feature { width: 100%; max-width: 900px; margin-inline: auto; } .university-news__feature { overflow: hidden; border: 1px solid oklch(72% 0.055 215 / 0.34); border-radius: 28px; background: oklch(99% 0.006 220); box-shadow: 0 24px 64px oklch(27% 0.045 220 / 0.11); } .university-news__feature-media { position: relative; display: block; height: clamp(300px, 33vh, 390px); overflow: hidden; background: oklch(28% 0.065 220); } .university-news__feature-media::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, oklch(20% 0.05 220 / 0.5)); content: ''; pointer-events: none; } .university-news__feature-media img, .university-news__item-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 480ms cubic-bezier(.22, 1, .36, 1); } .university-news__feature:hover .university-news__feature-media img { transform: scale(1.025); } .university-news__media-placeholder { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: oklch(29% 0.065 220); color: oklch(84% 0.115 95); font-size: clamp(28px, 5vw, 56px); font-weight: 800; letter-spacing: 0.16em; } .university-news__feature-badge { position: absolute; z-index: 1; inset-block-end: 14px; inset-inline-start: 14px; display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: 999px; background: oklch(82% 0.125 95); color: oklch(27% 0.055 220); font-size: 12px; font-weight: 800; } .university-news__feature-content { padding: 22px 26px 24px; } .university-news__date { display: inline-flex; align-items: center; gap: 7px; color: oklch(52% 0.11 210); font-size: 12px; font-weight: 650; line-height: 1.4; } .university-news__date i { font-size: 13px; } .university-news__feature-content h3 { margin: 9px 0 8px; font-size: clamp(22px, 1.9vw, 30px); font-weight: 800; line-height: 1.45; } .university-news__feature-content h3 a, .university-news__item-content h3 a { color: oklch(29% 0.065 220); } .university-news__feature-content h3 a:hover, .university-news__item-content h3 a:hover { color: oklch(48% 0.13 208); } .university-news__feature-content > p { display: -webkit-box; max-width: 68ch; margin: 0 0 14px; overflow: hidden; color: oklch(47% 0.032 220); font-size: 14px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .university-news__read-link { display: inline-flex; align-items: center; gap: 9px; color: oklch(48% 0.13 208); font-size: 14px; font-weight: 800; } .university-news__read-link:hover { color: oklch(38% 0.11 210); } .university-news__latest { padding: 16px 16px 10px; border: 1px solid oklch(72% 0.055 215 / 0.34); border-radius: 28px; background: oklch(99% 0.006 220); } .university-news__latest-header { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 10px; border-bottom: 1px solid oklch(87% 0.025 215); color: oklch(29% 0.065 220); font-size: 15px; font-weight: 800; } .university-news__latest-header strong { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding-inline: 7px; border-radius: 999px; background: oklch(94.5% 0.028 210); color: oklch(48% 0.13 208); font-size: 12px; } .university-news__item { display: grid; grid-template-columns: 96px minmax(0, 1fr) 34px; align-items: center; gap: 12px; padding: 9px 4px; } .university-news__item + .university-news__item { border-top: 1px solid oklch(90% 0.018 215); } .university-news__item-media { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 14px; background: oklch(29% 0.065 220); } .university-news__item:hover .university-news__item-media img { transform: scale(1.04); } .university-news__item-media .university-news__media-placeholder { font-size: 16px; } .university-news__item-content { min-width: 0; } .university-news__item-content h3 { display: -webkit-box; margin: 4px 0 0; overflow: hidden; font-size: 13px; font-weight: 750; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .university-news__item-arrow { display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: oklch(94.5% 0.028 210); color: oklch(48% 0.13 208); transition: color 180ms ease-out, background-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .university-news__item:hover .university-news__item-arrow { background: oklch(48% 0.13 208); color: oklch(99% 0.004 220); transform: translateX(-2px); } [dir='ltr'] .university-news__all-link i, [dir='ltr'] .university-news__read-link i, [dir='ltr'] .university-news__item-arrow i { transform: scaleX(-1); } [dir='ltr'] .university-news__item:hover .university-news__item-arrow { transform: translateX(2px); } @media (max-width: 1199px) { .university-news__layout { grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr); } .university-news__feature-content { padding: 20px 22px 22px; } .university-news__item { grid-template-columns: 88px minmax(0, 1fr) 32px; gap: 10px; } } @media (min-width: 992px) and (max-height: 900px) { #news.university-news-section, #entity-news.university-news-section { padding: 52px 0 60px; } .university-news__header { margin-bottom: 22px; } .university-news__heading { margin: 7px 0 6px; font-size: clamp(30px, 3vw, 42px); } .university-news__heading-group > p { font-size: 15px; line-height: 1.6; } .university-news__feature-media { height: clamp(240px, 30vh, 300px); } .university-news__feature-content { padding: 18px 22px 20px; } .university-news__feature-content h3 { margin: 7px 0 6px; font-size: clamp(20px, 1.7vw, 26px); line-height: 1.4; } .university-news__feature-content > p { margin-bottom: 10px; line-height: 1.6; -webkit-line-clamp: 1; } .university-news__latest { padding: 13px 14px 8px; } .university-news__item { grid-template-columns: 76px minmax(0, 1fr) 30px; gap: 9px; padding: 6px 3px; } .university-news__item-content h3 { font-size: 12px; line-height: 1.45; } .university-news__item .university-news__date { font-size: 10px; } .university-news__item-arrow { width: 30px; height: 30px; } } @media (max-width: 991px) { #news.university-news-section, #entity-news.university-news-section { padding: 76px 0 84px; } .university-news__layout { display: block; } .university-news__feature-media { height: auto; aspect-ratio: 16 / 9; } .university-news__latest { margin-top: 20px; } .university-news__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; } .university-news__item:nth-child(2) { border-top: 0; } } @media (max-width: 767px) { .university-news__header { align-items: flex-start; margin-bottom: 30px; } .university-news__heading-group > p { font-size: 15px; } .university-news__all-link { min-height: 44px; padding: 0 17px; } .university-news__list { display: block; } .university-news__item:nth-child(2) { border-top: 1px solid oklch(90% 0.018 215); } } @media (max-width: 575px) { #news.university-news-section, #entity-news.university-news-section { padding: 62px 0 70px; } .university-news__header { display: block; } .university-news__eyebrow { font-size: 12px; } .university-news__heading { font-size: 31px; } .university-news__all-link { margin-top: 20px; } .university-news__feature, .university-news__latest { border-radius: 20px; } .university-news__feature-content { padding: 22px 20px 24px; } .university-news__feature-content h3 { font-size: 21px; } .university-news__feature-content > p { font-size: 13px; } .university-news__feature-badge { inset-block-end: 12px; inset-inline-start: 12px; } .university-news__latest { padding: 16px 14px 8px; } .university-news__item { grid-template-columns: 82px minmax(0, 1fr) 30px; gap: 10px; padding: 11px 0; } .university-news__item-content h3 { font-size: 12px; } .university-news__item .university-news__date { font-size: 10px; } .university-news__item-arrow { width: 30px; height: 30px; } } @media (prefers-reduced-motion: reduce) { .university-news__all-link, .university-news__feature-media img, .university-news__item-media img, .university-news__item-arrow { transition: none; } } /* Events journal */ #events.events-journal-section { position: relative; padding: 94px 0 104px; overflow: hidden; border: 0; background: oklch(97.5% 0.012 215); } #events.events-journal-section::before { position: absolute; inset-block-start: -180px; inset-inline-end: -150px; width: 420px; height: 420px; border: 82px solid oklch(80% 0.08 205 / 0.07); border-radius: 50%; content: ''; pointer-events: none; } .events-journal__container { position: relative; max-width: 1420px; padding-inline: clamp(18px, 3vw, 48px); } .events-journal__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; max-width: 1320px; margin: 0 auto 38px; } .events-journal__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: oklch(52% 0.12 210); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; } .events-journal__eyebrow::before { width: 24px; height: 3px; border-radius: 999px; background: oklch(80% 0.12 95); content: ''; } .events-journal__heading { margin: 13px 0 10px; color: oklch(28% 0.06 220); font-size: clamp(34px, 4vw, 52px); font-weight: 800; line-height: 1.2; } .events-journal__header p { max-width: 65ch; margin: 0; color: oklch(48% 0.035 220); font-size: 16px; line-height: 1.8; } .events-journal__all-link { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 21px; border: 1px solid oklch(61% 0.065 215 / 0.45); border-radius: 14px; color: oklch(38% 0.07 220); font-size: 14px; font-weight: 700; transition: border-color 180ms ease-out, background-color 180ms ease-out, color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .events-journal__all-link:hover { border-color: oklch(49% 0.13 208); background: oklch(49% 0.13 208); color: oklch(98% 0.01 220); transform: translateY(-2px); } .events-journal__all-link:focus-visible { outline: 3px solid oklch(80% 0.12 95); outline-offset: 3px; } .events-journal { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(340px, 0.72fr); max-width: 1320px; min-height: 610px; margin: 0 auto; overflow: hidden; border: 1px solid oklch(70% 0.045 215 / 0.3); border-radius: 30px; background: oklch(99% 0.006 220); box-shadow: 0 28px 74px oklch(28% 0.045 220 / 0.14); } .events-journal--single { display: block; max-width: 900px; } .events-journal__featured { display: flex; min-width: 0; flex-direction: column; background: oklch(26% 0.06 220); } .events-journal__featured-visual { position: relative; min-height: 330px; overflow: hidden; background: oklch(22% 0.052 220); } .events-journal__featured-visual > img { width: 100%; height: 100%; min-height: 330px; max-height: 410px; object-fit: cover; } .events-journal__visual-fallback { display: flex; min-height: 330px; align-items: center; justify-content: center; background: oklch(33% 0.075 215); color: oklch(76% 0.09 208 / 0.34); } .events-journal__visual-fallback i { font-size: clamp(92px, 12vw, 160px); } .events-journal__date-badge { position: absolute; inset-block-end: 20px; inset-inline-start: 20px; display: flex; width: 78px; height: 78px; flex-direction: column; align-items: center; justify-content: center; border-radius: 18px; background: oklch(97% 0.012 220); color: oklch(29% 0.065 220); box-shadow: 0 14px 30px oklch(13% 0.03 220 / 0.24); } .events-journal__date-badge strong, .events-journal__date-badge span { display: block; } .events-journal__date-badge strong { font-size: 27px; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; } .events-journal__date-badge span { margin-top: 5px; color: oklch(50% 0.12 210); font-size: 12px; font-weight: 750; } .events-journal__featured-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 30px clamp(24px, 3vw, 40px) 34px; } .events-journal__featured-label { color: oklch(84% 0.115 95); font-size: 12px; font-weight: 750; } .events-journal__featured-content h3 { max-width: 42ch; margin: 10px 0 12px; color: oklch(97% 0.012 220); font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; line-height: 1.45; } .events-journal__featured-content h3 a { color: inherit; } .events-journal__featured-content > p { max-width: 70ch; margin: 0; color: oklch(80% 0.025 220); font-size: 15px; line-height: 1.9; } .events-journal__meta { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: auto; padding-top: 24px; } .events-journal__meta time { display: inline-flex; align-items: center; gap: 8px; color: oklch(86% 0.025 220); font-size: 13px; font-weight: 650; font-variant-numeric: tabular-nums; } .events-journal__meta i { color: oklch(77% 0.105 95); } .events-journal__featured-action { display: inline-flex; align-items: center; gap: 8px; color: oklch(84% 0.115 95); font-size: 13px; font-weight: 800; } .events-journal__featured-action:hover { color: oklch(91% 0.09 95); } .events-journal__rail { display: flex; min-width: 0; flex-direction: column; padding: 28px 24px 24px; background: oklch(99% 0.006 220); } .events-journal__rail-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 4px 18px; border-bottom: 1px solid oklch(75% 0.04 215 / 0.42); } .events-journal__rail-header span { color: oklch(31% 0.055 220); font-size: 17px; font-weight: 800; } .events-journal__rail-header strong { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 28px; padding: 0 9px; border-radius: 999px; background: oklch(94.5% 0.028 210); color: oklch(49% 0.13 208); font-size: 12px; font-variant-numeric: tabular-nums; } .events-journal__list { min-height: 0; margin-top: 8px; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: oklch(70% 0.05 212) transparent; scrollbar-width: thin; } .events-journal__item { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 14px; padding: 14px 4px; border-bottom: 1px solid oklch(77% 0.035 215 / 0.38); color: oklch(32% 0.055 220); transition: background-color 180ms ease-out; } .events-journal__item:last-child { border-bottom: 0; } .events-journal__item-visual { display: flex; aspect-ratio: 4 / 3; overflow: hidden; align-items: center; justify-content: center; border-radius: 13px; background: oklch(94.5% 0.028 210); } .events-journal__item-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms cubic-bezier(.22, 1, .36, 1); } .events-journal__item:hover { background: oklch(96% 0.018 212); } .events-journal__item:hover .events-journal__item-visual img { transform: scale(1.04); } .events-journal__item-visual time { text-align: center; } .events-journal__item-visual strong, .events-journal__item-visual span { display: block; } .events-journal__item-visual strong { color: oklch(33% 0.065 220); font-size: 24px; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; } .events-journal__item-visual span { margin-top: 5px; color: oklch(50% 0.12 210); font-size: 11px; font-weight: 750; } .events-journal__item-copy { min-width: 0; } .events-journal__item-copy > time { display: block; margin-bottom: 5px; color: oklch(51% 0.09 208); font-size: 10px; font-weight: 750; font-variant-numeric: tabular-nums; } .events-journal__item-copy > time span { margin-inline: 4px; color: oklch(68% 0.04 215); } .events-journal__item-copy h4, .events-journal__item-copy > strong { display: -webkit-box; overflow: hidden; margin: 0; color: oklch(32% 0.055 220); font-size: 14px; font-weight: 750; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .events-journal__featured-visual:focus-visible, .events-journal__featured-action:focus-visible, .events-journal__item:focus-visible { outline: 3px solid oklch(80% 0.12 95); outline-offset: 3px; } [dir='ltr'] .events-journal__all-link i, [dir='ltr'] .events-journal__featured-action i { transform: scaleX(-1); } /* Keep the full events story visible in one desktop fold. The rail remains scrollable when more items are added, while the featured story keeps a readable image-to-copy balance instead of increasing the section height. */ @media (min-width: 992px) { #events.events-journal-section { padding: clamp(34px, 4.5vh, 56px) 0 clamp(38px, 5vh, 62px); } .events-journal__header { margin-bottom: clamp(20px, 2.6vh, 30px); } .events-journal__heading { margin: 8px 0 7px; font-size: clamp(32px, 3.4vw, 48px); } .events-journal__header p { line-height: 1.65; } .events-journal { height: 620px; height: clamp(500px, calc(100vh - 250px), 620px); height: clamp(500px, calc(100svh - 250px), 620px); min-height: 0; } .events-journal__featured, .events-journal__rail { min-height: 0; overflow: hidden; } .events-journal__featured-visual { min-height: 0; flex: 1 1 46%; } .events-journal__featured-visual > img, .events-journal__visual-fallback { height: 100%; min-height: 0; max-height: none; } .events-journal__featured-content { min-height: 0; flex: 1 1 54%; padding: clamp(20px, 2.5vh, 28px) clamp(24px, 2.8vw, 36px) clamp(22px, 2.8vh, 30px); } .events-journal__featured-content h3 { display: -webkit-box; overflow: hidden; margin: 7px 0 9px; font-size: clamp(23px, 2.15vw, 31px); line-height: 1.38; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .events-journal__featured-content > p { display: -webkit-box; overflow: hidden; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .events-journal__meta { padding-top: 14px; } .events-journal__rail { padding: 22px 20px 18px; } .events-journal__rail-header { padding-bottom: 13px; } .events-journal__list { flex: 1; margin-top: 5px; } .events-journal__item { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 10px 4px; } .events-journal__item-copy h4, .events-journal__item-copy > strong { line-height: 1.55; -webkit-line-clamp: 2; } } @media (min-width: 992px) and (max-height: 760px) { .events-journal__featured-content > p { display: none; } } @media (max-width: 1199px) { .events-journal { grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr); } .events-journal__item { grid-template-columns: 82px minmax(0, 1fr); gap: 11px; } } @media (max-width: 991px) { #events.events-journal-section { padding: 76px 0 84px; } .events-journal { display: block; min-height: 0; border-radius: 24px; } .events-journal__list { max-height: 520px; } } @media (max-width: 767px) { .events-journal__header { align-items: flex-start; margin-bottom: 30px; } .events-journal__header p { font-size: 15px; } .events-journal__featured-visual, .events-journal__featured-visual > img, .events-journal__visual-fallback { min-height: 280px; } } @media (max-width: 575px) { #events.events-journal-section { padding: 62px 0 70px; } .events-journal__header { display: block; } .events-journal__heading { font-size: 31px; } .events-journal__eyebrow { font-size: 12px; } .events-journal__all-link { min-height: 44px; margin-top: 20px; padding: 0 18px; } .events-journal { border-radius: 20px; } .events-journal__featured-visual, .events-journal__featured-visual > img, .events-journal__visual-fallback { min-height: 230px; } .events-journal__date-badge { inset-block-end: 14px; inset-inline-start: 14px; width: 66px; height: 66px; border-radius: 15px; } .events-journal__date-badge strong { font-size: 23px; } .events-journal__featured-content { padding: 24px 20px 28px; } .events-journal__featured-content h3 { font-size: 23px; } .events-journal__featured-content > p { font-size: 14px; } .events-journal__rail { padding: 22px 14px 16px; } .events-journal__item { grid-template-columns: 76px minmax(0, 1fr); padding: 12px 3px; } .events-journal__item-copy h4, .events-journal__item-copy > strong { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .events-journal__all-link, .events-journal__item, .events-journal__item-visual img { transition: none; } } /* Weekly reports showcase */ .weekly-reports-section { position: relative; padding: 94px 0 104px; overflow: hidden; background: oklch(97.8% 0.009 220); } .weekly-reports-section::after { position: absolute; inset-block-end: -190px; inset-inline-start: -160px; width: 420px; height: 420px; border: 82px solid oklch(78% 0.08 205 / 0.07); border-radius: 50%; content: ''; pointer-events: none; } .weekly-reports__container { max-width: 1420px; padding-inline: clamp(18px, 3vw, 48px); } .weekly-reports__header { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; max-width: 1320px; margin: 0 auto 38px; } .weekly-reports__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: oklch(52% 0.12 210); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; } .weekly-reports__eyebrow::before { width: 24px; height: 3px; border-radius: 999px; background: oklch(80% 0.12 95); content: ''; } .weekly-reports__heading { margin: 13px 0 10px; color: oklch(28% 0.06 220); font-size: clamp(34px, 4vw, 52px); font-weight: 800; line-height: 1.2; } .weekly-reports__header p { max-width: 65ch; margin: 0; color: oklch(48% 0.035 220); font-size: 16px; line-height: 1.8; } .weekly-reports__all-link { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1px solid oklch(61% 0.065 215 / 0.45); border-radius: 999px; color: oklch(38% 0.07 220); font-size: 14px; font-weight: 700; transition: border-color 180ms ease-out, background-color 180ms ease-out, color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .weekly-reports__all-link:hover { border-color: oklch(49% 0.13 208); background: oklch(49% 0.13 208); color: oklch(98% 0.01 220); transform: translateY(-2px); } .weekly-reports__all-link:focus-visible, .weekly-reports__youtube-link:focus-visible, .weekly-reports__item:focus-visible { outline: 3px solid oklch(80% 0.12 95); outline-offset: 3px; } .weekly-reports__showcase { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(330px, 0.78fr); max-width: 1320px; min-height: 590px; margin: 0 auto; overflow: hidden; border: 1px solid oklch(70% 0.045 215 / 0.25); border-radius: 30px; background: oklch(26% 0.06 220); box-shadow: 0 28px 74px oklch(28% 0.045 220 / 0.16); } .weekly-reports__stage { min-width: 0; padding: clamp(22px, 3vw, 38px); background: oklch(26% 0.06 220); } .weekly-reports__player { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 22px; background: oklch(18% 0.035 220); box-shadow: 0 18px 44px oklch(12% 0.025 220 / 0.28); } .weekly-reports__player iframe { display: block; width: 100%; height: 100%; border: 0; } .weekly-reports__feature-meta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 24px; margin-top: 24px; } .weekly-reports__feature-meta > div > span { display: block; margin-bottom: 7px; color: oklch(84% 0.115 95); font-size: 12px; font-weight: 700; } .weekly-reports__feature-meta h3 { max-width: 38ch; margin: 0; color: oklch(97% 0.012 220); font-size: 22px; font-weight: 750; line-height: 1.55; } .weekly-reports__youtube-link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 0 17px; border: 1px solid oklch(95% 0.012 220 / 0.16); border-radius: 999px; background: oklch(96% 0.012 220 / 0.08); color: oklch(96% 0.012 220); font-size: 13px; font-weight: 700; transition: background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .weekly-reports__youtube-link:hover { border-color: oklch(80% 0.12 95 / 0.6); background: oklch(80% 0.12 95); color: oklch(26% 0.06 220); transform: translateY(-2px); } .weekly-reports__playlist { display: flex; min-width: 0; flex-direction: column; padding: 28px 24px 24px; background: oklch(99% 0.006 220); } .weekly-reports__playlist-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 4px 18px; border-bottom: 1px solid oklch(75% 0.04 215 / 0.42); } .weekly-reports__playlist-header span { color: oklch(31% 0.055 220); font-size: 17px; font-weight: 800; } .weekly-reports__playlist-header strong { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 28px; padding: 0 9px; border-radius: 999px; background: oklch(94.5% 0.028 210); color: oklch(49% 0.13 208); font-size: 12px; font-variant-numeric: tabular-nums; } .weekly-reports__list { min-height: 0; margin-top: 10px; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: oklch(70% 0.05 212) transparent; scrollbar-width: thin; } .weekly-reports__item { display: grid; grid-template-columns: 104px minmax(0, 1fr) 18px; align-items: center; gap: 13px; width: 100%; padding: 10px; border: 1px solid transparent; border-radius: 16px; background: transparent; color: oklch(34% 0.05 220); font-family: inherit; text-align: start; cursor: pointer; transition: background-color 180ms ease-out, border-color 180ms ease-out, color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .weekly-reports__item + .weekly-reports__item { margin-top: 3px; } .weekly-reports__item:hover { background: oklch(96% 0.02 212); transform: translateX(-2px); } [dir='rtl'] .weekly-reports__item:hover { transform: translateX(2px); } .weekly-reports__item.is-active { border-color: oklch(72% 0.09 208 / 0.38); background: oklch(93.5% 0.04 208); color: oklch(28% 0.065 220); } .weekly-reports__thumbnail { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 11px; background: oklch(90% 0.018 215); } .weekly-reports__thumbnail img { width: 100%; height: 100%; object-fit: cover; transition: transform 320ms cubic-bezier(.22, 1, .36, 1); } .weekly-reports__item:hover .weekly-reports__thumbnail img { transform: scale(1.035); } .weekly-reports__thumbnail i { position: absolute; inset-block-start: 50%; inset-inline-start: 50%; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: oklch(96% 0.012 220 / 0.9); color: oklch(45% 0.13 208); font-size: 9px; transform: translate(-50%, -50%); } [dir='rtl'] .weekly-reports__thumbnail i { transform: translate(50%, -50%); } .weekly-reports__item-copy { min-width: 0; } .weekly-reports__item-copy small, .weekly-reports__item-copy strong { display: block; } .weekly-reports__item-copy small { margin-bottom: 4px; color: oklch(54% 0.09 208); font-size: 10px; font-weight: 800; font-variant-numeric: tabular-nums; } .weekly-reports__item-copy strong { display: -webkit-box; overflow: hidden; font-size: 13px; font-weight: 700; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .weekly-reports__item-arrow { color: oklch(56% 0.09 208); font-size: 10px; opacity: 0.45; transition: opacity 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .weekly-reports__item.is-active .weekly-reports__item-arrow { opacity: 1; transform: translateX(-2px); } [dir='ltr'] .weekly-reports__all-link i, [dir='ltr'] .weekly-reports__item-arrow { transform: scaleX(-1); } [dir='ltr'] .weekly-reports__item.is-active .weekly-reports__item-arrow { transform: scaleX(-1) translateX(-2px); } @media (max-width: 1199px) { .weekly-reports__showcase { grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr); } .weekly-reports__item { grid-template-columns: 88px minmax(0, 1fr) 16px; gap: 10px; } } @media (max-width: 991px) { .weekly-reports-section { padding: 76px 0 84px; } .weekly-reports__showcase { display: block; min-height: 0; border-radius: 24px; } .weekly-reports__list { max-height: 390px; } } @media (max-width: 767px) { .weekly-reports__header { align-items: flex-start; margin-bottom: 30px; } .weekly-reports__header p { font-size: 15px; } .weekly-reports__stage { padding: 18px; } .weekly-reports__feature-meta { display: block; } .weekly-reports__youtube-link { margin-top: 18px; } } @media (max-width: 575px) { .weekly-reports-section { padding: 62px 0 70px; } .weekly-reports__header { display: block; } .weekly-reports__heading { font-size: 31px; } .weekly-reports__eyebrow { font-size: 12px; } .weekly-reports__all-link { min-height: 44px; margin-top: 20px; padding: 0 18px; } .weekly-reports__showcase { border-radius: 20px; } .weekly-reports__stage { padding: 12px 12px 20px; } .weekly-reports__player { border-radius: 14px; } .weekly-reports__feature-meta { margin-top: 18px; padding: 0 4px; } .weekly-reports__feature-meta h3 { font-size: 17px; } .weekly-reports__youtube-link { width: 100%; } .weekly-reports__playlist { padding: 22px 14px 16px; } .weekly-reports__playlist-header { padding-inline: 4px; } .weekly-reports__item { grid-template-columns: 80px minmax(0, 1fr); padding: 9px 6px; } .weekly-reports__item-arrow { display: none; } } @media (prefers-reduced-motion: reduce) { .weekly-reports__all-link, .weekly-reports__youtube-link, .weekly-reports__item, .weekly-reports__thumbnail img, .weekly-reports__item-arrow { transition: none; } } /* FAQ hub */ .faq-section { position: relative; padding: 94px 0 104px; overflow: hidden; background: oklch(98.4% 0.008 220); } .faq-section.faq-section--before-colleges { padding-bottom: 56px; } .faq-section::before { position: absolute; inset-block-start: -140px; inset-inline-end: -120px; width: 360px; height: 360px; border: 74px solid oklch(81% 0.09 205 / 0.08); border-radius: 50%; content: ''; pointer-events: none; } .faq-hub__header { position: relative; max-width: 720px; margin: 0 auto 42px; text-align: center; } .faq-hub__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: oklch(52% 0.12 210); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; } .faq-hub__eyebrow::before { width: 24px; height: 3px; border-radius: 999px; background: oklch(80% 0.12 95); content: ''; } .faq-hub__heading { margin: 13px 0 12px; color: oklch(28% 0.06 220); font-size: clamp(34px, 4vw, 52px); font-weight: 800; line-height: 1.2; } .faq-hub__header > p { max-width: 62ch; margin: 0 auto; color: oklch(48% 0.035 220); font-size: 17px; line-height: 1.8; } .faq-hub__editorial { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 16px; color: oklch(52% 0.03 220); font-size: 12px; font-weight: 650; } .faq-hub__categories { position: relative; max-width: 1160px; margin: 0 auto; } .faq-category { margin-bottom: 12px; overflow: hidden; border: 1px solid oklch(74% 0.045 215 / 0.38); border-radius: 22px; background: oklch(99.2% 0.006 220); box-shadow: 0 10px 30px oklch(30% 0.045 220 / 0.055); } .faq-category > summary, .faq-entry > summary { list-style: none; } .faq-category > summary::-webkit-details-marker, .faq-entry > summary::-webkit-details-marker { display: none; } .faq-category__heading, .faq-entry__heading { margin: 0; } .faq-category__trigger { display: block; width: 100%; min-height: 92px; padding: 18px 24px; color: oklch(30% 0.055 220); cursor: pointer; transition: background-color 220ms cubic-bezier(.22, 1, .36, 1), color 220ms cubic-bezier(.22, 1, .36, 1); } .faq-category__heading { display: grid; grid-template-columns: 54px minmax(0, 1fr) 44px; align-items: center; gap: 18px; min-height: 56px; font-family: inherit; text-align: start; } .faq-category__trigger:hover { background: oklch(95.5% 0.025 210); } .faq-category[open] > .faq-category__trigger { background: oklch(29% 0.065 220); color: oklch(97% 0.012 220); } .faq-category__trigger:focus-visible, .faq-entry__trigger:focus-visible { outline: 3px solid oklch(80% 0.12 95); outline-offset: -4px; } .faq-category__index { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 16px; background: oklch(94.5% 0.028 210); color: oklch(50% 0.12 210); font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; } .faq-category[open] > .faq-category__trigger .faq-category__index { background: oklch(97% 0.012 220 / 0.1); color: oklch(84% 0.115 95); } .faq-category__label { min-width: 0; } .faq-category__label strong, .faq-category__label small { display: block; } .faq-category__label strong { font-size: 19px; font-weight: 750; line-height: 1.55; } .faq-category__label small { margin-top: 4px; color: oklch(51% 0.035 220); font-size: 12px; font-weight: 600; } .faq-category[open] > .faq-category__trigger .faq-category__label small { color: oklch(78% 0.035 220); } .faq-category__toggle, .faq-entry__toggle { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: transform 260ms cubic-bezier(.22, 1, .36, 1), background-color 220ms cubic-bezier(.22, 1, .36, 1), color 220ms cubic-bezier(.22, 1, .36, 1); } .faq-category__toggle { width: 44px; height: 44px; background: oklch(94.5% 0.028 210); color: oklch(50% 0.12 210); font-size: 14px; } .faq-category[open] > .faq-category__trigger .faq-category__toggle { background: oklch(80% 0.12 95); color: oklch(29% 0.065 220); transform: rotate(45deg); } .faq-category__content { padding: 8px 24px 24px; background: oklch(99.2% 0.006 220); } .faq-entry { border-top: 1px solid oklch(76% 0.035 215 / 0.42); } .faq-entry__trigger { display: block; width: 100%; min-height: 70px; padding: 15px 4px; color: oklch(32% 0.05 220); cursor: pointer; transition: color 180ms ease-out; } .faq-entry__heading { display: grid; grid-template-columns: minmax(0, 1fr) 36px; align-items: center; gap: 18px; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.7; text-align: start; } .faq-entry__trigger:hover, .faq-entry[open] > .faq-entry__trigger { color: oklch(49% 0.13 208); } .faq-entry__toggle { width: 36px; height: 36px; background: oklch(95.5% 0.025 210); color: oklch(50% 0.12 210); font-size: 11px; } .faq-entry[open] > .faq-entry__trigger .faq-entry__toggle { background: oklch(49% 0.13 208); color: oklch(97% 0.012 220); transform: rotate(45deg); } .faq-entry__answer { max-width: 72ch; margin: 0 0 18px; padding: 2px 4px 16px; color: oklch(43% 0.03 220); font-size: 15px; line-height: 1.9; } .faq-entry__answer > :last-child { margin-bottom: 0; } .faq-entry__answer p { margin: 0 0 12px; } .faq-entry__answer a { color: oklch(46% 0.13 208); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .faq-hub__degrees { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; max-width: 980px; margin: 26px auto 0; color: oklch(43% 0.035 220); font-size: 14px; font-weight: 700; } .faq-hub__degrees a { padding: 9px 14px; border: 1px solid oklch(72% 0.055 210 / 0.5); border-radius: 999px; background: oklch(99% 0.008 220); color: oklch(43% 0.11 208); text-decoration: none; transition: border-color 180ms ease-out, background-color 180ms ease-out, color 180ms ease-out, transform 180ms ease-out; } .faq-hub__degrees a:hover { border-color: oklch(49% 0.13 208); background: oklch(49% 0.13 208); color: oklch(98.5% 0.006 220); transform: translateY(-1px); } .faq-hub__degrees a:focus-visible, .faq-hub__cta a:focus-visible { outline: 3px solid oklch(80% 0.12 95); outline-offset: 3px; } .faq-hub__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px; max-width: 1160px; margin: 30px auto 0; padding: 30px 34px; border-radius: 24px; background: oklch(29% 0.065 220); color: oklch(97% 0.012 220); box-shadow: 0 18px 42px oklch(27% 0.06 220 / 0.16); } .faq-hub__cta > div:first-child > span { color: oklch(84% 0.115 95); font-size: 12px; font-weight: 800; letter-spacing: 0.04em; } .faq-hub__cta h3 { margin: 7px 0 8px; color: inherit; font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; line-height: 1.4; } .faq-hub__cta p { max-width: 68ch; margin: 0; color: oklch(85% 0.025 220); font-size: 14px; line-height: 1.8; } .faq-hub__cta-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; } .faq-hub__cta-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 18px; border: 1px solid transparent; border-radius: 13px; font-size: 13px; font-weight: 800; text-decoration: none; transition: background-color 180ms ease-out, color 180ms ease-out, transform 180ms ease-out; } .faq-hub__cta-actions a:hover { transform: translateY(-2px); } .faq-hub__cta-primary { background: oklch(80% 0.12 95); color: oklch(27% 0.06 220); } .faq-hub__cta-primary:hover { color: oklch(27% 0.06 220); } .faq-hub__cta-secondary { border-color: oklch(90% 0.02 220 / 0.32) !important; background: oklch(98% 0.01 220 / 0.08); color: oklch(97% 0.012 220); } .faq-hub__cta-secondary:hover { color: oklch(97% 0.012 220); } /* College explorer */ #colleges.college-explorer-section { padding: 94px 0 104px; background: oklch(98.5% 0.008 220); } .faq-section--before-colleges + #colleges.college-explorer-section { position: relative; padding-top: 64px; } .faq-section--before-colleges + #colleges.college-explorer-section::before { position: absolute; inset-block-start: 0; left: 50%; width: min(520px, calc(100% - 48px)); height: 1px; background: linear-gradient( 90deg, transparent, oklch(64% 0.085 210 / 0.42) 28%, oklch(80% 0.12 95 / 0.78) 50%, oklch(64% 0.085 210 / 0.42) 72%, transparent ); content: ''; pointer-events: none; transform: translateX(-50%); } .faq-section--before-colleges + #colleges.college-explorer-section::after { position: absolute; inset-block-start: 0; left: 50%; width: 12px; height: 12px; border: 2px solid oklch(80% 0.12 95); background: oklch(98.5% 0.008 220); content: ''; pointer-events: none; transform: translate(-50%, -50%) rotate(45deg); } #colleges.college-explorer-section.college-explorer-section--before-register { padding-bottom: 152px; } @media (min-width: 2560px) { #colleges.college-explorer-section.college-explorer-section--before-register { padding-bottom: 200px; } } .college-explorer__header { max-width: 760px; margin: 0 auto 42px; text-align: center; } .college-explorer__eyebrow, .college-explorer__panel-kicker { display: inline-flex; align-items: center; gap: 9px; color: oklch(53% 0.12 210); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; } .college-explorer__eyebrow::before, .college-explorer__panel-kicker::before { content: ''; width: 24px; height: 3px; border-radius: 999px; background: oklch(80% 0.12 95); } .college-explorer__heading { margin: 13px 0 12px; color: oklch(28% 0.06 220); font-size: clamp(34px, 4vw, 52px); font-weight: 800; line-height: 1.2; } .college-explorer__header > p { max-width: 62ch; margin: 0 auto; color: oklch(48% 0.035 220); font-size: 17px; line-height: 1.8; } .college-explorer { display: grid; grid-template-columns: minmax(315px, 0.78fr) minmax(0, 1.35fr); min-height: 610px; overflow: hidden; border: 1px solid oklch(72% 0.055 215 / 0.34); border-radius: 30px; background: oklch(99% 0.006 220); box-shadow: 0 26px 70px oklch(27% 0.045 220 / 0.12); } .college-explorer__list { display: flex; flex-direction: column; gap: 6px; padding: 14px; background: oklch(28% 0.065 220); } .college-explorer__tab { --college-tab-shift: -2px; display: grid; grid-template-columns: 52px minmax(0, 1fr) 20px; align-items: center; gap: 13px; width: 100%; min-height: 66px; padding: 9px 12px; border: 1px solid transparent; border-radius: 15px; background: transparent; color: oklch(88% 0.035 220); font-family: inherit; text-align: start; cursor: pointer; transition: background-color 180ms ease-out, border-color 180ms ease-out, color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .college-explorer__tab:hover { background: oklch(76% 0.12 208 / 0.1); color: oklch(96% 0.02 220); transform: translateX(var(--college-tab-shift)); } [dir='rtl'] .college-explorer__tab { --college-tab-shift: 2px; } .college-explorer__tab.is-active { border-color: oklch(76% 0.12 208 / 0.34); background: oklch(76% 0.12 208 / 0.17); color: oklch(97% 0.015 220); } .college-explorer__tab:focus-visible { outline: 3px solid oklch(80% 0.12 95); outline-offset: -1px; } .college-explorer__tab-logo { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; overflow: hidden; border-radius: 13px; background: oklch(97% 0.012 220); } .college-explorer__tab-logo img { width: 45px; height: 45px; object-fit: contain; } .college-explorer__tab-copy { min-width: 0; } .college-explorer__tab-copy strong, .college-explorer__tab-copy span { display: block; } .college-explorer__tab-copy strong { overflow: hidden; font-size: 14px; font-weight: 700; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; } .college-explorer__tab-copy span { margin-top: 3px; color: oklch(74% 0.055 215); font-size: 11px; line-height: 1.4; } .college-explorer__tab-copy b { color: oklch(84% 0.115 95); font-size: 12px; font-variant-numeric: tabular-nums; } .college-explorer__tab-arrow { color: oklch(80% 0.12 95); font-size: 11px; opacity: 0.55; transition: opacity 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .college-explorer__tab.is-active .college-explorer__tab-arrow { opacity: 1; transform: translateX(-3px); } [dir='ltr'] .college-explorer__tab-arrow, [dir='ltr'] .college-explorer__cta i { transform: scaleX(-1); } [dir='ltr'] .college-explorer__tab.is-active .college-explorer__tab-arrow { transform: scaleX(-1) translateX(-3px); } .college-explorer__panels { min-width: 0; background: oklch(99% 0.006 220); } .college-explorer__panel { min-height: 610px; padding: clamp(38px, 5vw, 72px); } .college-explorer__panel.is-active { display: grid; grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr); align-items: center; gap: clamp(30px, 4vw, 58px); animation: college-panel-in 360ms cubic-bezier(.22, 1, .36, 1) both; } .college-explorer__panel-logo { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; border-radius: 28px; background: oklch(96.5% 0.018 215); } .college-explorer__panel-logo img { width: 82%; height: 82%; object-fit: contain; } .college-explorer__panel-content h3 { margin: 12px 0 14px; color: oklch(28% 0.06 220); font-size: clamp(28px, 3vw, 42px); font-weight: 800; line-height: 1.3; } .college-explorer__panel-content > p { max-width: 65ch; margin: 0; color: oklch(46% 0.035 220); font-size: 16px; line-height: 1.9; } .college-explorer__metrics { display: flex; align-items: stretch; margin: 28px 0 30px; } .college-explorer__metric { min-width: 145px; padding-inline: 24px; } .college-explorer__metric:first-child { padding-inline-start: 0; } .college-explorer__metric + .college-explorer__metric { border-inline-start: 1px solid oklch(72% 0.055 215 / 0.42); } .college-explorer__metric strong, .college-explorer__metric span { display: block; } .college-explorer__metric strong { color: oklch(49% 0.13 208); font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.1; } .college-explorer__metric span { margin-top: 7px; color: oklch(47% 0.035 220); font-size: 13px; font-weight: 600; } .college-explorer__department-map { --department-branch: oklch(68% 0.065 210 / 0.48); max-width: 620px; margin: -4px 0 28px; text-align: center; } .college-explorer__department-hub { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 6px 14px 6px 8px; border: 1px solid oklch(68% 0.065 210 / 0.42); border-radius: 999px; background: oklch(96% 0.025 210); color: oklch(38% 0.08 215); font-size: 12px; font-weight: 750; } [dir='ltr'] .college-explorer__department-hub { padding: 6px 8px 6px 14px; } .college-explorer__department-hub i { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: oklch(80% 0.12 95); color: oklch(31% 0.065 220); font-size: 12px; } .college-explorer__department-hub::after { position: absolute; inset-block-start: 100%; left: 50%; width: 1px; height: 22px; background: var(--department-branch); content: ''; } .college-explorer__department-nodes { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 40px; max-width: 600px; margin: 22px 0 0; padding: 10px 0 0; list-style: none; } .college-explorer__department-nodes::before { position: absolute; inset-block: 0 18px; left: 50%; width: 1px; background: var(--department-branch); content: ''; } .college-explorer__department-node { position: relative; z-index: 1; display: flex; align-items: center; min-height: 38px; margin: 0; padding: 7px 12px; border: 1px solid oklch(73% 0.045 215 / 0.48); border-radius: 12px; background: oklch(98% 0.012 215); color: oklch(39% 0.045 220); font-size: 12px; font-weight: 650; line-height: 1.55; text-align: start; } .college-explorer__department-node::before { position: absolute; inset-block-start: 50%; width: 20px; border-top: 1px solid var(--department-branch); content: ''; } .college-explorer__department-node:nth-child(odd)::before { inset-inline-end: -20px; } .college-explorer__department-node:nth-child(even)::before { inset-inline-start: -20px; } .college-explorer__cta { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 48px; padding: 0 24px; border-radius: 999px; background: oklch(50% 0.13 208); color: oklch(98% 0.01 220); font-size: 14px; font-weight: 700; transition: background-color 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1), box-shadow 180ms ease-out; } .college-explorer__cta:hover { background: oklch(43% 0.12 208); color: oklch(98% 0.01 220); box-shadow: 0 12px 26px oklch(35% 0.08 210 / 0.22); transform: translateY(-2px); } .college-explorer__cta:focus-visible { outline: 3px solid oklch(80% 0.12 95); outline-offset: 3px; } @keyframes college-panel-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 991px) { .faq-section { padding: 76px 0 84px; } .faq-section.faq-section--before-colleges { padding-bottom: 48px; } #colleges.college-explorer-section { padding: 76px 0 84px; } .faq-section--before-colleges + #colleges.college-explorer-section { padding-top: 56px; } #colleges.college-explorer-section.college-explorer-section--before-register { padding-bottom: 132px; } .college-explorer { display: block; min-height: 0; border-radius: 24px; } .college-explorer__list { flex-direction: row; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scroll-snap-type: inline proximity; } .college-explorer__tab { min-width: 250px; scroll-snap-align: start; } .college-explorer__panel, .college-explorer__panel.is-active { min-height: 0; } } @media (max-width: 767px) { #colleges.college-explorer-section.college-explorer-section--before-register { padding-bottom: 116px; } .faq-hub__header { margin-bottom: 30px; } .faq-hub__header > p { font-size: 15px; } .faq-category__trigger { min-height: 84px; padding: 16px 18px; } .faq-category__heading { grid-template-columns: 48px minmax(0, 1fr) 40px; gap: 14px; } .faq-category__index { width: 48px; height: 48px; border-radius: 14px; } .faq-category__toggle { width: 40px; height: 40px; } .faq-category__content { padding: 6px 18px 20px; } .college-explorer__header { margin-bottom: 30px; } .college-explorer__header > p { font-size: 15px; } .college-explorer__panel.is-active { grid-template-columns: 110px minmax(0, 1fr); align-items: start; gap: 26px; padding: 34px 28px; } .college-explorer__panel-content h3 { font-size: 27px; } } @media (max-width: 575px) { .faq-section { padding: 62px 0 70px; } .faq-section.faq-section--before-colleges { padding-bottom: 40px; } .faq-hub__heading { font-size: 31px; } .faq-hub__eyebrow { font-size: 12px; } .faq-category { border-radius: 18px; } .faq-category__trigger { min-height: 78px; padding: 15px 16px; } .faq-category__heading { grid-template-columns: minmax(0, 1fr) 38px; gap: 12px; } .faq-category__index { display: none; } .faq-category__label strong { font-size: 16px; } .faq-category__toggle { width: 38px; height: 38px; } .faq-category__content { padding: 4px 16px 18px; } .faq-entry__trigger { min-height: 64px; padding: 14px 2px; } .faq-entry__heading { grid-template-columns: minmax(0, 1fr) 32px; gap: 12px; font-size: 14px; } .faq-hub__cta { grid-template-columns: 1fr; gap: 22px; padding: 26px 24px; } .faq-hub__cta-actions { justify-content: flex-start; } .faq-entry__toggle { width: 32px; height: 32px; } .faq-entry__answer { padding: 2px 2px 14px; font-size: 14px; } #colleges.college-explorer-section { padding: 62px 0 70px; } .faq-section--before-colleges + #colleges.college-explorer-section { padding-top: 48px; } #colleges.college-explorer-section.college-explorer-section--before-register { padding-bottom: 94px; } .college-explorer__heading { font-size: 31px; } .college-explorer__eyebrow { font-size: 12px; } .college-explorer { border-radius: 20px; } .college-explorer__tab { min-width: 224px; grid-template-columns: 46px minmax(0, 1fr) 16px; min-height: 62px; } .college-explorer__tab-logo { width: 46px; height: 46px; } .college-explorer__tab-logo img { width: 40px; height: 40px; } .college-explorer__panel.is-active { display: block; padding: 28px 22px 32px; } .college-explorer__panel-logo { width: 104px; margin-bottom: 24px; border-radius: 22px; } .college-explorer__panel-content h3 { font-size: 25px; } .college-explorer__panel-content > p { font-size: 14px; } .college-explorer__metrics { margin: 24px 0 26px; } .college-explorer__department-map { margin: -2px 0 26px; } .college-explorer__department-nodes { gap: 8px 24px; padding-top: 8px; } .college-explorer__department-node { min-height: 36px; padding: 6px 8px; border-radius: 10px; font-size: 11px; } .college-explorer__department-node::before { width: 12px; } .college-explorer__department-node:nth-child(odd)::before { inset-inline-end: -12px; } .college-explorer__department-node:nth-child(even)::before { inset-inline-start: -12px; } .college-explorer__metric { min-width: 0; padding-inline: 18px; } .college-explorer__metric strong { font-size: 26px; } .college-explorer__cta { width: 100%; } } @media (prefers-reduced-motion: reduce) { .college-explorer__panel.is-active { animation: none; } .college-explorer__tab, .college-explorer__tab-arrow, .college-explorer__cta { transition: none; } .faq-category__trigger, .faq-category__toggle, .faq-entry__trigger, .faq-entry__toggle, .faq-hub__degrees a, .faq-hub__cta-actions a { transition: none; } } /* Homepage responsive composition Keep the primary story of every section visible early, then expose supporting items as touch-friendly rails instead of creating excessively tall pages. */ @media (min-width: 768px) and (max-width: 1199px) { .faq-hub__categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 12px; } .faq-category { margin-bottom: 0; } .faq-category__trigger { min-height: 72px; padding: 12px; } .faq-category__heading { grid-template-columns: 42px minmax(0, 1fr) 36px; gap: 10px; } .faq-category__index { width: 42px; height: 42px; border-radius: 13px; font-size: 12px; } .faq-category__toggle { width: 36px; height: 36px; } .faq-category__label strong { font-size: 15px; line-height: 1.45; } .faq-category__label small { margin-top: 2px; font-size: 11px; } } @media (min-width: 768px) and (max-width: 991px) { .about-content.university-about-section { padding: 60px 0 66px; } .university-about__header { margin-bottom: 30px; } .university-about__story { grid-template-columns: minmax(250px, 0.82fr) minmax(0, 1.18fr); align-items: center; gap: 30px; } .university-about__visual { aspect-ratio: 4 / 3; } .university-about__details h3 { margin-bottom: 14px; font-size: 28px; } .university-about__copy p { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.75; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } .university-about__more { min-height: 46px; margin-top: 18px; } } @media (max-width: 991px) { #events.events-journal-section { padding: 52px 0 58px; } .university-news__feature-media { height: clamp(190px, 42vw, 300px); aspect-ratio: auto; } .university-news__feature-content > p, .events-journal__featured-content > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .university-news__feature-content h3, .events-journal__featured-content h3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .university-news__latest, .events-journal__rail, .weekly-reports__playlist { overflow: hidden; } .university-news__list, .events-journal__list, .weekly-reports__list { display: flex; max-height: none; gap: 12px; padding: 2px 2px 10px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-color: oklch(67% 0.075 210) transparent; scrollbar-width: thin; scroll-padding-inline: 2px; scroll-snap-type: inline mandatory; -webkit-overflow-scrolling: touch; } .university-news__item, .events-journal__item, .weekly-reports__item { flex: 0 0 clamp(270px, 70vw, 340px); scroll-snap-align: start; scroll-snap-stop: normal; } .university-news__item, .university-news__item:nth-child(2) { padding: 11px 8px; border: 1px solid oklch(84% 0.03 215 / 0.72); border-radius: 14px; background: oklch(99.5% 0.004 220); } .events-journal__list { margin-top: 10px; } .events-journal__featured-visual, .events-journal__featured-visual > img, .events-journal__visual-fallback { min-height: clamp(230px, 38vw, 290px); max-height: 290px; } .events-journal__featured-content { padding: 22px 24px 24px; } .events-journal__featured-content h3 { margin: 8px 0 9px; font-size: 25px; line-height: 1.42; -webkit-line-clamp: 2; } .events-journal__featured-content > p { font-size: 14px; line-height: 1.65; } .events-journal__meta { padding-top: 14px; } .events-journal__rail { padding: 18px 18px 14px; } .events-journal__item { border: 1px solid oklch(77% 0.035 215 / 0.45); border-radius: 14px; } .weekly-reports__item + .weekly-reports__item { margin-top: 0; } .weekly-reports__item { border-color: oklch(80% 0.035 215 / 0.5); } .university-about-section .statistics { margin-top: 42px; padding-top: 38px; } .university-about-section .statistics > .heading { margin-bottom: 28px; } .university-about-section .statistics .row { display: grid; grid-auto-columns: minmax(160px, 29vw); grid-auto-flow: column; justify-content: start; gap: 12px; margin-inline: 0; padding: 2px 2px 12px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: oklch(70% 0.07 205) transparent; scrollbar-width: thin; scroll-snap-type: inline mandatory; -webkit-overflow-scrolling: touch; } .university-about-section .statistics .col, .university-about-section .statistics .col:nth-of-type(4), .university-about-section .statistics .col:last-of-type { width: auto; max-width: none; margin: 0; padding: 16px 12px; border: 1px solid oklch(84% 0.04 210 / 0.16); border-radius: 16px; background: oklch(97% 0.015 215 / 0.055); scroll-snap-align: start; } .university-about-section .statistics .item { justify-content: flex-start; } } /* Landscape tablets have little vertical room even though their width uses the desktop composition. Constrain long secondary panels and let them scroll. */ @media (min-width: 992px) and (max-width: 1199px) and (max-height: 900px) { .about-content.university-about-section { padding: 40px 0 46px; } .university-about__header { margin-bottom: 24px; } .university-about__story { gap: 32px; } .university-about__visual { aspect-ratio: 4 / 3; } .university-about__details h3 { margin-bottom: 12px; font-size: 29px; } .university-about__copy p { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } .university-about__more { min-height: 44px; margin-top: 16px; } .university-about-section .statistics { margin-top: 34px; padding-top: 28px; } .university-about-section .statistics > .heading { margin-bottom: 24px; font-size: 30px; } .university-about-section .statistics .item i { font-size: 48px; } .university-about-section .statistics .item .s-num { font-size: 32px; } #video_box.weekly-reports-section { padding: 34px 0 40px; } .weekly-reports__header { margin-bottom: 20px; } .weekly-reports__heading { margin: 7px 0 6px; font-size: 40px; } .weekly-reports__showcase { height: 520px; min-height: 0; } .weekly-reports__stage, .weekly-reports__playlist { min-height: 0; overflow: hidden; } .weekly-reports__stage { padding: 20px; } .weekly-reports__feature-meta { margin-top: 16px; } .weekly-reports__feature-meta h3 { display: -webkit-box; overflow: hidden; font-size: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .weekly-reports__list { flex: 1; } .faq-section { padding: 42px 0 48px; } .faq-section.faq-section--before-colleges { padding-bottom: 38px; } .faq-hub__header { margin-bottom: 24px; } #colleges.college-explorer-section { padding: 40px 0 46px; } #colleges.college-explorer-section.college-explorer-section--before-register { padding-bottom: 72px; } .college-explorer__header { margin-bottom: 22px; } .college-explorer__heading { font-size: 40px; } .college-explorer__header > p { font-size: 15px; line-height: 1.65; } .college-explorer { height: 520px; min-height: 0; } .college-explorer__list, .college-explorer__panels, .college-explorer__panel.is-active { min-height: 0; overflow-y: auto; overscroll-behavior-block: contain; scrollbar-width: thin; } } @media (max-width: 767px) { #fast-links.quick-access-section, #news.university-news-section, #entity-news.university-news-section, #events.events-journal-section, .weekly-reports-section, .about-content.university-about-section, .faq-section, #colleges.college-explorer-section { padding-top: 44px; padding-bottom: 50px; } .quick-access__layout { gap: 26px; } .quick-access__count { margin-top: 18px; } .quick-access__directory { display: flex; gap: 12px; padding: 2px 2px 10px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: oklch(67% 0.075 210) transparent; scrollbar-width: thin; scroll-padding-inline: 2px; scroll-snap-type: inline mandatory; -webkit-overflow-scrolling: touch; } .quick-access__link, .quick-access__link:nth-last-child(-n + 2), .quick-access__link:last-child { flex: 0 0 min(82vw, 306px); min-height: 88px; padding: 12px 10px; border: 1px solid oklch(82% 0.035 215 / 0.7); border-radius: 15px; background: oklch(99.2% 0.008 220); box-shadow: 0 8px 24px oklch(31% 0.04 220 / 0.055); scroll-snap-align: start; } .university-news__header, .events-journal__header, .weekly-reports__header, .faq-hub__header, .college-explorer__header { margin-bottom: 24px; } .events-journal__featured-visual, .events-journal__featured-visual > img, .events-journal__visual-fallback { min-height: clamp(180px, 51vw, 230px); max-height: 230px; } .events-journal__featured-content { padding: 22px 20px 24px; } .events-journal__featured-content h3 { margin: 8px 0 10px; font-size: 23px; line-height: 1.45; -webkit-line-clamp: 2; } .events-journal__featured-content > p { font-size: 13px; line-height: 1.7; } .events-journal__meta { padding-top: 14px; } .events-journal__rail, .weekly-reports__playlist { padding: 18px 14px 14px; } .weekly-reports__feature-meta h3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .university-about__header { margin-bottom: 26px; } .university-about__story { gap: 24px; } .university-about__visual { aspect-ratio: 16 / 9; } .university-about__copy p { display: -webkit-box; overflow: hidden; line-height: 1.8; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .university-about-section .statistics { margin-top: 36px; padding-top: 32px; } .university-about-section .statistics > .heading::before { margin-bottom: 18px; } .university-about-section .statistics .row { grid-auto-columns: minmax(156px, 66vw); } .faq-section.faq-section--before-colleges { padding-bottom: 34px; } .faq-hub__categories { display: flex; align-items: start; gap: 9px; padding: 2px 2px 10px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: oklch(67% 0.075 210) transparent; scrollbar-width: thin; scroll-padding-inline: 2px; scroll-snap-type: inline mandatory; -webkit-overflow-scrolling: touch; } .faq-category, .faq-category[open] { flex: 0 0 min(82vw, 310px); margin-bottom: 0; scroll-snap-align: start; } .faq-category[open] { flex-basis: calc(100% - 4px); } .faq-category__trigger { min-height: 68px; padding: 11px 12px; } .faq-category__heading { grid-template-columns: minmax(0, 1fr) 34px; gap: 9px; } .faq-category__label strong { font-size: 15px; line-height: 1.45; } .faq-category__label small { margin-top: 2px; font-size: 11px; } .faq-category__toggle { width: 34px; height: 34px; } #colleges.college-explorer-section.college-explorer-section--before-register { padding-bottom: 82px; } .college-explorer__panel.is-active { padding: 24px 20px 28px; } .college-explorer__panel-logo { width: 88px; margin-bottom: 18px; } .college-explorer__panel-content h3 { font-size: 23px; } .college-explorer__metrics { margin: 18px 0 22px; } .college-explorer__department-map { margin-bottom: 22px; } .college-explorer__department-nodes { display: flex; gap: 8px; max-width: none; padding: 11px 1px 9px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: oklch(67% 0.075 210) transparent; scrollbar-width: thin; scroll-snap-type: inline mandatory; -webkit-overflow-scrolling: touch; } .college-explorer__department-nodes::before { inset: 0 0 auto; width: auto; height: 1px; } .college-explorer__department-node { flex: 0 0 min(42vw, 154px); justify-content: center; min-height: 46px; text-align: center; scroll-snap-align: start; } .college-explorer__department-node::before, .college-explorer__department-node:nth-child(odd)::before, .college-explorer__department-node:nth-child(even)::before { inset-block-start: -11px; inset-inline-start: 50%; inset-inline-end: auto; width: 1px; height: 11px; border-top: 0; background: var(--department-branch); } } @media (max-width: 575px) { .university-news__feature-content { padding: 18px 18px 20px; } .university-news__feature-content h3 { font-size: 19px; -webkit-line-clamp: 2; } .university-news__feature-content > p { line-height: 1.65; -webkit-line-clamp: 1; } .university-news__latest { padding: 14px 12px 10px; } .university-news__item, .events-journal__item, .weekly-reports__item { flex-basis: min(82vw, 300px); } .faq-hub__heading, .college-explorer__heading { font-size: 29px; } .college-explorer__header > p, .faq-hub__header > p { font-size: 14px; line-height: 1.7; } } @media (max-width: 1199px) and (max-height: 700px) { #slideshow.university-hero { height: calc(100dvh - 94px); min-height: min(560px, calc(100dvh - 94px)); max-height: none; } } /* Unified site search ----------------------------------------------------- */ #site-header.site-header--institutional .header-search input[type='search']::-webkit-search-cancel-button, #site-header.site-header--institutional .mobile-menu__search input[type='search']::-webkit-search-cancel-button, .site-search-form input[type='search']::-webkit-search-cancel-button { cursor: pointer; } #site-header.site-header--institutional .header-search .form-control:focus, #site-header.site-header--institutional .mobile-menu__search input:focus { outline: 0; box-shadow: none; } #site-header.site-header--institutional .mobile-menu__search:focus-within { border-color: var(--header-gold); background: oklch(94% 0.016 215 / 0.11); box-shadow: 0 0 0 3px oklch(81% 0.12 95 / 0.13); } @media (max-width: 1199px) { #site-header.site-header--institutional .header-tools, #site-header.site-header--institutional .header-search { display: none !important; } } .site-search-page { min-height: 58vh; background: oklch(97.5% 0.012 210); color: oklch(29% 0.055 220); } .search-breadcrumb { margin: 0; border-bottom: 1px solid oklch(86% 0.025 210); background: oklch(99% 0.004 210); } .site-search-hero { position: relative; overflow: hidden; padding: clamp(52px, 7vw, 92px) 0 clamp(42px, 6vw, 72px); border-bottom: 1px solid oklch(85% 0.03 210); background: oklch(95.5% 0.025 210); } .site-search-hero::before, .site-search-hero::after { position: absolute; border: 1px solid oklch(69% 0.075 210 / 0.22); content: ''; pointer-events: none; transform: rotate(45deg); } .site-search-hero::before { inset-block-start: -92px; inset-inline-end: 7%; width: 220px; height: 220px; } .site-search-hero::after { inset-block-end: -128px; inset-inline-start: 4%; width: 270px; height: 270px; } .site-search-hero > .container { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr); align-items: end; gap: clamp(36px, 7vw, 92px); } .site-search-hero__copy { max-width: 610px; } .site-search-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; color: oklch(51% 0.12 205); font-size: 14px; font-weight: 750; } .site-search-hero__eyebrow::after { width: 34px; height: 3px; background: oklch(80% 0.13 95); content: ''; } .site-search-hero h1 { margin: 0; color: oklch(27% 0.065 220); font-size: clamp(34px, 4.1vw, 62px); font-weight: 800; line-height: 1.2; letter-spacing: -0.025em; } .site-search-hero__copy p { max-width: 580px; margin: 16px 0 0; color: oklch(47% 0.035 215); font-size: clamp(15px, 1.25vw, 18px); line-height: 1.8; } .site-search-form { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 68px; padding: 7px 7px 7px 20px; border: 1px solid oklch(78% 0.045 210); border-radius: 18px; background: #fff; box-shadow: 0 18px 50px oklch(31% 0.045 220 / 0.1); transition: border-color 180ms ease-out, box-shadow 180ms ease-out; } [dir='rtl'] .site-search-form, html[lang='ar'] .site-search-form { padding: 7px 20px 7px 7px; } .site-search-form:focus-within { border-color: oklch(63% 0.125 205); box-shadow: 0 0 0 4px oklch(67% 0.11 205 / 0.14), 0 18px 50px oklch(31% 0.045 220 / 0.1); } .site-search-form > i { color: oklch(57% 0.12 205); font-size: 19px; } .site-search-form input { min-width: 0; height: 52px; border: 0; outline: 0; background: transparent; color: oklch(27% 0.065 220); font-family: inherit; font-size: 16px; font-weight: 600; } .site-search-form input::placeholder { color: oklch(61% 0.025 215); font-weight: 500; } .site-search-form button { min-width: 112px; min-height: 52px; padding: 10px 24px; border: 1px solid oklch(55% 0.13 205); border-radius: 13px; background: oklch(55% 0.13 205); color: #fff; font-family: inherit; font-size: 15px; font-weight: 750; transition: background-color 170ms ease-out, border-color 170ms ease-out, transform 170ms cubic-bezier(.22, 1, .36, 1); } .site-search-form button:hover { border-color: oklch(44% 0.115 210); background: oklch(44% 0.115 210); transform: translateY(-1px); } .site-search-form button:focus-visible, .site-search-card a:focus-visible { outline: 3px solid oklch(78% 0.14 95); outline-offset: 3px; } .site-search-results { padding: clamp(42px, 6vw, 76px) 0 clamp(70px, 8vw, 110px); } .site-search-results__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; } .site-search-results__heading span { display: block; margin-bottom: 7px; color: oklch(52% 0.105 205); font-size: 13px; font-weight: 750; } .site-search-results__heading h2 { margin: 0; color: oklch(27% 0.065 220); font-size: clamp(25px, 3vw, 38px); font-weight: 800; line-height: 1.35; } .site-search-results__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .site-search-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 260px; padding: 24px; overflow: hidden; border: 1px solid oklch(87% 0.025 210); border-radius: 18px; background: #fff; box-shadow: 0 14px 34px oklch(30% 0.04 220 / 0.07); transition: border-color 180ms ease-out, box-shadow 180ms ease-out, transform 180ms cubic-bezier(.22, 1, .36, 1); } .site-search-card::before { position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px; background: oklch(62% 0.13 205); content: ''; } .site-search-card:hover { border-color: oklch(72% 0.075 205); box-shadow: 0 20px 45px oklch(30% 0.04 220 / 0.11); transform: translateY(-3px); } .site-search-card__topline { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 19px; } .site-search-card__type { display: inline-flex; align-items: center; gap: 7px; color: oklch(48% 0.11 205); font-size: 12px; font-weight: 750; } .site-search-card__type i { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: oklch(93% 0.035 205); } .site-search-card time { color: oklch(58% 0.025 215); font-size: 11px; font-weight: 600; } .site-search-card h3 { margin: 0 0 12px; font-family: inherit; font-size: 19px; font-weight: 750; line-height: 1.55; } .site-search-card h3 a { color: oklch(28% 0.06 220); } .site-search-card h3 a::after { position: absolute; inset: 0; content: ''; } .site-search-card p { display: -webkit-box; margin: 0 0 22px; overflow: hidden; color: oklch(48% 0.025 215); font-size: 13px; line-height: 1.75; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .site-search-card__link { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 9px; width: max-content; margin-top: auto; color: oklch(47% 0.12 205); font-size: 13px; font-weight: 750; } .site-search-card__link i { font-size: 9px; transition: transform 170ms ease-out; } .site-search-card:hover .site-search-card__link i { transform: translateX(-3px); } [dir='ltr'] .site-search-card__link i, html[lang='en'] .site-search-card__link i { transform: rotate(180deg); } [dir='ltr'] .site-search-card:hover .site-search-card__link i, html[lang='en'] .site-search-card:hover .site-search-card__link i { transform: rotate(180deg) translateX(-3px); } .site-search-state { max-width: 650px; margin: 0 auto; padding: clamp(40px, 7vw, 72px) 26px; border: 1px dashed oklch(76% 0.055 210); background: oklch(99% 0.004 210); text-align: center; } .site-search-state__icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 19px; border-radius: 16px; background: oklch(91% 0.045 205); color: oklch(51% 0.12 205); font-size: 22px; } .site-search-state h2 { margin: 0 0 10px; color: oklch(28% 0.06 220); font-size: clamp(23px, 3vw, 32px); font-weight: 800; } .site-search-state p { max-width: 520px; margin: 0 auto; color: oklch(49% 0.025 215); font-size: 15px; line-height: 1.8; } .site-search-pagination { display: flex; justify-content: center; margin-top: 38px; } .site-search-pagination nav > div:first-child { display: none; } .site-search-pagination nav > div:last-child, .site-search-pagination nav > div:last-child > div:last-child { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; } .site-search-pagination nav p { margin: 0 0 10px; color: oklch(52% 0.025 215); font-size: 12px; text-align: center; } .site-search-pagination a, .site-search-pagination span[aria-current='page'] > span, .site-search-pagination span[aria-disabled='true'] > span { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 8px 12px; border: 1px solid oklch(82% 0.035 210) !important; border-radius: 11px !important; background: #fff !important; color: oklch(42% 0.09 210) !important; box-shadow: none !important; } .site-search-pagination span[aria-current='page'] > span { border-color: oklch(53% 0.13 205) !important; background: oklch(53% 0.13 205) !important; color: #fff !important; } @media (max-width: 991px) { .site-search-hero > .container { grid-template-columns: 1fr; align-items: start; gap: 28px; } .site-search-hero__copy { max-width: 680px; } .site-search-results__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 575px) { .site-search-hero { padding-block: 38px 42px; } .site-search-hero h1 { font-size: 31px; } .site-search-hero__copy p { margin-top: 11px; font-size: 14px; line-height: 1.7; } .site-search-form { grid-template-columns: 20px minmax(0, 1fr); gap: 9px; padding: 8px 14px 8px 8px; border-radius: 15px; } [dir='ltr'] .site-search-form, html[lang='en'] .site-search-form { padding: 8px 8px 8px 14px; } .site-search-form input { height: 42px; font-size: 14px; } .site-search-form button { grid-column: 1 / -1; width: 100%; min-height: 44px; } .site-search-results { padding-block: 34px 70px; } .site-search-results__grid { grid-template-columns: 1fr; } .site-search-card { min-height: 230px; padding: 21px 19px; } .site-search-state { padding-inline: 19px; } } /* ========================================================= Unified institutional sidebar One layout treatment for every internal page sidebar. ========================================================= */ .site-sidebar-column { --sidebar-surface: oklch(27% 0.066 218); --sidebar-surface-active: oklch(39% 0.092 207); --sidebar-paper: oklch(98.5% 0.009 210); --sidebar-text: oklch(94% 0.014 210); --sidebar-muted: oklch(78% 0.04 207); --sidebar-gold: oklch(82% 0.135 95); --sidebar-line: oklch(73% 0.07 205 / 0.28); } #main .site-sidebar-column > aside, .application-main .site-sidebar-column > aside { position: sticky; top: 24px; z-index: 3; } .side-nav.site-sidebar { position: relative; margin: 0 0 30px; padding: 26px 22px; overflow: hidden; border: 1px solid oklch(56% 0.095 207 / 0.72); border-radius: 30px; background: var(--sidebar-surface); box-shadow: 0 26px 56px oklch(22% 0.045 218 / 0.16); color: var(--sidebar-text); } .side-nav.site-sidebar::before { position: absolute; inset-block-start: -90px; inset-inline-end: -90px; width: 190px; height: 190px; border: 1px solid oklch(79% 0.07 205 / 0.12); content: ''; pointer-events: none; transform: rotate(45deg); } .site-sidebar .site-sidebar__header { position: relative; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 15px; min-height: 92px; margin: 0 8px 21px; padding: 0 0 21px !important; border-bottom: 1px solid var(--sidebar-line); } .site-sidebar__logo { display: grid !important; flex: 0 0 76px !important; width: 76px !important; height: 76px !important; margin: 0 !important; padding: 8px; place-items: center; overflow: hidden; border: 1px solid oklch(92% 0.02 210); border-radius: 22px; background: var(--sidebar-paper); } .site-sidebar__logo-image, .site-sidebar__logo img { display: block; width: 60px !important; max-width: 60px !important; height: 60px !important; max-height: 60px !important; margin: 0 !important; object-fit: contain; } .site-sidebar__copy { min-width: 0; } .site-sidebar__eyebrow { display: block; margin-bottom: 2px; color: var(--sidebar-muted); font-size: 12px; font-weight: 750; line-height: 1.45; } .side-nav.site-sidebar .heading { margin: 0 !important; padding: 0 !important; color: var(--sidebar-text); font-size: 21px !important; font-weight: 850; line-height: 1.3; } .site-sidebar__list, .application-nav__list.site-sidebar__list { display: grid; gap: 5px; margin: 0; padding: 0; } .side-nav.site-sidebar li, .application-nav.side-nav.site-sidebar li { margin: 0; padding: 0; border-radius: 13px; background: transparent; } .side-nav.site-sidebar li a, .application-nav.side-nav.site-sidebar li a { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 54px; padding: 12px 15px !important; border: 0; border-radius: inherit; color: var(--sidebar-text); font-size: 14px; font-weight: 750; line-height: 1.5; text-align: start; transition: background-color 180ms cubic-bezier(.22, 1, .36, 1), color 180ms cubic-bezier(.22, 1, .36, 1), transform 180ms cubic-bezier(.22, 1, .36, 1); } .side-nav.site-sidebar li a::after, .application-nav.side-nav.site-sidebar li a::after { flex: 0 0 auto; margin: 0; color: var(--sidebar-gold); font-size: 8px; transition: transform 180ms cubic-bezier(.22, 1, .36, 1); } .side-nav.site-sidebar li:hover, .side-nav.site-sidebar li.active, .application-nav.side-nav.site-sidebar li:hover, .application-nav.side-nav.site-sidebar li.active { background: var(--sidebar-surface-active); } .side-nav.site-sidebar li:hover a, .side-nav.site-sidebar li.active a, .application-nav.side-nav.site-sidebar li:hover a, .application-nav.side-nav.site-sidebar li.active a { color: oklch(98% 0.008 210); transform: translateX(-2px); } [dir='ltr'] .side-nav.site-sidebar li:hover a, [dir='ltr'] .side-nav.site-sidebar li.active a, html[lang='en'] .side-nav.site-sidebar li:hover a, html[lang='en'] .side-nav.site-sidebar li.active a { transform: translateX(2px); } .side-nav.site-sidebar li:hover a::after, .side-nav.site-sidebar li.active a::after, .application-nav.side-nav.site-sidebar li:hover a::after, .application-nav.side-nav.site-sidebar li.active a::after { color: var(--sidebar-gold); } [dir='ltr'] .side-nav.site-sidebar li a::after, html[lang='en'] .side-nav.site-sidebar li a::after { transform: rotate(180deg); } .side-nav.site-sidebar a:focus-visible, .site-sidebar-toggle:focus-visible { outline: 3px solid var(--sidebar-gold); outline-offset: 3px; } .site-sidebar-toggle { display: none; width: 100%; min-height: 72px; padding: 12px 17px; border: 1px solid oklch(56% 0.095 207 / 0.55); border-radius: 18px; background: var(--sidebar-surface); color: var(--sidebar-text); text-align: start; box-shadow: 0 14px 34px oklch(22% 0.045 218 / 0.12); } .site-sidebar-toggle__copy { display: block; min-width: 0; } .site-sidebar-toggle small, .site-sidebar-toggle strong { display: block; } .site-sidebar-toggle small { margin-bottom: 2px; color: var(--sidebar-muted); font-size: 10px; font-weight: 750; } .site-sidebar-toggle strong { overflow: hidden; color: var(--sidebar-text); font-size: 15px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; } .site-sidebar-toggle__icon { position: relative; flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid var(--sidebar-line); border-radius: 50%; } .site-sidebar-toggle__icon::before { position: absolute; inset-block-start: 12px; inset-inline-start: 13px; width: 9px; height: 9px; border-inline-end: 2px solid var(--sidebar-gold); border-block-end: 2px solid var(--sidebar-gold); content: ''; transform: rotate(45deg); transition: transform 180ms cubic-bezier(.22, 1, .36, 1); } .site-sidebar-toggle.is-open .site-sidebar-toggle__icon::before { transform: translateY(5px) rotate(225deg); } @media (min-width: 1200px) { #main .site-sidebar-column, .application-main .site-sidebar-column { flex: 0 0 330px; max-width: 330px; } #main .site-sidebar-content, .application-main .site-sidebar-content { flex: 0 0 calc(100% - 330px); max-width: calc(100% - 330px); } } @media (max-width: 1199px) { #main .site-sidebar-column, #main .site-sidebar-content, .application-main .site-sidebar-column, .application-main .site-sidebar-content { flex: 0 0 100%; max-width: 100%; } #main .site-sidebar-column, .application-main .site-sidebar-column { order: 0; margin-bottom: 18px; } #main .site-sidebar-content, .application-main .site-sidebar-content { order: 1; } #main .site-sidebar-column > aside, .application-main .site-sidebar-column > aside { position: static; } .site-sidebar-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .side-nav.site-sidebar { margin: 10px 0 0; padding: 20px; border-radius: 22px; box-shadow: 0 18px 40px oklch(22% 0.045 218 / 0.12); } .side-nav.site-sidebar[hidden] { display: none !important; } .site-sidebar .site-sidebar__header { min-height: 78px; margin-bottom: 16px; padding-bottom: 16px !important; } .site-sidebar__list, .application-nav__list.site-sidebar__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 575px) { .site-sidebar-toggle { min-height: 66px; padding: 10px 14px; border-radius: 16px; } .side-nav.site-sidebar { padding: 17px 14px; border-radius: 19px; } .site-sidebar .site-sidebar__header { min-height: 70px; margin-inline: 5px; } .site-sidebar__logo { flex-basis: 62px !important; width: 62px !important; height: 62px !important; border-radius: 18px; } .site-sidebar__logo-image, .site-sidebar__logo img { width: 48px !important; max-width: 48px !important; height: 48px !important; max-height: 48px !important; } .side-nav.site-sidebar .heading { font-size: 18px !important; } .site-sidebar__eyebrow { font-size: 10px; } .site-sidebar__list, .application-nav__list.site-sidebar__list { grid-template-columns: minmax(0, 1fr); } .side-nav.site-sidebar li a, .application-nav.side-nav.site-sidebar li a { min-height: 50px; padding: 10px 12px !important; font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .side-nav.site-sidebar li a, .side-nav.site-sidebar li a::after, .site-sidebar-toggle__icon::before { transition: none; } } .branch-map-menu-link { margin: 4px 8px 8px; width: calc(100% - 16px) !important; color: #006f81 !important; background: #e1f5f8 !important; border: 1px solid rgba(5, 135, 154, .18); border-radius: 10px; font-weight: 800 !important; } .branch-map-menu-link:hover, .branch-map-menu-link:focus-visible { color: #003b4a !important; background: #cceff4 !important; } /* Homepage search-intent section: online university and distance learning. */ .online-university { padding: clamp(64px, 8vw, 108px) 0; color: oklch(0.98 0.008 210); background: radial-gradient(circle at 10% 15%, oklch(0.72 0.12 210 / .24), transparent 32%), linear-gradient(135deg, oklch(0.31 0.065 210) 0%, oklch(0.43 0.075 210) 100%); } .online-university__intro { max-width: 850px; margin: 0 auto 42px; text-align: center; } .online-university__eyebrow { display: inline-block; margin-bottom: 12px; color: oklch(0.88 0.09 205); font-size: 13px; font-weight: 800; letter-spacing: .08em; } .online-university__intro h1 { margin-bottom: 18px; color: oklch(0.98 0.008 210); font-size: clamp(30px, 4vw, 50px); line-height: 1.25; } .online-university__intro p { margin: 0; color: oklch(0.94 0.012 210 / .84); font-size: clamp(16px, 1.8vw, 19px); line-height: 2; } .online-university__features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid oklch(0.98 0.008 210 / .18); } .online-university__feature { min-height: 225px; padding: 32px clamp(22px, 3vw, 38px); } .online-university__feature + .online-university__feature { border-inline-start: 1px solid oklch(0.98 0.008 210 / .18); } .online-university__feature-number { display: block; margin-bottom: 38px; color: oklch(0.88 0.09 205); font-size: 13px; font-weight: 800; } .online-university__feature h3 { margin-bottom: 12px; color: oklch(0.98 0.008 210); font-size: 21px; } .online-university__feature p { margin: 0; color: oklch(0.92 0.012 210 / .76); line-height: 1.85; } .online-university__actions { display: flex; justify-content: center; gap: 12px; margin-top: 32px; } .online-university__actions a { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 12px 24px; border: 1px solid oklch(0.88 0.09 205); border-radius: 999px; font-weight: 800; transition: background-color .2s ease, color .2s ease; } .online-university__actions .online-university__text-link { min-height: 50px; border-color: transparent; color: oklch(0.92 0.07 205); text-decoration: underline; text-underline-offset: 5px; } .online-university__actions .online-university__text-link:hover, .online-university__actions .online-university__text-link:focus-visible { color: oklch(0.98 0.008 210); } .online-university__primary, .online-university__secondary:hover, .online-university__secondary:focus-visible { color: oklch(0.31 0.065 210); background: oklch(0.88 0.09 205); } .online-university__secondary, .online-university__primary:hover, .online-university__primary:focus-visible { color: oklch(0.98 0.008 210); background: transparent; } @media (max-width: 991px) { .online-university__features { grid-template-columns: 1fr; } .online-university__feature { min-height: 0; } .online-university__feature + .online-university__feature { border-inline-start: 0; border-block-start: 1px solid oklch(0.98 0.008 210 / .18); } .online-university__feature-number { margin-bottom: 20px; } } @media (max-width: 575px) { .online-university__actions { flex-direction: column; } } /* ============================================================ Graduate public profiles (alumni) — additions on top of the professor-profile system. Skills dots + languages list. ============================================================ */ .graduate-profile__skills { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px 24px; } .graduate-profile__skill { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #e5edf0; } .graduate-profile__skill-name { font-weight: 600; color: #0c2733; } .graduate-profile__skill-dots { display: inline-flex; gap: 4px; } .graduate-profile__skill-dots i { width: 8px; height: 8px; border-radius: 50%; background: #d7e3e8; } .graduate-profile__skill-dots i.is-on { background: #0c6277; } .graduate-profile__subheading { margin: 22px 0 10px; font-size: 16px; font-weight: 700; color: #0c2733; } .graduate-profile__languages { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; } .graduate-profile__languages li { display: inline-flex; align-items: baseline; gap: 8px; background: #f0f5f7; border-radius: 999px; padding: 6px 14px; } .graduate-profile__languages li span { color: #3d5a66; font-size: 13px; } .graduate-profile__experience-desc { margin: 6px 0 0; color: #3d5a66; font-size: 14px; max-width: 70ch; } /* Semantic page headings retain the university content-title treatment. */ .faculty-page-heading { padding-block: 2rem 1rem; } .faculty-page-heading .page-title, .col-content > .page-title { color: #033446; font-size: clamp(1.5rem, 3vw, 2.75rem); line-height: 1.5; margin: 0 0 1.5rem; } /* Admission resources stay visible on every public footer. */ #main-content.admissions-guide { padding-bottom: 0; color: #033446; background: #fff; } #main-content.admissions-guide::before { content: none; } footer .admissions-links { display: flex; flex-wrap: wrap; grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; gap: .5rem 1.5rem; margin: 0; padding: .75rem 0 0; border-top: 1px solid rgb(255 255 255 / .16); line-height: 1.7; } footer .admissions-links a { color: #d3eaf0; font-size: .8rem; text-decoration: underline; text-underline-offset: .2em; } footer .admissions-links a:hover { color: #fff; } footer .admissions-links a:focus-visible { outline: 2px solid #d0bb45; outline-offset: 4px; } @media (min-width: 992px) { footer .footer-bottom .copy-rights { grid-column: 3; grid-row: 1; } } @media (max-width: 991px) { footer .admissions-links { grid-row: 3; } } @media (max-width: 575px) { footer .admissions-links { justify-content: center; grid-row: auto; } } /* --- info.css --- */ #acceptable { padding: 80px 0; background: url(../images/shape1.webp) no-repeat top center; background-size: 200px; } #acceptable .owl-carousel { padding: 0 118px; } #acceptable .acceptable-item{ display: block; max-height: 412px; border: 1px solid #E3E3E3; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; } #fac-acceptable { padding: 80px 0; background: url(../images/shape1.webp) no-repeat top center; } #fac-acceptable .acceptable-item { text-align: center; } #fac-acceptable .acceptable-item .title { font-size: 33px; color: #299DC6; margin: 0 0 30px; } #fac-acceptable .acceptable-item p { color: #033446; margin: 0; line-height: 1.8; } .faculty #fac-acceptable { background: #F5F5F5 url(../images/Mask.webp) repeat top !important; } .faculty #fac-acceptable .acceptable-item .title { font-size: 33px; color: #299DC6; margin: 0 0 30px; } #fac-acceptable .owl-theme .owl-nav{ display: none; } @media (max-width: 2559px){ #acceptable { padding: 55px 0; background-size: 125px; } #acceptable .owl-carousel { padding: 0 30px; } #acceptable .acceptable-item { -webkit-border-radius: 25px!important; -moz-border-radius: 25px!important; -ms-border-radius: 25px!important; -o-border-radius: 25px!important; border-radius: 25px!important; } #fac-acceptable { padding: 60px 0; background-size: 125px; } #fac-acceptable .acceptable-item .title { font-size: 28px; margin-bottom: 20px; } #fac-acceptable .acceptable-item p { font-size: 18px; } }