@import "reset.css";
@import "owl.css";
@import "fonts/fa/css/all.css";
@import "fonts/atyp/style.css";
@import "fonts/atyp-sb/style.css";
@import "fonts/Montserrat/style.css";
body {
min-height: 100vh;
margin: 0;
display: grid;
font-family: "Montserrat";
}
main {
padding-top: 140px;
}
@media only screen and (max-width: 480px) {
main {
padding-top: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
main {
padding-top: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
main {
padding-top: 75px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
main {
padding-top: 125px;
}
}
@media only screen and (min-width: 1025px) {
main {
padding-top: 140px;
}
}
h1, h2, h3, h4, h5, h6 {
color: #005758 !important;
/*text-align: center;*/
font-family: "Atyp-sb";
margin: 2rem 0;
}
h1 {
font-size: 2rem;
line-height: 2.8rem;
color: #005758;
}
@media only screen and (max-width: 480px) {
h1 {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
h1 {
font-size: 1.6rem;
line-height: 2.2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
h1 {
font-size: 1.8rem;
line-height: 2.5rem;
}
}
h2 {
font-size: 1.8rem;
line-height: 2.2rem;
color: #005758;
}
@media only screen and (max-width: 480px) {
h2 {
font-size: 1.3rem;
line-height: 1.8rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
h2 {
font-size: 1.4rem;
line-height: 2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
h2 {
font-size: 1.6rem;
line-height: 2.3rem;
}
}
h3 {
font-size: 1.4rem;
line-height: 1.6rem;
color: #005758;
}
h4 {
font-size: 1.3rem;
line-height: 1.5rem;
color: #005758;
}
h5 {
font-size: 1.2rem;
line-height: 1.4rem;
color: #005758;
margin: 1rem 0;
}
#page_col_center a, #col_center a {
color: #009c7a;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
#page_col_center a:hover, #col_center a:hover {
color: #005758;
text-decoration: underline;
}
#page_col_center ul, #page_col_center ol, #col_center ul, #col_center ol {
margin: 0.2rem 0 5px 40px;
padding: 0;
/*color: $bg-geen;*/
}
@media only screen and (max-width: 480px) {
#page_col_center ul, #page_col_center ol, #col_center ul, #col_center ol {
margin: 5px 0 5px 20px;
}
}
#page_col_center ul li, #page_col_center ol li, #col_center ul li, #col_center ol li {
margin-bottom: 8px;
font-size: 1rem;
line-height: 1.4rem;
color: #303030;
}
@media only screen and (max-width: 480px) {
#page_col_center ul li, #page_col_center ol li, #col_center ul li, #col_center ol li {
margin-bottom: 12px;
}
}
#page_col_center ul li a, #page_col_center ol li a, #col_center ul li a, #col_center ol li a {
color: #009c7a;
font-size: 1rem;
line-height: 1.6rem;
}
@media only screen and (max-width: 480px) {
#page_col_center ul li a, #page_col_center ol li a, #col_center ul li a, #col_center ol li a {
font-size: 0.9rem;
line-height: 1.4rem;
}
}
#page_col_center ul li a:hover, #page_col_center ol li a:hover, #col_center ul li a:hover, #col_center ol li a:hover {
color: #005758;
}
#page_col_center ul li ul, #page_col_center ol li ul, #col_center ul li ul, #col_center ol li ul {
margin-bottom: 1rem;
}
#page_col_center ul li ul li a, #page_col_center ol li ul li a, #col_center ul li ul li a, #col_center ol li ul li a {
color: #747474;
}
#page_col_center ul li ul li a:hover, #page_col_center ol li ul li a:hover, #col_center ul li ul li a:hover, #col_center ol li ul li a:hover {
color: #363636;
}
#page_col_center ul, #col_center ul {
list-style-type: circle;
color: #303030;
}
#page_col_center ul li, #col_center ul li {
list-style-type: circle;
color: #303030;
}
#page_col_center ol li, #col_center ol li {
list-style-type: auto !important;
}
#page_col_center ol ul li, #col_center ol ul li {
list-style-type: circle !important;
}
p {
font-size: 1rem;
line-height: 1.6rem;
color: #303030;
margin: 1.5rem 0;
text-align: left;
}
p b {
color: #005758 !important;
}
/* gallery */
.gallery {
text-align: center;
text-indent: 0 !important;
margin: 5px 0;
}
.gallery p {
text-indent: 0;
}
@media only screen and (max-width: 480px) {
.gallery img {
width: 100% !important;
height: auto !important;
margin: 0 !important;
margin-bottom: 0.5rem !important;
}
}
img.foto {
padding: 5px;
background: white;
border: 1px solid silver;
margin: 10px;
}
#js-main .ShortDescription .ui-accordion .ui-accordion-header {
border: 1px solid #009c7a;
color: #005758;
background-color: #f7f7f7;
}
.summary-ul .ui-accordion-header .count-sum {
margin-left: 1rem;
font-size: 0.8rem;
font-family: "Montserrat";
font-weight: bold;
color: #FFF;
padding: 0 0.5rem;
background-color: #005758;
float: right;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
@media only screen and (max-width: 480px) {
.summary-ul .ui-accordion-header .count-sum {
position: absolute;
right: 5px;
top: 20%;
}
}
@media only screen and (max-width: 480px) {
.summary-ul .ui-accordion-header .count-sum b {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.summary-ul .ui-accordion-header .count-sum b {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.summary-ul .ui-accordion-header .count-sum b {
display: none;
}
}
/* grid - begin */
.row {
box-sizing: border-box;
}
.container {
position: relative;
width: 100%;
max-width: 1280px;
display: block;
margin: 0 auto;
padding: 0 1rem;
}
@media only screen and (min-width: 1025px) {
.container {
padding: 0;
}
}
/* grid - end */
/* header - begin */
.header {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 140px;
background-color: #005758;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
will-change: transform;
}
@media only screen and (max-width: 480px) {
.header {
height: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header {
height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.header {
height: 70px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.header {
height: 120px;
}
}
@media only screen and (min-width: 1025px) {
.header {
height: 140px;
}
}
.header .section-up {
display: block;
background-color: #009c7a;
height: 30px;
position: relative;
}
@media only screen and (max-width: 480px) {
.header .section-up {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header .section-up {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.header .section-up {
display: none;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.header .section-up {
display: block;
}
}
@media only screen and (min-width: 1025px) {
.header .section-up {
display: block;
}
}
.header .section-up .container:before, .header .section-up .container:after {
content: "";
background-color: #ffffff;
position: absolute;
transform: rotate(115deg);
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
z-index: 1;
}
.header .section-up .container:before {
right: 0;
top: -3px;
width: 60px;
height: 40px;
}
.header .section-up .container:after {
right: 152px;
top: -3px;
width: 60px;
height: 40px;
}
.header .section-up .container {
height: 1.9rem;
display: flex;
align-items: center;
}
.header .section-up .container .socials {
padding: 0;
margin: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 0.1rem;
}
.header .section-up .container .socials li {
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
.header .section-up .container .socials li a {
display: inline-block;
font-size: 19px;
background-color: #FFF;
color: #009c7a;
margin-left: 6px;
height: 24px;
width: 24px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
.header .section-up .container .socials li a i {
vertical-align: middle;
line-height: 24px;
font-size: 0;
}
.header .section-up .container .socials li a i:before {
font-size: 19px;
}
.header .section-up .container .socials li a:hover {
color: #005758;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
}
.header .section-up .container .services {
list-style: none;
display: flex;
margin: 0;
padding: 0;
}
.header .section-up .container .services li {
margin-left: 1.5rem;
}
.header .section-up .container .services li a {
color: #FFF;
text-decoration: none;
font-size: 14px;
font-family: "Atyp";
}
.header .section-up .container .services li a:hover {
color: #e1e5e5;
}
.header .section-up .container .icons {
float: right;
width: 11rem;
height: 99%;
z-index: 11;
position: absolute;
top: 0;
right: 20px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #FFF;
}
.header .section-up .container .icons .item {
font-size: 15px;
text-decoration: none;
display: flex;
position: relative;
align-items: center;
justify-content: center;
color: #005758;
height: 100%;
width: 100%;
cursor: pointer;
line-height: 24px;
}
.header .section-up .container .icons .item:hover {
color: #009c7a;
}
.header .section-up .container .icons .current-lang span {
padding-left: 0.1rem;
font-weight: bold;
font-size: 15px;
height: 1.4rem;
}
.header .section-up .container .icons .current-lang .lang-list {
position: absolute;
top: 28px;
background-color: #FFF;
padding: 0;
left: -14px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
height: 0;
overflow: hidden;
}
.header .section-up .container .icons .current-lang .lang-list ul {
padding: 0;
margin: 0;
list-style: none;
}
.header .section-up .container .icons .current-lang .lang-list ul li a {
color: #005758;
font-weight: bold;
padding: 3px 28px;
}
.header .section-up .container .icons .current-lang .lang-list ul li a:hover {
color: #009c7a;
}
.header .section-up .container .icons .current-lang:hover .lang-list {
height: 100px;
}
.header .section-bottom {
background-color: #005758;
z-index: 10;
}
.header .section-bottom .logo__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
float: left;
width: 260px;
vertical-align: middle;
height: 110px;
}
@media only screen and (max-width: 480px) {
.header .section-bottom .logo__wrapper {
width: 140px;
height: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header .section-bottom .logo__wrapper {
width: 140px;
height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.header .section-bottom .logo__wrapper {
width: 140px;
height: 70px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.header .section-bottom .logo__wrapper {
width: 160px;
height: 90px;
}
}
@media only screen and (min-width: 1025px) {
.header .section-bottom .logo__wrapper {
width: 260px;
height: 110px;
}
}
.header .section-bottom .logo__wrapper a {
height: 80%;
}
.header .section-bottom .logo__wrapper a img {
width: 200px;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left;
object-position: left;
margin-left: 0.4rem;
}
.header .section-bottom .header__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 480px) {
.header .section-bottom .header__wrapper {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header .section-bottom .header__wrapper {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.header .section-bottom .header__wrapper {
display: none;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.header .section-bottom .header__wrapper {
display: flex;
}
}
@media only screen and (min-width: 1025px) {
.header .section-bottom .header__wrapper {
display: flex;
}
}
.header .section-bottom .mobile-nav {
display: none;
height: 70px;
align-items: center;
justify-content: right;
}
@media only screen and (max-width: 480px) {
.header .section-bottom .mobile-nav {
display: flex;
height: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header .section-bottom .mobile-nav {
display: flex;
height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.header .section-bottom .mobile-nav {
display: flex;
height: 70px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.header .section-bottom .mobile-nav {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.header .section-bottom .mobile-nav {
display: none;
}
}
.header .section-bottom .mobile-nav li {
display: flex;
padding: 10px;
color: #FFF;
border-radius: 3px;
font-size: 22px;
line-height: 22px;
font-weight: bold;
margin-left: 10px;
position: relative;
}
.header .section-bottom .mobile-nav li .lang-list {
position: absolute;
top: 40px;
right: -10px;
background-color: #005758;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
height: 0;
overflow: hidden;
}
.header .section-bottom .mobile-nav li .lang-list ul li {
margin: 0;
padding: 10px 25px;
}
.header .section-bottom .mobile-nav li .lang-list ul li a {
color: #FFF;
font-size: 15px;
}
.header .section-bottom .mobile-nav li .lang-list-visible {
height: 170px;
}
.header .section-bottom .mobile-nav .mobile-lang, .header .section-bottom .mobile-nav .mobile-lang i {
font-size: 15px;
line-height: 15px;
}
/* header - end */
.header__nav {
height: 100%;
width: 100%;
}
.header__nav ul, .header__nav ul li {
display: flex;
height: 6.9rem;
padding: 0;
margin: 0;
width: 100%;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.header__nav ul, .header__nav ul li {
height: 5.7rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.header__nav ul, .header__nav ul li {
height: 5.7rem;
}
}
@media only screen and (min-width: 1025px) {
.header__nav ul, .header__nav ul li {
height: 6.9rem;
}
}
.header__nav ul li {
position: relative;
align-items: center;
justify-content: center;
}
.header__nav ul li .nav-a {
text-decoration: none;
color: #e7efef;
position: relative;
font-family: "Atyp";
cursor: pointer;
}
.header__nav ul li .nav-a:hover {
color: #c3cdcd;
}
.header__nav ul li .nav-a:after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 0.4em;
vertical-align: 0.17em;
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
}
.header__nav ul li .nav-cont:hover .user_menu-container {
display: flex;
top: 4rem;
}
.header__nav ul li .nav-cont .about {
width: 750px;
}
.header__nav ul li .admissions {
width: 330px;
}
.header__nav ul li .education {
width: 750px;
right: 0;
}
.header__nav ul li .education .short {
width: 65%;
}
.header__nav ul li .Science {
width: 750px;
right: 0;
}
.header__nav ul li .Science .long, .header__nav ul li .Science .short {
width: 50%;
}
.header__nav ul li .user_menu-container {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
display: none;
top: -1000px;
position: absolute;
z-index: 999;
background-color: #ffffff;
color: #005758;
margin-left: 5px;
border: 1px #005758 solid;
padding: 5px 10px;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.header__nav ul li .user_menu-container .user_menu-column {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
margin-bottom: 20px;
padding: 0 1rem;
}
.header__nav ul li .user_menu-container .user_menu-column .user_menu-colname {
display: block;
color: #005758;
font-weight: bold;
font-size: 15px;
margin-top: 15px;
margin-bottom: 5px;
font-family: "Atyp";
}
.header__nav ul li .user_menu-container .user_menu-column a.user_menu-collist {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 100%;
font-size: 15px;
color: #333333;
text-decoration: none;
margin-left: 12px;
line-height: 20px;
font-family: "Montserrat";
padding-top: 0.3rem;
padding-bottom: 0.1rem;
position: relative;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.header__nav ul li .user_menu-container .user_menu-column a.user_menu-collist:hover {
color: #009c7a;
}
.header__nav ul li .user_menu-container .user_menu-column a.user_menu-collist:after {
content: "";
display: block;
width: 100%;
position: absolute;
height: 1px;
background-color: none;
bottom: 0.5rem;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.header__nav ul li .user_menu-container .user_menu-column a.user_menu-collist:hover:after {
background-color: #009c7a;
bottom: -0.1rem;
}
.user_menu-fixed {
height: 110px;
/*ul, ul li{
height: 5rem;
}*/
}
@media only screen and (max-width: 480px) {
.user_menu-fixed {
height: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.user_menu-fixed {
height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.user_menu-fixed {
height: 70px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.user_menu-fixed {
height: 100px;
}
}
@media only screen and (min-width: 1025px) {
.user_menu-fixed {
height: 110px;
}
}
.user_menu-fixed .logo__wrapper {
height: 80px !important;
}
@media only screen and (max-width: 480px) {
.user_menu-fixed .logo__wrapper {
height: 70px !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.user_menu-fixed .logo__wrapper {
height: 70px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.user_menu-fixed .logo__wrapper {
height: 70px !important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.user_menu-fixed .logo__wrapper {
height: 70px !important;
}
}
@media only screen and (min-width: 1025px) {
.user_menu-fixed .logo__wrapper {
height: 80px !important;
}
}
.user_menu-fixed .header__nav ul, .user_menu-fixed .header__nav ul li {
height: 5rem;
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.user_menu-fixed .header__nav ul, .user_menu-fixed .header__nav ul li {
height: 4.3rem;
}
}
@media only screen and (min-width: 1025px) {
.user_menu-fixed .header__nav ul, .user_menu-fixed .header__nav ul li {
height: 5rem;
}
}
.user_menu-fixed ul li .nav-cont:hover .user_menu-container {
top: 3rem;
}
/* mobile-nav begin */
.overlay-gray {
position: fixed;
z-index: 998;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000000;
opacity: 0.5;
inset: 0;
}
#mobile-menu {
position: fixed;
top: 0;
background-color: #ffffff;
width: 320px;
height: 100%;
overflow-y: scroll;
z-index: 999999;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
box-shadow: 0 0px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 480px) {
#mobile-menu {
width: 320px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#mobile-menu {
width: 420px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#mobile-menu {
width: 480px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#mobile-menu {
width: 480px;
}
}
#mobile-menu .mobile-menu-head {
position: relative;
background-color: #005758;
width: 100%;
height: 80px;
background-image: url(/css/logonew1.svg);
background-size: 125px;
background-repeat: no-repeat;
background-position: 8px 10px;
}
#mobile-menu .mobile-menu-head .fa-xmark {
color: #ffffff;
position: absolute;
top: 17px;
right: 19px;
}
#mobile-menu .mobile-menu-head .icons {
position: absolute;
bottom: 0;
right: 0;
width: 11rem;
height: 2rem;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #FFF;
padding-left: 25px;
}
#mobile-menu .mobile-menu-head .icons .item {
font-size: 15px;
text-decoration: none;
display: flex;
position: relative;
align-items: center;
justify-content: center;
color: #005758;
height: 100%;
width: 100%;
cursor: pointer;
line-height: 24px;
}
#mobile-menu .mobile-menu-head .icons:before {
content: "";
position: absolute;
width: 70px;
height: 40px;
background-color: #005758;
top: -8px;
left: -30px;
transform: rotate(115deg);
}
#mobile-menu .services {
background-color: #009c7a;
padding: 1px 10px;
}
#mobile-menu .services li {
margin: 4px 0;
/*line-height: 12px;*/
}
#mobile-menu .services li a {
font-family: "Montserrat";
color: #FFF;
font-size: 13px;
line-height: 13px;
}
#mobile-menu .mobile-menu-wrap {
position: relative;
display: block;
min-height: 100%;
padding-bottom: 50px;
}
#mobile-menu .socials {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #009c7a;
padding: 0 2rem;
}
#mobile-menu .socials li {
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
#mobile-menu .socials li a {
display: inline-block;
font-size: 22px;
background-color: #FFF;
color: #009c7a;
height: 30px;
width: 30px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
#mobile-menu .socials li a i {
vertical-align: middle;
line-height: 30px;
font-size: 0;
}
#mobile-menu .socials li a i:before {
font-size: 22px;
}
#mobile-menu .submenu {
list-style: none;
margin: 0;
padding: 0;
font-family: "Montserrat";
}
#mobile-menu .submenu li {
background-color: #f7f7f7;
position: relative;
}
#mobile-menu .submenu li a {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 100%;
padding: 15px 20px;
font-size: 15px;
font-weight: bold;
vertical-align: middle;
font-family: inherit;
color: #005758;
border-bottom: 1px #c9cdd9 solid;
}
#mobile-menu .submenu li a i {
float: right;
}
#mobile-menu .submenu li .submenu-container {
margin-left: 20px;
display: none;
}
#mobile-menu .submenu li .submenu-container .user_menu-colname {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 100%;
padding: 0;
padding-top: 20px;
padding-bottom: 10px;
vertical-align: middle;
/*border-bottom: 1px #c9cdd9 solid;*/
font-size: 14px;
font-weight: bold;
color: #009c7a;
}
#mobile-menu .submenu li .submenu-container .user_menu-collist {
font-size: 13px;
font-weight: bold;
color: #303030;
}
#mobile-menu .submenu .active .submenu-li-a {
background-color: #005758;
color: #FFF;
}
#mobile-menu .submenu .active .submenu-li-a i:before {
content: "\f0d8";
}
.mobile-menu-visible {
left: 0;
opacity: 1;
}
.mobile-menu-hidden {
left: -320px;
opacity: 0;
}
@media only screen and (max-width: 480px) {
.mobile-menu-hidden {
left: -320px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.mobile-menu-hidden {
left: -420px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.mobile-menu-hidden {
left: -480px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.mobile-menu-hidden {
left: -480px;
}
}
/* mobile-nav end */
/* slider - begin */
#slider {
width: 100%;
height: 360px;
overflow: hidden;
position: relative;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
margin-top: 10px;
}
@media only screen and (max-width: 480px) {
#slider {
height: auto;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#slider {
height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#slider {
height: auto;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#slider {
height: 340px;
}
}
@media only screen and (min-width: 1025px) {
#slider {
height: 360px;
}
}
#slider .owl-controls .owl-pagination {
position: absolute;
margin-left: auto;
margin-right: auto;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
}
@media only screen and (max-width: 480px) {
#slider .owl-controls .owl-pagination {
bottom: 3px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#slider .owl-controls .owl-pagination {
bottom: 3px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#slider .owl-controls .owl-pagination {
bottom: 3px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#slider .owl-controls .owl-pagination {
bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
#slider .owl-controls .owl-pagination {
bottom: 10px;
}
}
#slider .owl-controls .owl-pagination .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 10px;
height: 10px;
background-color: #FFF;
border: 2px solid #FFF;
margin: 0 2px;
background-position: -11px -11px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
}
#slider .owl-controls .owl-pagination .active {
background-color: #005758;
background-color: rgba(0, 0, 0, 0);
}
#slider .static-logo {
position: absolute;
height: 90px;
width: 60px;
background-image: url(../img/logo2.png);
z-index: 9;
background-repeat: no-repeat;
background-size: 50px;
top: 10px;
left: 10px;
}
@media only screen and (max-width: 480px) {
#slider .static-logo {
background-size: 35px;
top: 25px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#slider .static-logo {
background-size: 30px;
top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#slider .static-logo {
background-size: 40px;
top: 35px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#slider .static-logo {
background-size: 50px;
}
}
@media only screen and (min-width: 1025px) {
#slider .static-logo {
background-size: 50px;
}
}
#slider .slider-item {
position: relative;
height: auto;
max-height: 360px;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
display: grid;
grid-template-columns: 40% 60%;
}
@media only screen and (max-width: 480px) {
#slider .slider-item {
grid-template-columns: 100%;
order: -1;
max-height: auto;
/*padding-bottom: 3rem;*/
max-height: 500px !important;
}
}
#slider .slider-item img {
/*width: 1000px;*/
width: 100%;
margin: 0;
padding: 0;
border: none;
}
#slider .slider-item .wrap-text {
background-color: #005758;
box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.3);
padding: 0 6rem;
max-height: 360px;
display: grid;
align-items: center;
position: relative;
z-index: 10;
}
@media only screen and (max-width: 480px) {
#slider .slider-item .wrap-text {
padding: 25px 15px 30px 25px;
order: 1;
padding-bottom: 2.3rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#slider .slider-item .wrap-text {
padding: 0 15px 0 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#slider .slider-item .wrap-text {
padding: 0 15px 0 65px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#slider .slider-item .wrap-text {
padding: 0 15px 0 75px;
}
}
@media only screen and (min-width: 1025px) {
#slider .slider-item .wrap-text {
padding: 0 6rem;
}
}
#slider .slider-item .wrap-text h3 {
color: #FFF !important;
font-family: "Atyp";
font-size: 36px;
margin: 0;
margin-bottom: 1rem;
}
@media only screen and (max-width: 480px) {
#slider .slider-item .wrap-text h3 {
font-size: 28px;
margin-bottom: 0.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#slider .slider-item .wrap-text h3 {
font-size: 24px;
line-height: 24px;
margin-bottom: 0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#slider .slider-item .wrap-text h3 {
font-size: 28px;
line-height: 28px;
margin-bottom: 0.7rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#slider .slider-item .wrap-text h3 {
font-size: 35px;
line-height: 35px;
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 1025px) {
#slider .slider-item .wrap-text h3 {
font-size: 36px;
line-height: 36px;
margin-bottom: 1rem;
}
}
#slider .slider-item .wrap-text span {
display: block;
color: #e7efef;
font-family: "Atyp";
font-size: 20px;
margin-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
#slider .slider-item .wrap-text span {
font-size: 15px;
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#slider .slider-item .wrap-text span {
font-size: 15px;
margin-bottom: 1.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#slider .slider-item .wrap-text span {
font-size: 16px;
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#slider .slider-item .wrap-text span {
font-size: 18px;
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 1025px) {
#slider .slider-item .wrap-text span {
font-size: 20px;
margin-bottom: 2rem;
}
}
#slider .slider-item .wrap-text .btn {
display: inline-block;
padding: 0.5rem 2rem;
background-color: #e7efef;
border: 1px solid #e7efef;
color: #005758;
text-decoration: none;
font-size: 17px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
@media only screen and (max-width: 480px) {
#slider .slider-item .wrap-text .btn {
font-size: 15px;
padding: 0.5rem 1.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#slider .slider-item .wrap-text .btn {
font-size: 15px;
padding: 0.4rem 1.2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#slider .slider-item .wrap-text .btn {
font-size: 15px;
padding: 0.5rem 1.5rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#slider .slider-item .wrap-text .btn {
font-size: 15px;
padding: 0.5rem 1.5rem;
}
}
@media only screen and (min-width: 1025px) {
#slider .slider-item .wrap-text .btn {
font-size: 17px;
padding: 0.5rem 2rem;
}
}
#slider .slider-item .wrap-text .btn:hover {
background-color: #009c7a;
color: #FFF;
border: 1px solid #FFF;
}
#slider .slider-item .light {
background-color: #009c7a;
}
#slider .slider-item .light .btn:hover {
background-color: #005758;
}
#slider .slider-item .wrap-img {
position: relative;
z-index: 9;
overflow: hidden;
}
@media only screen and (max-width: 480px) {
#slider .slider-item .wrap-img {
height: 200px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#slider .slider-item .wrap-img {
height: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#slider .slider-item .wrap-img {
height: 250px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#slider .slider-item .wrap-img {
height: 360px;
}
}
@media only screen and (min-width: 1025px) {
#slider .slider-item .wrap-img {
height: 360px;
}
}
/* slider - end */
/* news - begin */
.news-events-main {
display: grid;
grid-template-columns: 75% 25%;
margin-top: 1.5rem;
padding-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
.news-events-main {
grid-template-columns: 100%;
padding-bottom: 1rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-events-main {
grid-template-columns: 100%;
padding-bottom: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.news-events-main {
grid-template-columns: 100%;
padding-bottom: 1rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.news-events-main {
grid-template-columns: 75% 25%;
}
}
@media only screen and (min-width: 1025px) {
.news-events-main {
grid-template-columns: 75% 25%;
}
}
.news-events-main a {
color: #005758;
}
.news-events-main a:hover {
color: #009c7a;
text-decoration: none;
/*@include box-shadow();*/
}
.news-events-main a:hover img {
opacity: 0.8;
transform: scale(1.03);
}
.news-events-main .card:hover {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.news-events-main .allnews {
color: #005758;
text-decoration: none;
font-size: 17px;
position: relative;
display: block;
}
@media only screen and (max-width: 480px) {
.news-events-main .allnews {
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-events-main .allnews {
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.news-events-main .allnews {
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.news-events-main .allnews {
margin-left: 0.5rem;
}
}
.news-events-main .fa {
transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
will-change: transform;
}
.news-events-main .allnews:hover {
color: #009c7a;
text-decoration: none !important;
}
.news-events-main .allnews:hover .fa {
/*padding-left: 2px;*/
transform: translateX(3px);
}
.news-events-main .card {
padding: 1rem;
margin: 0.7rem 0;
margin-right: 1rem;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border: 1px solid #FFF;
}
@media only screen and (max-width: 480px) {
.news-events-main .card {
padding: 1rem;
margin-bottom: 0.5rem;
margin-right: 0;
border: 1px solid #d1d1d1;
/*box-shadow: 0 2px 6px $shadow;*/
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-events-main .card {
margin: 0.5rem;
border: 1px solid #d1d1d1;
height: 95%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.news-events-main .card {
margin: 0.5rem;
border: 1px solid #d1d1d1;
height: 95%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.news-events-main .card {
margin: 0.2rem;
padding: 0.5rem;
}
}
@media only screen and (min-width: 1025px) {
.news-events-main .card {
margin: 0.7rem 0;
margin-right: 1rem;
}
}
.news-events-main .card .news__date {
color: #7c7c7c;
font-size: 14px;
font-family: "Atyp";
font-weight: normal;
}
.news-events-main .card .news-title {
padding: 0.5rem 0;
font-family: "Montserrat";
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
.news-events-main .card:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
border: 1px solid #d1d1d1;
text-decoration: none;
/*@include box-shadow();*/
}
.news-events-main .news-main-wrap {
color: #005758;
font-family: "Atyp-sb";
font-size: 22px;
padding: 1rem 0;
}
@media only screen and (max-width: 480px) {
.news-events-main .news-main-wrap {
padding-top: 0;
}
}
.news-events-main .news-main-wrap .news-main-header {
font-size: 22px;
padding: 0.5rem 1rem;
line-height: 26px;
}
@media only screen and (max-width: 480px) {
.news-events-main .news-main-wrap .news-main-header {
padding: 0;
}
}
.news-events-main .news-main-wrap .news-list-wrap {
display: grid;
grid-template-columns: 33.333333% 33.333333% 33.333333%;
}
@media only screen and (max-width: 480px) {
.news-events-main .news-main-wrap .news-list-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-events-main .news-main-wrap .news-list-wrap {
grid-template-columns: 50% 50%;
margin-left: -0.5rem;
margin-right: -0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.news-events-main .news-main-wrap .news-list-wrap {
grid-template-columns: 50% 50%;
margin-left: -0.5rem;
margin-right: -0.5rem;
}
}
.news-events-main .news-main-wrap .news-list-wrap .card .poster {
width: 100%;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
.news-events-main .news-main-wrap .news-list-wrap .card .poster img {
width: 100%;
}
.news-events-main .news-main-wrap .news-list-wrap .card .news__date {
padding: 0.4rem 0;
}
@media only screen and (max-width: 480px) {
.news-events-main .news-main-wrap .news-list-wrap .card .news-title {
font-size: 16px;
}
}
.news-events-main .news-main-wrap .news-list-wrap .card:hover {
text-decoration: none !important;
}
.news-events-main .news-main-wrap .allnews {
margin-left: 1rem;
}
@media only screen and (max-width: 480px) {
.news-events-main .news-main-wrap .allnews {
margin-left: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-events-main .news-main-wrap .allnews {
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.news-events-main .news-main-wrap .allnews {
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.news-events-main .news-main-wrap .allnews {
margin-left: 0.5rem;
}
}
.news-events-main .events-main-wrap {
color: #005758;
font-family: "Atyp-sb";
font-size: 22px;
padding: 1rem 0;
}
.news-events-main .events-main-wrap a:hover {
text-decoration: none !important;
}
.news-events-main .events-main-wrap .events-main-header {
color: #FFF;
background-color: #005758;
font-size: 18px;
line-height: 18px;
padding: 0.7rem 1rem;
font-family: "Atyp";
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
@media only screen and (max-width: 480px) {
.news-events-main .events-main-wrap .events-list-wrap {
display: grid;
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-events-main .events-main-wrap .events-list-wrap {
display: grid;
grid-template-columns: 50% 50%;
margin-left: -0.5rem;
margin-right: -0.5rem;
margin-bottom: 0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.news-events-main .events-main-wrap .events-list-wrap {
display: grid;
grid-template-columns: 50% 50%;
margin-left: -0.5rem;
margin-right: -0.5rem;
margin-bottom: 0.5rem;
}
}
.news-events-main .events-main-wrap .events-list-wrap .card {
padding-bottom: 2rem;
margin-right: 0;
border: 1px solid #d1d1d1;
}
@media only screen and (max-width: 480px) {
.news-events-main .events-main-wrap .events-list-wrap .card {
padding: 1rem;
margin-bottom: 0.5rem;
margin-right: 0;
border: 1px solid #d1d1d1;
/*box-shadow: 0 2px 6px $shadow;*/
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-events-main .events-main-wrap .events-list-wrap .card {
margin: 0.5rem;
border: 1px solid #d1d1d1;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.news-events-main .events-main-wrap .events-list-wrap .card {
margin: 0.5rem;
border: 1px solid #d1d1d1;
}
}
.news-events-main .events-main-wrap .events-list-wrap .card .event-type {
background-color: #009c7a;
color: #FFF;
font-size: 12px;
line-height: 12px;
padding: 0.3rem 1rem;
display: inline-block;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
font-family: "Montserrat";
display: inline-block;
float: right;
}
.news-events-main .events-main-wrap .events-list-wrap .card .events-title {
font-size: 14px;
line-height: 20px;
font-family: "Montserrat";
font-weight: bold;
text-decoration: none;
color: #5a5a5a;
}
@media only screen and (max-width: 480px) {
.news-events-main .events-main-wrap .events-list-wrap .card .events-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
}
.news-events-main .events-main-wrap .events-list-wrap a:hover .events-title {
color: #009c7a;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.news-events-main .events-main-wrap .allnews {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.news-events-main .events-main-wrap .allnews {
margin-left: 0;
}
}
/* news - end*/
/* useful - begin */
.gray-green {
background-color: #427c7c;
}
.useful {
width: 100%;
display: inline-block;
}
.useful .useful-header {
font-family: "Atyp-sb";
font-size: 22px;
padding: 0.5rem 1rem;
line-height: 26px;
color: #FFF;
margin-bottom: 0.4rem;
}
.useful .useful-item-wrap {
display: grid;
grid-template-columns: 50% 50%;
}
@media only screen and (max-width: 480px) {
.useful .useful-item-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.useful .useful-item-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.useful .useful-item-wrap {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.useful .useful-item-wrap {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 1025px) {
.useful .useful-item-wrap {
grid-template-columns: 50% 50%;
}
}
.useful .useful-item-wrap .useful-item {
margin: 0.5rem 0;
border: 1px solid #d1d1d1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
background-color: #FFF;
/*box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 10%);*/
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 2rem;
position: relative;
}
@media only screen and (max-width: 480px) {
.useful .useful-item-wrap .useful-item {
margin: 0.5rem 0 !important;
padding: 1rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.useful .useful-item-wrap .useful-item {
margin-right: 0 !important;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.useful .useful-item-wrap .useful-item {
padding: 1rem;
}
}
.useful .useful-item-wrap .useful-item .useful-item-header {
font-family: "Atyp-sb";
font-size: 25px;
color: #005758;
margin-bottom: 0.5rem;
}
@media only screen and (max-width: 480px) {
.useful .useful-item-wrap .useful-item .useful-item-header {
font-size: 22px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.useful .useful-item-wrap .useful-item .useful-item-header {
font-size: 22px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.useful .useful-item-wrap .useful-item .useful-item-header {
font-size: 22px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.useful .useful-item-wrap .useful-item .useful-item-header {
font-size: 25px;
}
}
@media only screen and (min-width: 1025px) {
.useful .useful-item-wrap .useful-item .useful-item-header {
font-size: 25px;
}
}
.useful .useful-item-wrap .useful-item .useful-item-desc {
padding-left: 1rem;
font-size: 17px;
color: #888;
position: relative;
z-index: 5;
margin-bottom: 0.5rem;
}
@media only screen and (max-width: 480px) {
.useful .useful-item-wrap .useful-item .useful-item-desc {
font-size: 15px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.useful .useful-item-wrap .useful-item .useful-item-desc {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.useful .useful-item-wrap .useful-item .useful-item-desc {
font-size: 15px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.useful .useful-item-wrap .useful-item .useful-item-desc {
font-size: 17px;
}
}
@media only screen and (min-width: 1025px) {
.useful .useful-item-wrap .useful-item .useful-item-desc {
font-size: 17px;
}
}
.useful .useful-item-wrap .useful-item ul {
list-style: circle;
margin: 1.5rem 0;
padding: 0;
padding-left: 2rem;
position: relative;
z-index: 5;
}
@media only screen and (max-width: 480px) {
.useful .useful-item-wrap .useful-item ul {
margin: 1.2rem 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.useful .useful-item-wrap .useful-item ul {
margin: 1.2rem 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.useful .useful-item-wrap .useful-item ul {
margin: 1.2rem 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.useful .useful-item-wrap .useful-item ul {
margin: 1.5rem 0;
}
}
@media only screen and (min-width: 1025px) {
.useful .useful-item-wrap .useful-item ul {
margin: 1.5rem 0;
}
}
.useful .useful-item-wrap .useful-item ul li {
list-style: circle;
margin: 0.3rem 0;
}
@media only screen and (max-width: 480px) {
.useful .useful-item-wrap .useful-item ul li {
margin: 0.8rem 0;
}
}
.useful .useful-item-wrap .useful-item ul li a {
/*color: #424242;*/
color: #009c7a;
text-decoration: none;
font-size: 15px;
font-weight: bold;
position: relative;
}
@media only screen and (max-width: 480px) {
.useful .useful-item-wrap .useful-item ul li a {
font-size: 13px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.useful .useful-item-wrap .useful-item ul li a {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.useful .useful-item-wrap .useful-item ul li a {
font-size: 14px;
}
}
.useful .useful-item-wrap .useful-item ul li a:hover {
/*color: $bg-light-green;*/
color: #005758;
text-decoration: none !important;
}
.useful .useful-item-wrap .useful-item .bg-icon {
position: absolute;
right: 40px;
top: 20%;
z-index: 1;
}
@media only screen and (max-width: 480px) {
.useful .useful-item-wrap .useful-item .bg-icon {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.useful .useful-item-wrap .useful-item .bg-icon {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.useful .useful-item-wrap .useful-item .bg-icon {
display: none;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.useful .useful-item-wrap .useful-item .bg-icon {
right: 20px;
top: 10%;
}
}
@media only screen and (min-width: 1025px) {
.useful .useful-item-wrap .useful-item .bg-icon {
right: 40px;
top: 20%;
}
}
.useful .useful-item-wrap .useful-item .bg-icon i {
color: #e3e3e3;
font-size: 120px;
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.useful .useful-item-wrap .useful-item .bg-icon i {
font-size: 70px;
}
}
@media only screen and (min-width: 1025px) {
.useful .useful-item-wrap .useful-item .bg-icon i {
font-size: 120px;
}
}
.useful .useful-item-wrap .green {
background-color: #009c7a;
border: 1px solid #009c7a;
}
.useful .useful-item-wrap .green .useful-item-header,
.useful .useful-item-wrap .green .useful-item-desc,
.useful .useful-item-wrap .green ul {
color: #FFF !important;
}
.useful .useful-item-wrap .green .useful-item-header li,
.useful .useful-item-wrap .green .useful-item-desc li,
.useful .useful-item-wrap .green ul li {
color: #FFF !important;
}
.useful .useful-item-wrap .green .useful-item-header li a, .useful .useful-item-wrap .green .useful-item-header li a:hover,
.useful .useful-item-wrap .green .useful-item-desc li a,
.useful .useful-item-wrap .green .useful-item-desc li a:hover,
.useful .useful-item-wrap .green ul li a,
.useful .useful-item-wrap .green ul li a:hover {
color: #FFF !important;
}
.useful .useful-item-wrap .green .bg-icon i {
color: #7fd1bf;
}
/* userful - end */
/* ratings - begin */
.ratings .ratings-wrap {
margin: 2.5rem 0;
display: grid;
grid-template-columns: 50% 50%;
}
@media only screen and (max-width: 480px) {
.ratings .ratings-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ratings .ratings-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ratings .ratings-wrap {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.ratings .ratings-wrap {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 1025px) {
.ratings .ratings-wrap {
grid-template-columns: 50% 50%;
}
}
.ratings .ratings-wrap .col {
margin: 0.3rem 0;
border: 1px solid #d1d1d1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
background-color: #FFF;
/*box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 10%);*/
/* box-shadow: 0 2px 5px $shadow;*/
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 1rem 2rem;
padding-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
.ratings .ratings-wrap .col {
margin: 0.5rem 0 !important;
padding: 1rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ratings .ratings-wrap .col {
margin-right: 0 !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ratings .ratings-wrap .col {
/*margin-right: 0 !important;*/
}
}
.ratings .ratings-wrap .col .ratings-header {
font-family: "Atyp-sb";
font-size: 25px;
padding: 0.5rem 0;
line-height: 25px;
color: #005758;
}
@media only screen and (max-width: 480px) {
.ratings .ratings-wrap .col .ratings-header {
font-size: 22px;
line-height: 22px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ratings .ratings-wrap .col .ratings-header {
font-size: 22px;
line-height: 22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ratings .ratings-wrap .col .ratings-header {
font-size: 22px;
line-height: 22px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.ratings .ratings-wrap .col .ratings-header {
font-size: 25px;
line-height: 25px;
}
}
@media only screen and (min-width: 1025px) {
.ratings .ratings-wrap .col .ratings-header {
font-size: 25px;
line-height: 25px;
}
}
.ratings .ratings-wrap .col .ratings-item-wrap {
display: grid;
grid-template-columns: 49% 49%;
font-family: "Montserrat";
grid-column-gap: 1rem;
}
@media only screen and (max-width: 480px) {
.ratings .ratings-wrap .col .ratings-item-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ratings .ratings-wrap .col .ratings-item-wrap {
grid-template-columns: 100%;
}
}
.ratings .ratings-wrap .col .ratings-item-wrap div {
padding: 0.5rem 0;
}
@media only screen and (max-width: 480px) {
.ratings .ratings-wrap .col .ratings-item-wrap div {
display: grid;
grid-template-columns: 40% 60%;
align-items: center;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ratings .ratings-wrap .col .ratings-item-wrap div {
display: grid;
grid-template-columns: 40% 60%;
align-items: center;
}
}
.ratings .ratings-wrap .col .ratings-item-wrap div h3 {
margin: 0.5rem 0;
font-size: 35px;
color: #009c7a;
}
@media only screen and (max-width: 480px) {
.ratings .ratings-wrap .col .ratings-item-wrap div h3 {
text-align: left;
font-size: 22px;
text-align: center;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ratings .ratings-wrap .col .ratings-item-wrap div h3 {
text-align: left;
font-size: 22px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ratings .ratings-wrap .col .ratings-item-wrap div h3 {
font-size: 22px;
margin: 0.2rem 0;
}
}
.ratings .ratings-wrap .col .ratings-item-wrap div span {
font-size: 15px;
color: #505050;
font-weight: bold;
}
@media only screen and (max-width: 480px) {
.ratings .ratings-wrap .col .ratings-item-wrap div span {
font-size: 13px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ratings .ratings-wrap .col .ratings-item-wrap div span {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ratings .ratings-wrap .col .ratings-item-wrap div span {
font-size: 13px;
}
}
.ratings .ratings-wrap .green {
background-color: #009c7a;
border: 1px solid #009c7a;
}
.ratings .ratings-wrap .green .ratings-header,
.ratings .ratings-wrap .green h3,
.ratings .ratings-wrap .green span {
color: #FFF !important;
}
/* ratings - end */
.partners {
width: 100%;
margin-top: 3rem;
position: relative;
}
.partners .partners-header {
font-family: "Atyp";
font-size: 25px;
color: #005758;
font-weight: bold;
padding: 0.5rem 1rem;
line-height: 26px;
margin-bottom: 1rem;
}
.partners .slider-next, .partners .slider-prev {
position: absolute;
width: 35px;
height: 35px;
background-color: #FFF;
color: #005758;
border: #005758;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
top: 40%;
text-align: center;
cursor: pointer;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
@media only screen and (max-width: 480px) {
.partners .slider-next, .partners .slider-prev {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.partners .slider-next, .partners .slider-prev {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.partners .slider-next, .partners .slider-prev {
display: none;
}
}
.partners .slider-next i, .partners .slider-prev i {
line-height: 35px;
}
.partners .slider-next:hover, .partners .slider-prev:hover {
background-color: #009c7a;
border: 1px solid #009c7a;
color: #FFF;
}
.partners .slider-next {
top: 0;
right: 60px;
}
.partners .slider-prev {
top: 0;
right: 20px;
}
.partners .partners-container {
width: 100%;
height: 150px;
margin: 5px auto;
overflow: hidden;
}
.partners .partners-container .owl-item {
position: relative;
width: 147px;
height: 140px;
text-align: center;
vertical-align: middle;
}
.partners .partners-container .owl-item .item img {
filter: grayscale(40%);
position: absolute;
width: 100px;
height: auto;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.partners .partners-container .owl-item .item img:hover {
filter: grayscale(0%);
}
.other-links .other-links-header {
padding: 1rem 0;
}
@media only screen and (max-width: 480px) {
.other-links .other-links-header {
padding: 0.7rem 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.other-links .other-links-header {
padding: 0.7rem 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.other-links .other-links-header {
padding: 0.7rem 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.other-links .other-links-header {
padding: 1rem 0;
}
}
@media only screen and (min-width: 1025px) {
.other-links .other-links-header {
padding: 1rem 0;
}
}
.other-links .other-links-header .other-links-header-btn {
font-family: "Atyp-sb";
font-size: 18px;
padding: 0.5rem 0;
line-height: 26px;
text-decoration: none;
line-height: 18px;
color: #FFF !important;
position: relative;
cursor: pointer;
vertical-align: middle;
}
@media only screen and (max-width: 480px) {
.other-links .other-links-header .other-links-header-btn {
font-size: 16px;
line-height: 16px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.other-links .other-links-header .other-links-header-btn {
font-size: 16px;
line-height: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.other-links .other-links-header .other-links-header-btn {
font-size: 16px;
line-height: 16px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.other-links .other-links-header .other-links-header-btn {
font-size: 18px;
line-height: 18px;
}
}
@media only screen and (min-width: 1025px) {
.other-links .other-links-header .other-links-header-btn {
font-size: 18px;
line-height: 18px;
}
}
.other-links .other-links-header .other-links-header-btn:hover {
color: #e7efef;
text-decoration: none !important;
}
.other-links .other-links-header .other-links-header-btn:after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 0.4em;
vertical-align: 0.17em;
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
}
.other-links .other-links-header .other-links-header-btn:before {
content: "";
display: block;
width: 100%;
position: absolute;
height: 1px;
background-color: none;
bottom: 0.5rem;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.other-links .other-links-header .other-links-header-btn:hover:before {
background-color: #FFF;
bottom: 0.2rem;
}
.other-links .other-links-wrap {
overflow: hidden;
display: none;
}
.other-links .other-links-wrap ul {
position: relative;
color: #FFF !important;
margin: 1.5rem 0;
padding: 0;
padding-left: 2rem;
margin-top: 1rem;
/*column-count: 3;*/
list-style: circle;
display: grid;
grid-template-columns: 33% 33% 33%;
}
@media only screen and (max-width: 480px) {
.other-links .other-links-wrap ul {
/*column-count: 1;*/
margin: 0.5rem 0;
margin-top: 0;
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.other-links .other-links-wrap ul {
/*column-count: 1;*/
margin: 0.5rem 0;
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.other-links .other-links-wrap ul {
/*column-count: 2;*/
margin: 1rem 0;
margin-top: 0;
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.other-links .other-links-wrap ul {
/*column-count: 3;*/
grid-template-columns: 33% 33% 33%;
}
}
@media only screen and (min-width: 1025px) {
.other-links .other-links-wrap ul {
/*column-count: 3;*/
grid-template-columns: 33% 33% 33%;
}
}
.other-links .other-links-wrap ul li {
list-style: circle;
margin: 0.3rem 0 !important;
color: #FFF !important;
}
@media only screen and (max-width: 480px) {
.other-links .other-links-wrap ul li {
margin: 1rem 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.other-links .other-links-wrap ul li {
margin: 1rem 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.other-links .other-links-wrap ul li {
margin: 0.5rem 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.other-links .other-links-wrap ul li {
margin: 0.3rem 0;
}
}
@media only screen and (min-width: 1025px) {
.other-links .other-links-wrap ul li {
margin: 0.3rem 0;
}
}
.other-links .other-links-wrap ul li a {
color: #FFF !important;
text-decoration: none;
font-size: 14px !important;
font-weight: bold;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
position: relative;
}
@media only screen and (max-width: 480px) {
.other-links .other-links-wrap ul li a {
font-size: 12px;
/*font-weight: 100;*/
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.other-links .other-links-wrap ul li a {
font-size: 13px;
font-weight: 100;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.other-links .other-links-wrap ul li a {
font-size: 13px;
font-weight: 100;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.other-links .other-links-wrap ul li a {
font-size: 14px;
}
}
@media only screen and (min-width: 1025px) {
.other-links .other-links-wrap ul li a {
font-size: 14px;
}
}
.other-links .other-links-wrap ul li a:hover {
text-decoration: none !important;
}
/* footer - begin */
.footer {
position: relative;
height: auto;
background-color: #005758;
border-top: 2px solid #009c7a;
padding-bottom: 1rem;
}
.footer .container .footer-top-wrap {
display: grid;
grid-template-columns: 25% 75%;
}
@media only screen and (max-width: 480px) {
.footer .container .footer-top-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-top-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .footer-top-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (max-width: 480px) {
.footer .container .footer-top-wrap .footer-top-logo {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-top-wrap .footer-top-logo {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .footer-top-wrap .footer-top-logo {
display: none;
}
}
.footer .container .footer-top-wrap .footer-top-logo img {
height: 4rem;
}
@media only screen and (max-width: 480px) {
.footer .container .footer-top-wrap .footer-top-logo img {
height: 3rem;
margin-bottom: 1rem;
}
}
.footer .container .footer-top-wrap .footer-top-nav {
display: flex;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid #FFF;
}
@media only screen and (max-width: 480px) {
.footer .container .footer-top-wrap .footer-top-nav {
flex-direction: column;
padding-bottom: 1rem;
padding-top: 0.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-top-wrap .footer-top-nav {
display: grid;
grid-template-columns: 50% 50%;
}
}
.footer .container .footer-top-wrap .footer-top-nav li {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
height: 3.5rem;
}
@media only screen and (max-width: 480px) {
.footer .container .footer-top-wrap .footer-top-nav li {
justify-content: left;
height: 2rem;
padding-left: 1rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-top-wrap .footer-top-nav li {
height: 2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .footer-top-wrap .footer-top-nav li {
height: 2rem;
}
}
.footer .container .footer-top-wrap .footer-top-nav li a {
text-decoration: none;
color: #e7efef;
font-family: "Atyp";
font-size: 15px;
position: relative;
}
@media only screen and (max-width: 480px) {
.footer .container .footer-top-wrap .footer-top-nav li a {
font-size: 13px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-top-wrap .footer-top-nav li a {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .footer-top-wrap .footer-top-nav li a {
font-size: 12px;
}
}
.footer .container .footer-top-wrap .footer-top-nav li a:hover {
color: #c3cdcd;
}
.footer .container .footer-main-wrap {
display: grid;
grid-template-columns: 25% 20% 35% 20%;
}
@media only screen and (max-width: 480px) {
.footer .container .footer-main-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-main-wrap {
grid-template-columns: 30% 40% 30%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .footer-main-wrap {
grid-template-columns: 30% 40% 30%;
}
}
@media only screen and (max-width: 480px) {
.footer .container .footer-main-wrap .adress {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-main-wrap .adress {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .footer-main-wrap .adress {
display: none;
}
}
.footer .container .footer-main-wrap div {
padding: 0 1rem;
}
@media only screen and (max-width: 480px) {
.footer .container .footer-main-wrap div {
padding: 0 0.2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-main-wrap div {
padding: 0 0.2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .footer-main-wrap div {
padding: 0 0.2rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.footer .container .footer-main-wrap div {
padding: 0 1rem;
}
}
@media only screen and (min-width: 1025px) {
.footer .container .footer-main-wrap div {
padding: 0 1rem;
}
}
.footer .container .footer-main-wrap div span {
color: #e7efef;
font-family: "Montserrat";
display: block;
margin-top: 1.5rem;
font-size: 13px;
}
.footer .container .footer-main-wrap div .footer-header {
color: #e7efef;
font-family: "Atyp-sb";
font-size: 15px;
}
.footer .container .footer-main-wrap div ul {
list-style: none;
padding: 0;
padding-left: 1rem;
margin: 0.5rem 0;
}
.footer .container .footer-main-wrap div ul li {
margin: 0.2rem 0;
}
.footer .container .footer-main-wrap div ul li a {
color: #e7efef;
font-family: "Atyp";
text-decoration: none;
font-size: 13px;
position: relative;
}
@media only screen and (max-width: 480px) {
.footer .container .footer-main-wrap div ul li a {
font-size: 13px;
font-family: "Montserrat";
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .footer-main-wrap div ul li a {
font-size: 12px;
font-family: "Montserrat";
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .footer-main-wrap div ul li a {
font-size: 11px;
font-family: "Montserrat";
}
}
.footer .container .footer-main-wrap div ul li a:hover {
color: #c3cdcd;
}
.footer .container .adress2 {
display: none;
border-top: 1px solid #FFF;
margin-top: 0.5rem;
}
@media only screen and (max-width: 480px) {
.footer .container .adress2 {
display: block;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer .container .adress2 {
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer .container .adress2 {
display: block;
}
}
.footer .container .adress2 span {
font-size: 10px;
margin-top: 0.5rem;
text-align: center;
color: #e7efef;
font-family: "Montserrat";
display: block;
margin-top: 0.5rem;
}
@media only screen and (max-width: 480px) {
.footer .container .adress2 span {
font-size: 9px;
}
}
/* footer - end */
/* blocks - begin */
.none { /* hidden */
display: none !important;
}
.usn { /* not selecbale */
-webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
-moz-user-select: none;
user-select: none; /* Standard syntax */
}
.fade { /* animated */
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.mt-05 {
margin-top: 0.5rem;
}
.mt-1 {
margin-top: 1rem;
}
.pb-05 {
padding-bottom: 0.5rem;
}
.pb-25 {
padding-bottom: 2.5rem;
}
.pt-25 {
padding-top: 2.5rem;
}
.pt-1 {
padding-top: 1rem;
}
.pt-05 {
padding-top: 0.5rem;
}
.mr-1 {
margin-right: 1rem !important;
}
.under:after {
content: "";
display: block;
width: 100%;
position: absolute;
height: 1px;
background-color: none;
bottom: 0.5rem;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.under:hover:after {
background-color: #009c7a;
bottom: -0.1rem;
}
.green .under:hover:after {
background-color: #FFF;
}
.btn-100 {
width: 100%;
margin: 0 auto;
font-weight: bold;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 0.7rem;
font-size: 1rem;
line-height: 1rem;
}
.btn-green {
background-color: #009c7a !important;
color: #FFF !important;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.btn-green:hover {
background-color: #005758 !important;
text-decoration: none !important;
}
.btn-yellow {
background-color: #fac13a !important;
color: #000 !important;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.btn-yellow:hover {
background-color: #fbb000 !important;
text-decoration: none !important;
}
.red {
color: #ea422e;
}
.green-text {
color: #009c7a;
}
.strong {
font-weight: bold;
}
/*blocks - end */
h1, h2, h3, h4, h5, h6,
.postContent,
#content,
.videobanner {
max-width: 57rem;
}
.gray-green h1, .gray-green h2, .gray-green h3, .gray-green h4, .gray-green h5, .gray-green h6 {
color: #FFF !important;
}
#content_w {
max-width: 77rem;
}
#content {
padding-bottom: 2rem;
}
#col_center {
/* margin-bottom: 2rem;*/
}
.row-gray {
background-color: #f7f7f7;
}
/* breadcrumbs */
#breadcrumbs, #pagesnavigation {
position: relative;
width: 100%;
padding: 1rem 0;
font-size: 0.9rem;
/*border-bottom: 1px $bg-light-green solid;*/
color: #999999;
font-size: 0.8rem;
}
#breadcrumbs a, #pagesnavigation a {
color: #303030;
font-size: 0.9rem;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
#breadcrumbs a:hover, #breadcrumbs .parentPage, #breadcrumbs .fa-chevron-right, #breadcrumbs .v-line, #pagesnavigation a:hover, #pagesnavigation .parentPage, #pagesnavigation .fa-chevron-right, #pagesnavigation .v-line {
color: #009c7a;
}
#breadcrumbs .fa-chevron-right, #breadcrumbs .v-line, #pagesnavigation .fa-chevron-right, #pagesnavigation .v-line {
margin: 0 0.5rem;
}
/*news*/
.postFooter {
margin: 1.5rem 0;
}
.postFooter .PostActionItemDate {
/*float: left;*/
color: rgba(0, 0, 0, 0.5);
font-size: 0.9rem;
}
/* pages */
#page_col_center {
margin-bottom: 2rem;
}
/* tables*/
@media only screen and (max-width: 480px) {
.table-container {
overflow-x: auto;
display: block;
width: 91vw;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.table-container {
overflow-x: auto;
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.table-container {
overflow-x: auto;
display: block;
}
}
.table-container .table-container table tr td {
border: 1px solid #BEBEBE;
padding: 5px;
}
.table-container table {
margin: auto;
/*border: 1px solid #d9d9d9;*/
}
.table-container table tr th, .table-container table tr td {
/* border: 1px solid #d9d9d9;*/
padding: 0.5rem;
}
.table-container table tr th ul, .table-container table tr th ol, .table-container table tr td ul, .table-container table tr td ol {
margin: 0 !important;
margin-left: 2rem !important;
}
.table-container table tr th ul li a, .table-container table tr th ol li a, .table-container table tr td ul li a, .table-container table tr td ol li a {
font-size: 0.8rem !important;
line-height: 1rem !important;
}
.table-container table tr th, .table-container table tr th p {
text-align: center;
font-weight: bold;
background-color: #005758;
color: #fff;
padding: 5px;
font-size: 0.8rem;
line-height: 1.2rem;
}
.table-container table tr td, .table-container table tr td p {
font-size: 0.9rem;
}
.table-container table tr td a, .table-container table tr td p a {
color: #009c7a;
font-weight: bold;
font-size: 0.8rem;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.table-container table tr td a:hover, .table-container table tr td p a:hover {
color: #005758;
text-decoration: underline;
}
.table-container table tr th p, .table-container table tr td p {
margin: 0.5rem 0;
}
.table-container table tr .td-blue {
text-align: center;
font-weight: bold;
background-color: #005758;
color: #FFF;
}
.table-container table .gray {
background-color: #e5e5e5;
}
.table-container table .fb {
font-weight: bold;
}
/*ui tabs*/
@media only screen and (max-width: 480px) {
#page_col_center .ui-tabs .ui-tabs-panel .table-container {
/*padding: 0.2em 0.5em;*/
margin-left: -1.3em;
margin-right: -1.3em;
width: 89vw;
}
}
#page_col_center .ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
list-style: none;
}
#page_col_center .ui-tabs .ui-tabs-nav li {
list-style: none;
}
#page_col_center .ui-tabs .ui-tabs-nav li a {
color: #454545;
}
@media only screen and (max-width: 480px) {
#page_col_center .ui-tabs .ui-tabs-nav li a {
font-size: 0.8rem;
padding: 0.5em 0.8em;
}
}
#page_col_center .ui-tabs .ui-tabs-nav li a:hover {
text-decoration: none;
}
#page_col_center .ui-tabs .ui-state-active {
border: 1px solid #009c7a;
background-color: #009c7a;
}
#page_col_center .ui-tabs .ui-state-active a {
color: #FFF !important;
cursor: pointer;
}
.quote {
font-style: italic;
font-weight: bold;
border-width: 0 0 0 3px;
border-style: solid;
padding: 20px;
background: #f5f5f5;
border-color: #009c7a;
text-indent: 0;
margin: 15px auto;
}
.quote p {
display: table;
text-indent: 0 !important;
}
.quote:before {
content: "\f10d";
display: table;
float: left;
font-family: "FontAwesome";
font-size: 28px;
margin-top: 6px;
font-weight: normal;
width: 6%;
color: #009c7a;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
/*white-space: nowrap;*/
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn:hover {
text-decoration: none !important;
}
img.foto {
padding: 5px;
background: white;
border: 1px solid silver;
margin: 10px;
}
.clear {
clear: both;
}
.DocsList li a {
color: #005758 !important;
}
#_zero_68698 {
position: absolute;
bottom: 0;
}
@media only screen and (max-width: 480px) {
p video {
width: 90%;
height: auto;
margin: 10px 0;
}
.gallery a img, .gallery p a img {
width: 90% !important;
height: auto !important;
}
iframe {
width: 100% !important;
}
}
@media only screen and (max-width: 480px) {
.video video {
width: 100% !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.video video {
width: 100% !important;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1236px) {
.video video {
width: 70% !important;
}
}
@media only screen and (max-width: 480px) {
table:has(.CollapsContainerSm) {
width: 100%;
}
}
.ul-col-3 {
display: grid;
grid-template-columns: 33% 33% 33%;
}
@media only screen and (max-width: 480px) {
.ul-col-3 {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ul-col-3 {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ul-col-3 {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.ul-col-3 {
grid-template-columns: 33% 33% 33%;
}
}
@media only screen and (min-width: 1025px) {
.ul-col-3 {
grid-template-columns: 33% 33% 33%;
}
}
.ul-col-3 li {
margin-bottom: 1rem;
}
.ul-icon {
margin-bottom: 1.5rem;
}
.ul-icon .li-icon {
display: grid;
align-items: center;
grid-template-columns: 85px calc(100% - 85px);
font-weight: bold;
color: #282828;
}
@media only screen and (max-width: 480px) {
.ul-icon .li-icon {
grid-template-columns: 65px calc(100% - 65px);
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ul-icon .li-icon {
grid-template-columns: 65px calc(100% - 65px);
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ul-icon .li-icon {
grid-template-columns: 75px calc(100% - 75px);
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.ul-icon .li-icon {
grid-template-columns: 85px calc(100% - 85px);
}
}
@media only screen and (min-width: 1025px) {
.ul-icon .li-icon {
grid-template-columns: 85px calc(100% - 85px);
}
}
.ul-icon li {
margin-right: 1rem;
}
.ul-icon li .frame {
border: 2px solid #009c7a;
padding: 0.6rem;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
margin-right: 0.5rem;
width: 70px;
height: 70px;
vertical-align: middle;
}
@media only screen and (max-width: 480px) {
.ul-icon li .frame {
width: 50px;
height: 50px;
padding: 0.4rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ul-icon li .frame {
width: 50px;
height: 50px;
padding: 0.4rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ul-icon li .frame {
width: 60px;
height: 60px;
padding: 0.5rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.ul-icon li .frame {
width: 70px;
height: 70px;
}
}
@media only screen and (min-width: 1025px) {
.ul-icon li .frame {
width: 70px;
height: 70px;
}
}
.ul-icon li .frame img {
width: 100%;
margin: auto;
}
.ul-icon li a {
color: #009c7a;
}
.ul-icon li a:hover {
color: #005758;
}
#thematicLinks {
width: 350px !important;
float: right;
margin: 0 0 10px 20px;
display: block;
border: 1px #d4d4d4 solid;
/*box-shadow: 0 0px 11px 0 rgb(0 0 0 / 12%), 0 5px 11px 0 rgb(0 0 0 / 12%);*/
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
border-top: 0;
}
@media only screen and (max-width: 480px) {
#thematicLinks {
width: 100% !important;
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#thematicLinks {
width: 100% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#thematicLinks {
width: 250px !important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#thematicLinks {
width: 300px !important;
}
}
@media only screen and (min-width: 1025px) {
#thematicLinks {
width: 350px !important;
}
}
#thematicLinks .part .selected {
background-color: #009c7a !important;
}
#thematicLinks .partBody {
padding: 10px;
}
#thematicLinks .partBody .foto {
width: 50% !important;
height: auto !important;
}
#thematicLinks ul {
list-style-type: none;
padding: 0;
margin: 5px 0;
background-color: #fff;
}
#thematicLinks ul li {
list-style-type: none;
margin-bottom: 5px;
padding-bottom: 2px;
border-bottom: 1px silver dashed;
line-height: 1.15rem;
}
@media only screen and (max-width: 480px) {
#thematicLinks ul li {
margin-bottom: 0;
padding: 0.6rem 0;
}
}
@media only screen and (min-width: 1025px) {
#thematicLinks ul li {
font-size: 0.8rem;
}
}
#thematicLinks ul li a {
/*display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;*/
text-decoration: none;
font-size: 0.8rem;
line-height: 1.2rem;
font-weight: bold;
}
@media only screen and (max-width: 480px) {
#thematicLinks ul li a {
font-size: 0.9rem;
}
}
@media only screen and (min-width: 1025px) {
#thematicLinks ul li a {
font-size: 0.8rem;
}
}
#thematicLinks ul li a:hover {
text-decoration: none !important;
}
#thematicLinks p {
font-size: 0.9rem;
line-height: 1.2rem;
text-align: center;
text-indent: 0;
margin: 0.5rem 0;
}
#thematicLinks .partHeader, #thematicLinks .linksTitle {
border-top: 1px #d4d4d4 solid;
border-bottom: 1px #427c7c solid;
background-repeat: repeat-x;
background-image: none;
/* height: 24px; */
min-height: 24px;
height: auto;
/*font-weight: bold;*/
padding-left: 4px;
background-color: #005758;
color: #ffffff;
cursor: pointer;
}
#thematicLinks .partHeader .partTitle, #thematicLinks .partHeader .partTitleOpen, #thematicLinks .linksTitle .partTitle, #thematicLinks .linksTitle .partTitleOpen {
background: none;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 90%;
position: relative;
padding-left: 20px;
font-size: 0.9rem;
padding-top: 5px;
padding-bottom: 5px;
}
@media only screen and (max-width: 480px) {
#thematicLinks .partHeader .partTitle, #thematicLinks .partHeader .partTitleOpen, #thematicLinks .linksTitle .partTitle, #thematicLinks .linksTitle .partTitleOpen {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
}
@media only screen and (min-width: 1025px) {
#thematicLinks .partHeader .partTitle, #thematicLinks .partHeader .partTitleOpen, #thematicLinks .linksTitle .partTitle, #thematicLinks .linksTitle .partTitleOpen {
padding-top: 5px;
padding-bottom: 5px;
}
}
#thematicLinks .partHeader .partTitle a:hover, #thematicLinks .partHeader .partTitleOpen a:hover, #thematicLinks .linksTitle .partTitle a:hover, #thematicLinks .linksTitle .partTitleOpen a:hover {
text-decoration: none;
}
#thematicLinks .partHeader .partTitle::after, #thematicLinks .partHeader .partTitleOpen:after, #thematicLinks .linksTitle .partTitle::after, #thematicLinks .linksTitle .partTitleOpen:after {
position: absolute;
content: "";
background-color: #ffffff;
width: 0;
height: 0;
top: 47%;
left: 5px;
}
#thematicLinks .partHeader .partTitle::after, #thematicLinks .linksTitle .partTitle::after {
border-left: 3px solid #005758;
border-right: 3px solid #005758;
border-top: 5px solid #ffffff;
}
#thematicLinks .partHeader .partTitleOpen:after, #thematicLinks .partHeader .partTitleOpen:after, #thematicLinks .linksTitle .partTitleOpen:after, #thematicLinks .linksTitle .partTitleOpen:after {
border-top: 3px solid #005758 !important;
border-bottom: 3px solid #005758 !important;
border-left: 5px solid #ffffff !important;
top: 43%;
}
.CollapsContainer, .CollapsContainerSm {
border: 1px solid #ffffff;
width: 100%;
}
.CollapsContainer .CollapsHeader, .CollapsContainerSm .CollapsHeader {
border: 1px solid #427c7c;
background-color: #005758;
padding: 0.5rem;
padding-left: 30px;
cursor: pointer;
font-weight: normal;
min-height: 25px;
color: #FFF;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
}
.CollapsContainer .CollapsHeader .arrow, .CollapsContainerSm .CollapsHeader .arrow {
margin-left: -20px;
margin-top: 5px;
position: absolute;
width: 0;
height: 0;
border: 6px solid transparent;
}
.CollapsContainer .CollapsHeader .arrow-left, .CollapsContainerSm .CollapsHeader .arrow-left {
border-left-color: #FFF;
border-right: 0;
margin-left: -17px;
margin-top: 3px;
}
.CollapsContainer .CollapsHeader .arrow-top, .CollapsContainerSm .CollapsHeader .arrow-top {
border-top-color: #FFF;
border-bottom: 0;
}
.CollapsContainer .content, .CollapsContainerSm .content {
display: none;
padding: 5px;
}
.MoreDetail {
display: inline-block;
display: table;
zoom: 1;
*display: inline;
vertical-align: top;
background-color: #a14a9b;
text-decoration: none;
color: #FFF !important;
font-weight: bold;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
padding: 7px 25px;
/*margin: 5px auto;*/
margin-bottom: 15px;
border: 1px #ffffff solid;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.MoreDetail:hover {
text-decoration: none !important;
background-color: #d06cc9;
}
.ApplicantMenu, .FacultyList {
width: 100%;
list-style: none !important;
position: relative;
margin: 0 !important;
margin-left: -8px !important;
}
@media only screen and (max-width: 480px) {
.ApplicantMenu, .FacultyList {
margin-top: -3rem !important;
margin-left: 0 !important;
}
}
.ApplicantMenu li, .FacultyList li {
display: table;
float: left;
height: 170px;
width: 170px;
text-align: center;
margin: 8px 19px 0px 8px;
}
@media only screen and (max-width: 480px) {
.ApplicantMenu li, .FacultyList li {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
background-size: 100%;
width: 100%;
height: auto;
margin: 2px 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ApplicantMenu li, .FacultyList li {
margin: 8px 0px 0px 8px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ApplicantMenu li, .FacultyList li {
margin: 8px 0px 0px 8px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.ApplicantMenu li, .FacultyList li {
margin: 8px 0px 0px 8px;
}
}
.ApplicantMenu li a, .FacultyList li a {
font-family: Century Gothic;
font-size: 15px;
display: table-cell;
vertical-align: bottom;
color: #fff !important;
text-align: center;
text-decoration: none;
padding: 0px 0px 20px 0px;
}
@media only screen and (max-width: 480px) {
.ApplicantMenu li a, .FacultyList li a {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
background-size: 100%;
width: 100%;
padding: 5px 0;
}
}
.ApplicantMenu li a:hover, .FacultyList li a:hover {
text-decoration: none !important;
}
.Grid .Column1 {
width: 300px !important;
float: right;
margin: 0 0 10px 20px;
display: block;
border-top: 0;
}
@media only screen and (max-width: 480px) {
.Grid .Column1 {
width: 100% !important;
margin: 0;
}
}
.Grid .Column1 .ApplicantLeftMenu {
margin: 0 !important;
padding: 0;
list-style: none;
}
@media only screen and (max-width: 480px) {
.Grid .Column1 .ApplicantLeftMenu {
margin-top: -7rem !important;
}
}
.Grid .Column1 .ApplicantLeftMenu li {
display: table;
height: 40px;
width: 100%;
padding: 10px 0px 0px 0px;
}
.Grid .Column1 .ApplicantLeftMenu li a {
/*font-family: Century Gothic;*/
font-size: 15px;
display: table-cell;
vertical-align: bottom;
color: #fff !important;
text-align: center;
text-decoration: none;
padding: 10px 10px 10px 10px;
}
.Grid .Column1 .ApplicantLeftMenu li a:hover {
text-decoration: none !important;
}
.Grid .Column2 {
max-width: 60rem;
}
#js-main:has(.submenu-notfixed) {
padding-top: 190px;
}
@media only screen and (max-width: 480px) {
#js-main:has(.submenu-notfixed) {
padding-top: 120px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#js-main:has(.submenu-notfixed) {
padding-top: 125px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#js-main:has(.submenu-notfixed) {
padding-top: 125px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#js-main:has(.submenu-notfixed) {
padding-top: 175px;
}
}
@media only screen and (min-width: 1025px) {
#js-main:has(.submenu-notfixed) {
padding-top: 190px;
}
}
#js-main:has(.submenu-fixed) {
/*padding-top: 85px;*/
margin-top: 87px !important;
}
@media only screen and (max-width: 480px) {
#js-main:has(.submenu-fixed) {
padding-top: 120px;
margin-top: 0 !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#js-main:has(.submenu-fixed) {
padding-top: 120px;
margin-top: 0 !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#js-main:has(.submenu-fixed) {
padding-top: 120px;
margin-top: 0 !important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
#js-main:has(.submenu-fixed) {
padding-top: 170px;
margin-top: 0 !important;
}
}
@media only screen and (min-width: 1025px) {
#js-main:has(.submenu-fixed) {
padding-top: 175px;
margin-top: 0 !important;
}
}
.ShortDescription .ui-state-active .ui-icon, .ui-button:active .ui-icon {
background-image: url(https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png);
}
@media only screen and (max-width: 480px) {
.ShortDescription .ui-accordion .ui-accordion-content {
padding: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.ShortDescription .ui-accordion .ui-accordion-content {
padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ShortDescription .ui-accordion .ui-accordion-content {
padding: 0;
}
}
.enrolee2 {
/*padding-top: 30px;*/
}
.enrolee2 .subHead-short {
width: 66%;
}
@media only screen and (max-width: 480px) {
.enrolee2 .subHead-short {
width: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.enrolee2 .subHead-short {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.enrolee2 .subHead-short {
width: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.enrolee2 .subHead-short {
width: 66%;
}
}
@media only screen and (min-width: 1025px) {
.enrolee2 .subHead-short {
width: 66%;
}
}
.enrolee2 .subHead {
margin-top: -2rem;
margin-bottom: 2rem;
display: block;
font-size: 1.4em !important;
line-height: 1.6;
color: #7a7a7a;
}
@media only screen and (max-width: 480px) {
.enrolee2 .subHead {
font-size: 1.2em !important;
line-height: 1.4;
margin-top: -1.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.enrolee2 .subHead {
font-size: 1.2em !important;
line-height: 1.4;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.enrolee2 .subHead {
font-size: 1.2em !important;
line-height: 1.4;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.enrolee2 .subHead {
font-size: 1.4em !important;
line-height: 1.6;
}
}
@media only screen and (min-width: 1025px) {
.enrolee2 .subHead {
font-size: 1.4em !important;
line-height: 1.6;
}
}
.row-submenu {
background-color: #1b4242;
position: fixed;
width: 100%;
z-index: 9;
/*transition: top 0.2s ease 0.1s;*/
top: 140px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 480px) {
.row-submenu {
top: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.row-submenu {
top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.row-submenu {
top: 70px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.row-submenu {
top: 120px;
}
}
.row-submenu .container {
display: grid;
grid-template-columns: 30% 70%;
}
@media only screen and (max-width: 480px) {
.row-submenu .container {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.row-submenu .container {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.row-submenu .container {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.row-submenu .container {
grid-template-columns: 30% 70%;
padding: 0 1rem;
}
}
@media only screen and (min-width: 1025px) {
.row-submenu .container {
grid-template-columns: 30% 70%;
padding: 0 0.6rem;
}
}
.row-submenu .container .sm-title {
color: #FFF;
padding: 1rem 0;
font-size: 15px;
font-weight: bold;
}
.row-submenu .container .second-navbar ul {
display: flex;
justify-content: space-between;
height: 100%;
width: 100%;
}
@media only screen and (max-width: 480px) {
.row-submenu .container .second-navbar ul {
flex-direction: column;
align-items: flex-start;
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.row-submenu .container .second-navbar ul {
flex-direction: column;
align-items: flex-start;
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.row-submenu .container .second-navbar ul {
flex-direction: column;
align-items: flex-start;
display: none;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.row-submenu .container .second-navbar ul {
display: flex !important;
}
}
@media only screen and (min-width: 1025px) {
.row-submenu .container .second-navbar ul {
display: flex !important;
}
}
.row-submenu .container .second-navbar ul li {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
@media only screen and (max-width: 480px) {
.row-submenu .container .second-navbar ul li {
border-top: 1px solid #999;
justify-content: left;
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.row-submenu .container .second-navbar ul li {
border-top: 1px solid #999;
justify-content: left;
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.row-submenu .container .second-navbar ul li {
border-top: 1px solid #999;
justify-content: left;
width: 100%;
height: auto;
}
}
.row-submenu .container .second-navbar ul li a {
color: #FFF;
font-size: 14px;
height: 100%;
line-height: 50px;
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.row-submenu .container .second-navbar ul li a {
font-size: 13px;
}
}
.row-submenu .container .second-navbar ul li a:hover {
text-decoration: none !important;
color: #e7efef;
}
.row-submenu .container .submenu-button {
display: none;
position: absolute;
right: 1rem;
top: 0.3rem;
color: #FFF;
font-size: 22px;
padding: 10px;
}
@media only screen and (max-width: 480px) {
.row-submenu .container .submenu-button {
display: block;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.row-submenu .container .submenu-button {
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.row-submenu .container .submenu-button {
display: block;
}
}
.submenu-fixed {
top: 110px;
}
@media only screen and (max-width: 480px) {
.submenu-fixed {
top: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.submenu-fixed {
top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.submenu-fixed {
top: 70px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.submenu-fixed {
top: 100px;
}
}
.col-wrap {
display: grid;
grid-template-columns: 33.333333% 33.333333% 33.333333%;
}
@media only screen and (max-width: 480px) {
.col-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.col-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.col-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.col-wrap {
grid-template-columns: 33.333333% 33.333333% 33.333333%;
}
}
@media only screen and (min-width: 1025px) {
.col-wrap {
grid-template-columns: 33.333333% 33.333333% 33.333333%;
}
}
.col-wrap .col-date {
padding-left: 1.5rem;
}
@media only screen and (max-width: 480px) {
.col-wrap .col-date {
padding-left: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.col-wrap .col-date {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.col-wrap .col-date {
padding-left: 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.col-wrap .col-date {
padding-left: 0.5rem;
}
}
@media only screen and (min-width: 1025px) {
.col-wrap .col-date {
padding-left: 1.5rem;
}
}
.col-wrap .col-date .card {
background-color: #FFF;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
margin-bottom: 1rem;
border: 1px solid #bbbbbb;
height: 98%;
}
.col-wrap .col-date .card .title {
background-color: #edf1f2;
min-height: 95.97px;
display: grid;
align-items: center;
}
.col-wrap .col-date .card .title h3 {
/*color: #1f1f1f !important;*/
font-family: "Montserrat";
font-weight: bold;
font-size: 1.3rem;
text-align: center;
padding: 1.4rem 3rem;
margin: 0;
}
@media only screen and (max-width: 480px) {
.col-wrap .col-date .card .title h3 {
padding: 1.2rem 2.5rem;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.col-wrap .col-date .card .title h3 {
padding: 1rem 2rem;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.col-wrap .col-date .card .title h3 {
padding: 1rem 2rem;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.col-wrap .col-date .card .title h3 {
padding: 1rem 2rem;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 1025px) {
.col-wrap .col-date .card .title h3 {
padding: 1.4rem 3rem;
font-size: 1.3rem;
}
}
.col-wrap .col-date .card .subHead {
background-color: #009c7a;
padding: 0.7rem 1.2rem;
color: #FFF;
font-size: 1.1rem !important;
margin-top: 0;
margin-bottom: 0.5rem;
}
@media only screen and (max-width: 480px) {
.col-wrap .col-date .card .subHead {
font-size: 1rem !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.col-wrap .col-date .card .subHead {
font-size: 1rem !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.col-wrap .col-date .card .subHead {
font-size: 1rem !important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.col-wrap .col-date .card .subHead {
font-size: 1.1rem !important;
}
}
@media only screen and (min-width: 1025px) {
.col-wrap .col-date .card .subHead {
font-size: 1.1rem !important;
}
}
.col-wrap .col-date .card .subHead .icn {
margin-right: 0.5rem;
font-size: 1.2rem;
}
.col-wrap .col-date .card .card-content {
padding: 2rem;
}
.col-wrap .col-date .card .card-content .timeline-container {
border-left: 2px solid #009c7a;
padding-left: 2rem;
padding-bottom: 1.5rem;
margin-bottom: -5px;
position: relative;
}
.col-wrap .col-date .card .card-content .timeline-container p {
margin: 0.2rem 0;
line-height: 1.4rem;
font-size: 0.95rem;
}
.col-wrap .col-date .card .card-content .timeline-container p a {
color: #009c7a;
font-weight: bold;
}
.col-wrap .col-date .card .card-content .timeline-container p a:hover {
text-decoration: underline;
}
.col-wrap .col-date .card .card-content .timeline-container::before {
content: "";
position: absolute;
left: -11px;
top: 0;
background-color: #FFF;
border: 2px solid #009c7a;
width: 20px;
height: 20px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
}
.col-wrap .col-date .card .card-content .last {
border-left: 2px solid #FFF;
}
.col-wrap .col-date .card .card-content .icon-content {
display: grid;
grid-template-columns: 15% 85%;
padding-bottom: 1.5rem;
}
.col-wrap .col-date .card .card-content .icon-content .ic-icon {
/*align-items: center;
display: grid;*/
}
.col-wrap .col-date .card .card-content .icon-content .ic-icon .icon {
color: #009c7a;
font-size: 1.7rem;
margin-top: 0.4rem;
}
@media only screen and (max-width: 480px) {
.col-wrap .col-date .card .card-content .icon-content .ic-icon .icon {
margin-left: -0.5rem;
}
}
.col-wrap .col-date .card .card-content .icon-content p {
margin: 0.2rem 0;
line-height: 1.4rem;
font-size: 0.95rem;
}
.col-wrap .col-date .card .card-content .icon-content p a {
color: #009c7a;
font-weight: bold;
}
.col-wrap .col-date .card .card-content .icon-content p a:hover {
text-decoration: underline;
}
.col-wrap .col-date .card .card-content .icon-content p .btn {
font-size: 0.95rem;
}
@media only screen and (max-width: 480px) {
.col-wrap .col-date .card .card-content .icon-content p .btn {
font-size: 0.85rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.col-wrap .col-date .card .card-content .icon-content p .btn {
font-size: 0.85rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.col-wrap .col-date .card .card-content .icon-content p .btn {
font-size: 0.85rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.col-wrap .col-date .card .card-content .icon-content p .btn {
font-size: 0.85rem;
}
}
@media only screen and (min-width: 1025px) {
.col-wrap .col-date .card .card-content .icon-content p .btn {
font-size: 0.95rem;
}
}
.col-wrap .col-date .frame {
border: 2px solid #009c7a;
/*padding: 0.6rem;*/
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
margin-right: 0.5rem;
width: 70px;
height: 70px;
vertical-align: middle;
margin-bottom: 1rem;
}
.col-wrap .col-date .frame img {
width: 100%;
margin: auto;
}
.col-wrap .col-date .icon-container {
display: grid;
grid-template-columns: 10% 90%;
}
.col-wrap .col-date .icon-container p {
margin: 0.5rem 0;
line-height: 1.4rem;
font-size: 0.95rem;
}
.col-wrap .col-date .icon-container .ic-icon {
/*align-items: center;
display: grid;*/
padding-top: 0.7rem;
}
.col-wrap .col-date .icon-container .ic-icon .icn {
color: #009c7a;
font-size: 1.1rem;
}
.col-wrap .col-date .webix_form {
width: 100% !important;
height: auto !important;
padding-bottom: 1.5rem;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
border: 1px solid #bbbbbb;
}
.col-wrap .col-date .webix_form .webix_view {
width: 100% !important;
}
.col-wrap .col-date .webix_form .webix_view label, .col-wrap .col-date .webix_form .webix_view .webix_el_box {
width: 92% !important;
font-family: "Montserrat";
font-weight: bold;
color: #005758;
}
.col-wrap .col-date .webix_form .webix_view label .webix_custom_checkbox, .col-wrap .col-date .webix_form .webix_view .webix_el_box .webix_custom_checkbox {
border: 1px solid #005758;
}
.col-wrap .col-date .webix_form .webix_view label input, .col-wrap .col-date .webix_form .webix_view label select, .col-wrap .col-date .webix_form .webix_view .webix_el_box input, .col-wrap .col-date .webix_form .webix_view .webix_el_box select {
width: 100% !important;
}
.col-wrap .col-date .webix_form .webix_view label a:active .webix_custom_checkbox, .col-wrap .col-date .webix_form .webix_view label a:focus .webix_custom_checkbox, .col-wrap .col-date .webix_form .webix_view .webix_el_box a:active .webix_custom_checkbox, .col-wrap .col-date .webix_form .webix_view .webix_el_box a:focus .webix_custom_checkbox {
border: 1px solid #009c7a;
box-shadow: 0 0 1px #009c7a inset;
}
.col-wrap .col-date .webix_form .webix_view label .webix_custom_checkbox:before, .col-wrap .col-date .webix_form .webix_view .webix_el_box .webix_custom_checkbox:before {
color: #009c7a;
}
.col-wrap .col-date .webix_form .webix_view label input:focus, .col-wrap .col-date .webix_form .webix_view .webix_el_box input:focus {
border: 1px solid #009c7a;
box-shadow: 0 0 1px #009c7a inset;
}
.col-wrap .col-date .webix_form .webix_view label .webixtype_base, .col-wrap .col-date .webix_form .webix_view .webix_el_box .webixtype_base {
background-color: #009c7a;
border: 1px solid #009c7a;
border-bottom: 1px solid #009c7a;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.col-wrap .col-date .webix_form .webix_view label .webixtype_base:hover, .col-wrap .col-date .webix_form .webix_view .webix_el_box .webixtype_base:hover {
background-color: #005758;
border: 1px solid #005758;
border-bottom: 1px solid #005758;
}
.col-wrap .col-date .yellow {
margin-top: -6.5rem;
}
@media only screen and (max-width: 480px) {
.col-wrap .col-date .yellow {
margin-top: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.col-wrap .col-date .yellow {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.col-wrap .col-date .yellow {
margin-top: 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.col-wrap .col-date .yellow {
margin-top: -6.5rem;
}
}
@media only screen and (min-width: 1025px) {
.col-wrap .col-date .yellow {
margin-top: -6.5rem;
}
}
.col-wrap .col-date .yellow .webix_all_segments,
.col-wrap .col-date .yellow .webix_el_group {
white-space: unset;
}
.col-wrap .col-date .yellow h2 {
display: block;
text-align: center;
font-family: "Montserrat";
font-weight: bold;
font-size: 1.2rem;
background-color: #d1e7dd;
padding: 1rem 0;
}
.col-wrap .col-date .yellow h3 {
margin: 0;
padding: 1.2rem 0;
text-align: center;
background-color: #fac13a;
color: #000 !important;
font-size: 1.2rem;
font-family: "Montserrat";
font-weight: bold;
}
.col-wrap .col-date .yellow p {
margin: 0;
padding: 1rem;
color: #505050;
font-size: 1rem;
font-family: "Montserrat";
line-height: 1.3rem;
text-align: center;
margin-bottom: -1rem;
}
.col-wrap .col-date .yellow .webix_el_button, .col-wrap .col-date .yellow .webix_el_button .webix_el_box,
.col-wrap .col-date .yellow .webix_el_checkbox, .col-wrap .col-date .yellow .webix_el_checkbox .webix_el_box {
height: auto !important;
}
.col-wrap .col-date .yellow .webix_label_right {
line-height: 1.3rem;
}
.col-wrap .col-date .yellow .webix_custom_checkbox {
margin-top: 6px;
}
.col-wrap .col-date .yellow .webixtype_base {
background-color: #fac13a !important;
color: #000 !important;
font-weight: bold;
font-size: 0.95rem;
font-family: "Montserrat";
border: 1px solid #fac13a !important;
border-bottom: 1px solid #fac13a !important;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 0.5rem;
}
.col-wrap .col-date .yellow .webixtype_base:hover {
background-color: #fbb000 !important;
border: 1px solid #fbb000 !important;
border-bottom: 1px solid #fbb000 !important;
}
.col-wrap .first {
padding-left: 0;
}
.eduProg .DiscIcon {
color: #005758;
}
.eduProg .btn {
background-color: #005758 !important;
}
.newsList, #conferencesList, #events_list {
padding: 0;
list-style: none;
margin: 0 !important;
font-size: 0.9rem;
}
.newsList li.listHeader, .newsList li.listHeader, #conferencesList li.listHeader, #conferencesList li.listHeader, #events_list li.listHeader, #events_list li.listHeader {
width: 100%;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
background-color: #005758 !important;
background-image: none !important;
color: #ffffff !important;
font-weight: bold;
padding: 5px 0 !important;
}
.newsList li.listHeader span, .newsList li.listHeader span, #conferencesList li.listHeader span, #conferencesList li.listHeader span, #events_list li.listHeader span, #events_list li.listHeader span {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
padding-left: 1rem;
width: 100px;
font-size: 0.9rem;
}
.newsList li, #conferencesList li, #events_list li {
margin-bottom: 10px;
list-style: none !important;
}
.newsList li span, #conferencesList li span, #events_list li span {
width: 100px;
}
.newsList li a, .newsList li span, #conferencesList li a, #conferencesList li span, #events_list li a, #events_list li span {
display: table-cell;
padding: 0.1rem;
font-size: 0.9rem;
}
#employers_tabs .e_tabs {
list-style-type: none;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
}
@media only screen and (min-width: 1025px) {
#employers_tabs .e_tabs {
max-width: 60rem;
}
}
#employers_tabs .e_tabs li {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
float: left !important;
margin: 0px;
width: 240px;
text-align: center;
margin-bottom: 5px;
}
@media only screen and (max-width: 480px) {
#employers_tabs .e_tabs li {
width: 100%;
margin-bottom: 3px;
}
}
#employers_tabs .e_tabs li a {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
background-color: #ffffff;
color: #005758;
font-size: 0.8rem;
font-weight: bold;
text-align: center;
width: 230px;
padding: 0.4rem;
line-height: 23px;
border: 1px #005758 solid;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
@media only screen and (max-width: 480px) {
#employers_tabs .e_tabs li a {
width: 100%;
font-size: 0.9rem;
}
}
#employers_tabs .e_tabs li a:hover {
text-decoration: none;
background-color: #009c7a;
border: 1px #009c7a solid;
color: #ffffff;
}
.employersList {
list-style-type: none;
margin: 0;
padding: 0;
}
.employersList li {
position: relative;
float: left;
display: block;
margin: 10px;
height: 425px;
width: 250px;
border: 1px silver solid;
text-align: center;
box-shadow: 0 0px 11px 0 rgba(0, 0, 0, 0.1), 0 4px 15px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 480px) {
.employersList li {
width: 100%;
height: auto;
padding-bottom: 4rem;
margin: 1rem 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.employersList li {
width: 45%;
height: 400px;
margin: 10px 0;
margin-right: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.employersList li {
float: none;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 32%;
margin: 10px auto;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.employersList li {
margin: 5px;
width: 22%;
height: 380px;
}
}
.employersList li img {
background-color: #e5e5e5;
border: 1px solid #e5e5e5;
width: 70%;
height: auto;
margin: 1rem auto;
display: block;
float: none !important;
}
@media only screen and (max-width: 480px) {
.employersList li img {
width: 55%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.employersList li img {
width: 55%;
}
}
.employersList li p {
margin: 0;
padding: 0 5px;
text-indent: 0;
text-align: center;
font-size: 0.9rem;
margin-bottom: 5px;
}
@media only screen and (max-width: 480px) {
.employersList li p {
font-size: 1rem;
}
}
.employersList li a {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
position: absolute;
bottom: 5px;
right: 0;
line-height: 1rem;
padding: 0.5rem 0;
width: 100%;
background-color: #009c7a;
color: #ffffff;
font-size: 0.8rem;
border: 1px #009c7a solid;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
@media only screen and (max-width: 480px) {
.employersList li a {
font-size: 0.9rem;
padding: 1rem 0;
}
}
.employersList li a:hover {
border: 1px silver solid;
background-color: #ffffff;
color: #005758;
text-decoration: none;
}
.employersList li .description {
display: none;
}
.employersList li .description .descStyle {
padding: 1rem;
}
.employersList li .description .descStyle img {
margin: 5px 30px 10px 5px;
float: left;
}
.employeeProfile .linkbutton {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
background-color: #005758;
color: #FFFFFF !important;
font-weight: bold;
font-size: 0.9rem;
padding: 5px 20px;
text-decoration: none;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
margin-top: 1rem;
}
.employeeProfile .linkbutton:hover {
background-color: #009c7a;
text-decoration: none !important;
}
.employeeProfile .profileHead {
width: 100%;
min-height: 150px;
margin: 60px auto 20px auto;
border: 1px #a1a1a1 solid;
position: relative;
box-shadow: 0 0px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileHead {
margin: 40px auto;
}
}
.employeeProfile .profileHead .tabs-container {
border-bottom: 2px #005758 solid;
z-index: -1;
width: auto;
height: 36px;
margin-top: -36px;
padding-left: 163px;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileHead .tabs-container {
width: 100%;
border-bottom: none;
padding-left: 0;
position: absolute;
bottom: -42px;
z-index: 1;
}
}
.employeeProfile .profileHead .tabs-container a {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
cursor: pointer;
height: 35px;
font-size: 0.9rem;
line-height: 35px;
text-align: center;
text-decoration: none;
color: #005758;
padding: 0 20px;
font-weight: bold;
background-color: #FFFFFF;
border: 1px #005758 solid;
margin: 0 -2px;
cursor: pointer;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileHead .tabs-container a {
font-size: 0.7rem;
padding: 0 12px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.employeeProfile .profileHead .tabs-container a {
font-size: 0.8rem;
padding: 0 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.employeeProfile .profileHead .tabs-container a {
font-size: 0.8rem;
}
}
.employeeProfile .profileHead .tabs-container a:hover {
background-color: #009c7a;
color: #FFF !important;
text-decoration: none !important;
border: 1px #009c7a solid;
}
.employeeProfile .profileHead .tabs-container .active {
background-color: #005758;
color: #FFFFFF !important;
}
.employeeProfile .profileHead img {
position: absolute;
width: 152px;
height: 192px;
padding: 5px;
background: white;
border: 1px solid silver;
margin-left: 10px !important;
margin-top: -40px !important;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileHead img {
position: relative;
width: 50%;
height: auto;
display: block;
margin: 0 auto;
margin-left: auto !important;
margin-top: 10px !important;
}
}
.employeeProfile .profileHead .field {
margin-left: 180px;
margin-top: 10px;
margin-bottom: 40px;
width: 480px;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileHead .field {
width: 94%;
margin: 10px;
}
}
.employeeProfile .profileHead .field .name {
color: #005758;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 1rem;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileHead .field .name {
text-align: center;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 1025px) {
.employeeProfile .profileHead .field .name {
padding: 0;
}
}
.employeeProfile .profileHead .field .department {
margin-bottom: 2rem;
}
.employeeProfile .profileHead .field span {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 100%;
font-size: 1rem;
color: #303030;
margin-top: 5px;
}
.employeeProfile .profileHead .field .key, .employeeProfile .profileHead .field .value {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
font-size: 0.9rem;
margin-bottom: 0.5rem;
color: #303030;
}
.employeeProfile .profileHead .field .key {
width: 110px;
}
.employeeProfile .profileHead .field .value {
width: 360px;
font-weight: bold;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileHead .field .value {
width: 90%;
}
}
.employeeProfile .profileHead .contacts {
position: absolute;
right: 5px;
top: 5px;
width: 270px;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileHead .contacts {
position: relative;
width: 260px;
margin: 20px 10px;
right: 0;
top: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.employeeProfile .profileHead .contacts {
position: relative;
right: 0;
top: 0;
width: auto;
margin: 50px 10px 10px 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.employeeProfile .profileHead .contacts {
position: relative;
right: 0;
top: 0;
width: auto;
margin: 50px 10px 10px 10px;
}
}
.employeeProfile .profileHead .contacts .contacts-header {
color: #005758;
font-size: 1rem;
line-height: 20px;
font-weight: bold;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 100%;
border-bottom: 2px #005758 solid;
margin-bottom: 10px;
}
.employeeProfile .profileHead .contacts span.label {
font-size: 0.9rem !important;
display: block !important;
margin-bottom: 0.1rem !important;
}
.employeeProfile .profileHead .contacts span:nth-child(n+2) {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: auto;
margin: 3px 15px;
font-size: 1rem;
margin-bottom: 1rem;
color: #303030;
}
.employeeProfile .profileContent {
border: 1px #a1a1a1 solid;
width: 100%;
min-height: 150px;
margin: 10px auto 20px auto;
padding: 10px 0;
font-size: 12px;
text-align: justify;
color: #444444;
box-shadow: 0 0px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.employeeProfile .profileContent p, .employeeProfile .profileContent div {
margin: 10px 20px;
font-size: 0.9rem;
}
.employeeProfile .profileContent ul li {
font-size: 0.9rem !important;
}
.employeeProfile .profileContent .table-container {
margin: 0;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileContent .table-container {
width: 80vw;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.employeeProfile .profileContent .table-container {
width: 97vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.employeeProfile .profileContent .table-container {
width: 87vw;
}
}
.employeeProfile .profileContent .table-container table tr td, .employeeProfile .profileContent .table-container table tr td p {
font-size: 0.8rem;
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileContent #tab2 {
padding-top: 2rem;
}
}
@media only screen and (max-width: 480px) {
.employeeProfile .profileContent #tab2 .linkbutton {
margin-top: -3rem;
margin-right: -1.5rem;
}
}
.elumkd {
width: 100%;
}
.elumkd .elumkdVideo,
.elumkd .elumkdTitle,
.elumkd .CourseName,
.elumkd .CourseAuthor,
.elumkd .Courselabel,
.elumkd .elumkdSchedule,
.elumkd .elumkdLinks,
.elumkd .elumkdSchedule .ScheduleHeader {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
.elumkd .elumkdContent {
border: 1px #BEBEBE solid;
overflow: hidden;
width: 100%;
margin: 10px auto 20px auto;
padding: 10px 10px;
font-size: 11px;
/*text-align: justify;*/
color: #444444;
box-shadow: 0 0px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.elumkd .elumkdContent .elumkdVideo {
float: left;
width: 50%;
height: auto;
/*min-height: 200px;*/
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.elumkd .elumkdContent .elumkdVideo {
min-height: 200px;
}
}
@media only screen and (min-width: 1025px) {
.elumkd .elumkdContent .elumkdVideo {
min-height: 200px;
}
}
.elumkd .elumkdContent .elumkdTitle {
width: 50%;
height: 70px;
border: 1px #005758 solid;
padding: 5px 10px;
float: left;
background-color: #005758;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
color: #FFF !important;
}
.elumkd .elumkdContent .elumkdTitle .Courselabel, .elumkd .elumkdContent .elumkdTitle .CourseAuthor {
width: 100%;
text-align: right;
color: #FFFFFF;
}
.elumkd .elumkdContent .elumkdTitle .Courselabel {
font-size: 0.8rem;
}
.elumkd .elumkdContent .elumkdTitle .CourseAuthor {
font-size: 1rem;
}
.elumkd .elumkdContent .elumkdTitle:hover {
background-color: #009c7a;
text-decoration: none !important;
border: 1px #009c7a solid;
}
.elumkd .elumkdContent .elumkdSchedule {
width: 25%;
border: 1px #BEBEBE solid;
padding: 0;
float: left;
}
.elumkd .elumkdContent .elumkdSchedule .ScheduleHeader {
width: 100%;
font-size: 0.9rem;
text-align: center;
font-weight: bold;
line-height: 1.2rem;
color: #005758;
}
.elumkd .elumkdContent .elumkdSchedule .day {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 100%;
height: 28px;
line-height: 27px;
text-indent: 40px;
font-size: 0.8rem;
font-weight: bold;
background-color: #EEEEEE;
background-image: url(https://www.ektu.kz/img/yesno.png);
background-repeat: no-repeat;
background-position: 5px -27px;
color: #B4B4B4;
border-top: 1px #B4B4B4 solid;
border-bottom: 1px #B4B4B4 solid;
}
.elumkd .elumkdContent .elumkdSchedule .activeDay {
background-color: #009c7a;
color: #FFFFFF;
border-top: 1px #B4B4B4 solid;
border-bottom: 1px #B4B4B4 solid;
background-position: 5px 0;
}
.elumkd .elumkdInfoGraf {
width: 25%;
height: 190px;
border: 1px #BEBEBE solid;
float: left;
text-align: center;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.elumkd .elumkdInfoGraf span {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 145px;
background-image: url(https://www.ektu.kz/img/infograph1.png);
background-repeat: no-repeat;
padding-top: 55px;
text-align: center;
color: #009c7a;
font-size: 1rem;
font-weight: bold;
margin-top: 35px;
}
.elumkd .elumkdInfoGraf:hover {
background-color: #009c7a;
}
.elumkd .elumkdInfoGraf:hover span {
background-position: 0 -100px;
color: #FFFFFF;
}
.elumkd .elumkdLinks {
width: 25%;
height: 50px;
line-height: 50px;
border: 1px #BEBEBE solid;
padding: 5px 10px;
float: left;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
display: grid;
align-items: center;
}
.elumkd .elumkdLinks span {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 100%;
text-align: center;
font-size: 0.8rem;
line-height: 1rem;
font-weight: bold;
color: #005758;
vertical-align: middle;
}
.elumkd .elumkdLinksActive {
background-color: #005758;
}
.elumkd .elumkdLinksActive span {
color: #FFF !important;
}
.elumkd .elumkdLinks:hover {
background-color: #009c7a;
text-decoration: none !important;
}
.elumkd .elumkdLinks:hover span {
color: #FFF !important;
}
.elumkd .elumkdAccordian {
clear: both;
}
.elumkd .elumkdAccordian .profileContent-header {
color: #005758;
font-weight: bold;
font-size: 1rem;
margin: 10px 0 0 0;
display: block;
}
@media only screen and (max-width: 480px) {
.elumkd .elumkdAccordian .table-container {
width: 87vw;
}
}
.elumkd .elumkdAccordian .table-container table {
width: 100% !important;
}
.elumkd .elumkdContent .elumkdVideo,
.elumkd .elumkdContent .elumkdTitle {
width: 50%;
}
@media only screen and (max-width: 480px) {
.elumkd .elumkdContent .elumkdVideo,
.elumkd .elumkdContent .elumkdTitle {
width: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.elumkd .elumkdContent .elumkdVideo,
.elumkd .elumkdContent .elumkdTitle {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.elumkd .elumkdContent .elumkdVideo,
.elumkd .elumkdContent .elumkdTitle {
width: 100%;
}
}
.elumkd .elumkdContent .elumkdSchedule,
.elumkd .elumkdContent .elumkdInfoGraf,
.elumkd .elumkdLinks {
width: 25%;
}
@media only screen and (max-width: 480px) {
.elumkd .elumkdContent .elumkdSchedule,
.elumkd .elumkdContent .elumkdInfoGraf,
.elumkd .elumkdLinks {
width: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.elumkd .elumkdContent .elumkdSchedule,
.elumkd .elumkdContent .elumkdInfoGraf,
.elumkd .elumkdLinks {
width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.elumkd .elumkdContent .elumkdSchedule,
.elumkd .elumkdContent .elumkdInfoGraf,
.elumkd .elumkdLinks {
width: 50%;
}
}
#xsltsearch {
margin-bottom: 2rem;
}
#xsltsearch fieldset {
border: none;
display: flex;
flex-flow: row wrap;
align-items: center;
}
#xsltsearch fieldset .searchfield {
/*display: block;*/
width: calc(100% - 4rem);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #303030;
background-color: #FFF;
background-clip: padding-box;
border: 1px solid #dee2e6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#xsltsearch fieldset .searchbutton {
padding: 0.375rem 0.75rem;
color: #FFF;
font-size: 1rem;
font-weight: bold;
font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.5;
background-color: #009c7a;
border: 1px solid #009c7a;
width: 3rem;
border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
-webkit-border-radius: 0.375rem;
-khtml-border-radius: 0.375rem;
position: relative;
}
#xsltsearch fieldset .searchbutton:hover {
background-color: #005758;
border: 1px solid #005758;
}
#xsltsearch #xsltsearch_results p {
margin: 0.2rem 0;
}
#xsltsearch #xsltsearch_results .xsltsearch_result {
margin-bottom: 1.5rem;
}
#xsltsearch #xsltsearch_navigation {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
}
#xsltsearch #xsltsearch_navigation #previous, #xsltsearch #xsltsearch_navigation strong, #xsltsearch #xsltsearch_navigation a {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
padding: 0.4rem 0.9rem;
border: 1px solid #CCC;
font-size: 0.9rem;
}
@media only screen and (max-width: 480px) {
#xsltsearch #xsltsearch_navigation #previous, #xsltsearch #xsltsearch_navigation #next {
font-size: 0.8rem;
padding: 0.4rem 0.2rem;
white-space: nowrap;
}
}
#xsltsearch #xsltsearch_navigation strong {
background-color: #005758;
color: #FFF;
}
#xsltsearch #xsltsearch_navigation a:hover {
text-decoration: none !important;
background-color: #009c7a;
color: #FFF;
}
#xsltsearch #xsltsearch_navigation .disabled {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
}
#tabs .tabsLibrary {
margin: 20px 0 !important;
text-align: center;
list-style-type: none;
padding: 0;
height: auto;
width: 180px;
float: right;
}
#tabs .tabsLibrary li {
float: left;
padding: 0;
margin: 0 5px 5px 0;
list-style-type: none;
}
#tabs .tabsLibrary li a {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 49px;
background-color: #ffffff;
border: 1px solid silver;
margin: 0;
padding: 0;
color: #444;
font-weight: bold;
/*height: 25px;*/
padding: 0.2rem 0.6rem;
line-height: 25px;
float: left;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
#tabs .tabsLibrary li a:hover {
text-decoration: none !important;
background-color: #009c7a;
color: #FFF;
}
.RepoNav {
display: grid;
grid-template-columns: 35% 65%;
}
@media only screen and (max-width: 480px) {
.RepoNav {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.RepoNav {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.RepoNav {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.RepoNav {
grid-template-columns: 35% 65%;
}
}
@media only screen and (min-width: 1025px) {
.RepoNav {
grid-template-columns: 35% 65%;
}
}
.RepoNav .RepoNavItem {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
text-align: left;
margin-right: 10px;
}
.RepoNav .RepoNavItem .header- a {
background-color: #009c7a;
color: #fff !important;
font-weight: bold;
font-size: 1rem;
padding: 5px 10px 5px 10px;
display: block;
}
.RepoNav .RepoNavItem .subItem a {
display: block;
padding: 5px 0;
color: #444444 !important;
font-weight: bold;
padding-left: 10px;
}
.RepoNav .RepoNavItem ul {
padding-left: 20px;
padding-bottom: 10px;
margin: 0;
margin-bottom: 1rem !important;
}
.RepoNav .RepoNavItem ul li {
list-style: none;
}
.RepoNav .RepoNavItem ul li a {
display: block;
padding: 3px 0;
border-bottom: 1px #d2d2d2 solid;
}
.RepoNav .RepoCont .ui-state-active {
background: #2c5990;
border-color: #2c5990;
}
.RepoNav .RepoCont .ui-widget-content .DiscHeader {
display: block;
}
.RepoNav .RepoCont .ui-widget-content ul li {
list-style: none;
color: #2c5990;
}
.RepoNav .RepoCont .ui-widget-content ul li a {
color: #2c5990;
}
#main_conf {
position: relative;
display: block;
}
#main_conf #lastConf {
width: 100%;
border-bottom: 1px dashed silver;
position: relative;
margin-bottom: 10px;
padding-bottom: 10px;
}
#main_conf #lastConf .oneConf {
color: #545454;
}
#main_conf #lastConf .oneConf h2 {
font-size: 1.2rem;
line-height: 1.8rem;
margin: 1rem 0;
}
#main_conf #lastConf .oneConf a {
margin-top: 1rem;
display: block;
}
.slide_preview {
width: 900px;
height: 300px;
position: relative;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
overflow: hidden;
border: groove;
border-color: white;
margin: auto;
}
.slide_preview .slide_view_title {
background-image: url("/css/ektuCss/images/01.png");
position: absolute;
width: 100%;
height: 100px;
bottom: -100px;
text-align: center;
color: #FFFF66;
}
.slide_preview .slide_view_title p {
color: #FFF !important;
position: relative;
top: 45px;
font-size: 20px;
font-weight: normal;
display: block;
padding: 0px;
margin: 0px !important;
line-height: 0em;
text-indent: 5.8em !important;
}
#block_slide {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("/css/ektuCss/images/01.png");
background-position: left, right;
background-repeat: repeat;
display: none;
z-index: 999999;
}
#block_slide #view_slider {
width: 960px;
/*height:539px;*/
height: auto;
background-color: white;
background-size: cover;
position: absolute;
margin-left: -480px;
margin-top: -360px;
vertical-align: middle;
top: 50%;
left: 50%;
text-indent: auto !important;
line-height: auto !important;
display: flex;
align-items: center;
/*unselectable*/
}
#block_slide #view_slider img, #block_slide #view_slider a {
text-indent: auto !important;
line-height: 1.5em !important;
margin: 0px !important;
}
#block_slide #view_slider img {
width: 960px;
height: auto;
}
#block_slide #view_slider #slide_progress {
position: absolute;
top: 0;
width: 120px;
height: 30px;
background-image: url("/css/ektuCss/images/01.png");
color: white;
font-weight: bold;
font-size: 20px;
text-align: center;
}
#block_slide #view_slider #slide_progress a {
color: #FFF !important;
font-size: 20px;
}
#block_slide #view_slider #slide_progress a:hover {
text-decoration: none !important;
}
#block_slide #view_slider #go_left {
position: absolute;
left: 0px;
/*top:360px;*/
background-image: url("/css/ektuCss/images/01.png");
height: 60px;
width: 30px;
text-align: center;
border-radius: 0em 3em 3em 0em;
color: white;
font-size: 50px;
line-height: 1.2em !important;
text-indent: 0em !important;
font-family: "Times New Roman" !important;
cursor: pointer;
}
#block_slide #view_slider #go_right {
left: 930px;
/*top:360px;*/
position: absolute;
background-image: url("/css/ektuCss/images/01.png");
height: 60px;
width: 30px;
text-align: center;
border-radius: 3em 0em 0em 3em;
color: white;
font-size: 50px;
line-height: 1.2em !important;
text-indent: 0em !important;
font-family: "Times New Roman" !important;
cursor: pointer;
}
#block_slide #view_slider #go_left:hover, #block_slide #view_slider #go_right:hover {
background-color: grey;
}
#block_slide #view_slider #go_left, #block_slide #view_slider #go_right, #block_slide #view_slider #view_slider {
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */ /* IE10+ */
/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
.bufer {
display: none;
}
#sitemap ul li a {
font-weight: bold;
}
#sitemap ul li ul li a {
font-weight: bold;
}
#sitemap ul li ul li ul li a {
font-weight: 100;
}
#sitemap ul li ul li ul li ul li a {
font-weight: 100;
color: #009c7a;
}
.cards-wrap {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}
@media only screen and (max-width: 480px) {
.cards-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-wrap {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-wrap {
grid-template-columns: 33.333333% 33.333333% 33.333333%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.cards-wrap {
grid-template-columns: 25% 25% 25% 25%;
}
}
@media only screen and (min-width: 1025px) {
.cards-wrap {
grid-template-columns: 25% 25% 25% 25%;
}
}
.cards-wrap .card {
padding: 1rem;
margin: 0.7rem 0;
margin-right: 1rem;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border: 1px solid #d1d1d1;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
background-color: #FFF;
}
@media only screen and (max-width: 480px) {
.cards-wrap .card {
padding: 1rem;
margin-bottom: 0.5rem;
margin-right: 0;
border: 1px solid #d1d1d1;
/*box-shadow: 0 2px 6px $shadow;*/
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-wrap .card {
margin: 0.5rem;
border: 1px solid #d1d1d1;
height: 95%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-wrap .card {
margin: 0.5rem;
border: 1px solid #d1d1d1;
height: 95%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.cards-wrap .card {
margin: 0.2rem;
padding: 0.5rem;
}
}
@media only screen and (min-width: 1025px) {
.cards-wrap .card {
margin: 0.7rem 0;
margin-right: 1rem;
}
}
.cards-wrap .card .poster {
width: 100%;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
.cards-wrap .card .poster img {
width: 100%;
}
.cards-wrap .card .card-title {
margin-top: 1.2rem;
margin-bottom: 0.5rem;
font-weight: bold;
font-size: 1rem;
text-align: center;
}
.cards-wrap .card .news__date {
color: #7c7c7c;
font-size: 14px;
font-family: "Atyp";
font-weight: normal;
}
.cards-wrap .card .news-title {
padding: 0.5rem 0;
font-family: "Montserrat";
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
.cards-wrap .card:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
border: 1px solid #d1d1d1;
text-decoration: none !important;
/*background-color: $bg-gray-green;*/
/*@include box-shadow();*/
}
.cards-wrap .card:hover img {
opacity: 0.8;
transform: scale(1.03);
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.cards-wrap .card:hover .card-title {
/* color: #FFF !important;*/
}
#registryForm label {
display: block;
padding-top: 15px;
font-weight: bold;
}
#registryForm input {
border: 1px solid silver;
}
#registryForm input[type=submit] {
background-color: #009c7a;
color: #ffffff;
font-weight: bold;
margin-top: 20px;
padding: 5px 20px;
}
#registryForm input[type=submit]:hover {
background-color: #005758;
}
#registryForm input.fieldBig {
width: 425px;
height: 19px;
}
@media only screen and (max-width: 480px) {
#registryForm input.fieldBig {
width: 100%;
}
}
#registryForm table {
margin: 0 !important;
}
#registryForm table td {
border-style: none !important;
}
#registryForm table td label {
display: inline;
padding-left: 10px;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .ui-tabs-nav li {
width: 100% !important;
margin-bottom: 0.1rem !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .ui-tabs-nav li {
width: 100% !important;
margin-bottom: 0.1rem !important;
}
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .ui-tabs-nav li a {
width: 100% !important;
font-size: 0.9rem !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .ui-tabs-nav li a {
width: 100% !important;
font-size: 0.9rem !important;
}
}
.AdmissionDetails h3 {
max-width: 100%;
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .container {
padding: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .container {
padding: 0;
}
}
.AdmissionDetails .banner {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
display: grid;
grid-template-columns: 40% 60%;
position: relative;
margin-top: 0.5rem;
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .banner {
grid-template-columns: 100%;
padding: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .banner {
grid-template-columns: 100%;
padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.AdmissionDetails .banner {
grid-template-columns: 40% 60%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.AdmissionDetails .banner {
grid-template-columns: 40% 60%;
}
}
@media only screen and (min-width: 1025px) {
.AdmissionDetails .banner {
grid-template-columns: 40% 60%;
}
}
.AdmissionDetails .banner .wrap-text {
background-color: #005758;
display: grid;
align-items: center;
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .banner .wrap-text {
order: 1;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .banner .wrap-text {
order: 1;
}
}
.AdmissionDetails .banner .wrap-text h2 {
color: #FFF !important;
text-align: center;
}
.AdmissionDetails .banner .wrap-text div {
padding: 1rem 5rem;
text-align: center;
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .banner .wrap-text div {
padding: 1rem 2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .banner .wrap-text div {
padding: 1rem 3rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.AdmissionDetails .banner .wrap-text div {
padding: 1rem 3rem;
}
}
.AdmissionDetails .banner .wrap-text div .btn {
margin-top: 2rem;
font-weight: bold;
font-size: 1rem;
}
.AdmissionDetails .banner .wrap-text div .btn-yellow {
background-color: #fbb000 !important;
text-decoration: none !important;
}
.AdmissionDetails .banner .wrap-img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 340px;
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .banner .wrap-img {
min-height: 150px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .banner .wrap-img {
min-height: 250px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.AdmissionDetails .banner .wrap-img {
min-height: 300px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.AdmissionDetails .banner .wrap-img {
min-height: 340px;
}
}
@media only screen and (min-width: 1025px) {
.AdmissionDetails .banner .wrap-img {
min-height: 340px;
}
}
.AdmissionDetails .banner::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
content: "";
/*background: linear-gradient(to bottom,rgba(0,0,0,.48),#00000000);*/
background: linear-gradient(to top, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0));
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .banner::before {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .banner::before {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.AdmissionDetails .cards-wrap {
grid-template-columns: 50% 50%;
}
}
.AdmissionDetails .cards-wrap .card {
position: relative;
margin-top: 2rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
border: 1px solid #d1d1d1;
/*margin-right: 0;*/
}
.AdmissionDetails .cards-wrap .card .number {
font-size: 75px;
font-weight: 700;
color: #009c7a;
text-shadow: -5px 10px 60px;
position: absolute;
z-index: 8;
top: -30px;
right: 10px;
line-height: 1;
}
.AdmissionDetails .cards-wrap .card h3 {
font-size: 1.25rem;
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .cards-wrap .card h3 {
margin-top: 1.2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .cards-wrap .card h3 {
margin-top: 1.2rem;
}
}
.AdmissionDetails .cards-wrap .card p {
margin: 0.6rem 0;
font-size: 0.9rem;
line-height: 1.3rem;
}
.AdmissionDetails .cards-wrap .card p a {
font-weight: bold;
}
.AdmissionDetails .cards-wrap .card ul, .AdmissionDetails .cards-wrap .card ol {
margin-top: -0.5rem !important;
}
.AdmissionDetails .cards-wrap .card ul li, .AdmissionDetails .cards-wrap .card ol li {
font-size: 0.9rem !important;
margin-bottom: 5px !important;
}
.AdmissionDetails .cards-wrap .card ul li a, .AdmissionDetails .cards-wrap .card ol li a {
font-weight: bold;
font-size: 0.9rem !important;
line-height: 1.2rem !important;
}
.AdmissionDetails .cards-wrap .card:nth-child(4) {
margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.AdmissionDetails .cards-wrap .card:nth-child(2) {
margin-right: 0;
}
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .cards-wrap .card:nth-child(2) {
margin-right: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .cards-wrap .card:nth-child(2) {
margin-right: 0;
}
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .ui-tabs-panel {
padding: 0.7rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .ui-tabs-panel {
padding: 0.7rem;
}
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .ui-tabs-panel .ui-tabs-panel {
padding: 0.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .ui-tabs-panel .ui-tabs-panel {
padding: 0.5rem;
}
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .ui-tabs-panel .ui-tabs-panel .table-container {
margin-left: 0 !important;
margin-right: 0 !important;
width: 85vw !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .ui-tabs-panel .ui-tabs-panel .table-container {
margin-left: 0 !important;
margin-right: 0 !important;
width: 85vw !important;
}
}
@media only screen and (max-width: 480px) {
.AdmissionDetails .ui-tabs-panel .table-container {
margin-left: 0.2rem !important;
margin-right: 0 !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.AdmissionDetails .ui-tabs-panel .table-container {
margin-left: 0.2rem !important;
margin-right: 0 !important;
}
}
.AdmissionDetails .ui-tabs-panel h2 {
margin-top: 2.5rem;
margin-bottom: 1.5rem;
}
.AdmissionDetails .ui-tabs-panel p {
margin: 1rem 0;
}
.AdmissionDetails .ui-tabs-panel p a {
font-weight: bold;
}
.AdmissionDetails .ui-tabs-panel ul li a, .AdmissionDetails .ui-tabs-panel ol li a {
/*font-weight: bold; */
}
.adms .container {
background-color: #427c7c;
padding: 0.5rem 1rem;
margin-top: 1.5rem;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.adms .container .btn {
font-weight: bold;
font-size: 1rem;
margin: 0.5rem 0;
margin-right: 1rem;
line-height: 1rem;
padding: 0.7rem 2rem;
border: 1px #FFF solid;
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.adms .container .btn {
font-size: 0.8rem !important;
margin-right: 0.2rem !important;
padding: 0.6rem 0.8rem !important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.adms .container .btn {
font-size: 0.9rem !important;
margin-right: 0.2rem !important;
padding: 0.7rem 0.8rem !important;
}
}
.adms .container .btn-green {
background-color: #00a884 !important;
color: #FFF !important;
}
.adms .container .btn-green:hover {
background-color: #039575 !important;
}
.adms .container .btn-dark {
background-color: #005758 !important;
color: #FFF !important;
}
.adms .container .btn-dark:hover {
background-color: #014546 !important;
}
.adms .container .btn-group {
display: inline-block;
position: relative;
}
.adms .container .btn-group .dropdown-toggle {
padding-right: 1.75rem;
}
.adms .container .btn-group .dropdown-menu {
display: none;
}
.adms .container .btn-group::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.adms .container .btn-group:hover .dropdown-menu {
display: block;
position: absolute;
background-color: #FFF;
margin: 0 !important;
margin-top: 0.7rem !important;
list-style: none !important;
list-style-type: none !important;
left: 0;
z-index: 999;
width: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.adms .container .btn-group:hover .dropdown-menu li {
text-align: center;
list-style: none !important;
list-style-type: none !important;
margin-bottom: 0 !important;
}
.adms .container .btn-group:hover .dropdown-menu li a {
display: block;
width: 100%;
padding: 0.5rem;
}
.adms .container .btn-group:hover .dropdown-menu li a:hover {
text-decoration: none !important;
background-color: #f7f7f7;
}
/*altaycenter - begin */
.altaycenter .sm-title a {
display: block;
width: 170px;
height: 80%;
position: absolute;
top: 5px;
}
.altaycenter .staff-profile {
display: grid;
grid-template-columns: 25% 60%;
}
@media only screen and (max-width: 480px) {
.altaycenter .staff-profile {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .staff-profile {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .staff-profile {
grid-template-columns: 100%;
}
}
.altaycenter .staff-profile .photo-text {
padding-right: 1rem;
}
.altaycenter .staff-profile .photo-text img {
display: block;
width: 80%;
margin: 0 auto;
}
.altaycenter .staff-profile .photo-text p {
text-align: center;
color: #545454;
font-weight: bold;
font-size: 0.9rem;
line-height: 1.4rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .staff-profile .photo-text h5 {
display: block !important;
text-align: center;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .staff-profile .photo-text h5 {
display: block !important;
text-align: center;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .staff-profile .photo-text h5 {
display: block !important;
text-align: center;
font-size: 1.4rem;
}
}
.altaycenter .staff-profile .staff-content {
padding-left: 1rem;
}
.altaycenter .staff-profile .staff-content h2 {
margin-top: 0;
}
@media only screen and (max-width: 480px) {
.altaycenter .staff-profile .staff-content h2 {
display: none !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .staff-profile .staff-content h2 {
display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .staff-profile .staff-content h2 {
display: none !important;
}
}
.altaycenter .staff-profile .staff-content a {
font-weight: bold;
}
.altaycenter .altay-menupage {
display: grid;
grid-template-columns: 73% 27%;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .altay-menupage {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .altay-menupage {
grid-template-columns: 73% 27%;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .altay-menupage {
grid-template-columns: 73% 27%;
}
}
.altaycenter .altay-menupage .col-1 {
padding-right: 2rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 {
grid-area: 2/1;
padding-right: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 {
grid-area: 2/1;
padding-right: 0;
}
}
.altaycenter .altay-menupage .col-1 .staff-group {
padding: 0.5rem 1rem;
background-color: #005758;
color: #FFF !important;
position: relative;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
}
.altaycenter .altay-menupage .col-1 .staff-group:after {
content: "\f078";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
margin-top: -12px;
right: 20px;
}
.altaycenter .altay-menupage .col-1 .member {
display: grid;
grid-template-columns: 25% 75%;
margin: 1rem 0;
padding-top: 1rem;
padding-bottom: 2rem;
border-bottom: 1px solid #d5d5d5;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .member {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .member {
grid-template-columns: 100%;
}
}
.altaycenter .altay-menupage .col-1 .member .member-image img {
width: 90%;
margin: 0 auto;
display: block;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .member .member-image img {
width: 200px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .member .member-image img {
width: 200px;
}
}
.altaycenter .altay-menupage .col-1 .member .member-info {
padding-left: 2rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .member .member-info {
padding-left: 0;
text-align: center;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .member .member-info {
padding-left: 0;
text-align: center;
}
}
.altaycenter .altay-menupage .col-1 .member .member-info .member-subtitle {
color: #545454;
font-weight: bold;
font-size: 0.95rem;
}
.altaycenter .altay-menupage .col-1 .member .member-info a {
font-weight: bold;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .member .member-info h5 {
font-size: 1.5rem;
text-align: center;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .member .member-info h5 {
font-size: 1.5rem;
text-align: center;
}
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .member .member-info p {
text-align: center;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .member .member-info p {
text-align: center;
}
}
.altaycenter .altay-menupage .col-1 .historycontent {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .historycontent {
padding-left: 15px !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .historycontent {
padding-left: 15px !important;
}
}
.altaycenter .altay-menupage .col-1 .historycontent li {
float: left;
width: calc(50% + 1px);
padding-right: 33px;
text-align: right;
position: relative;
list-style-type: none !important;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .historycontent li {
width: 100%;
padding: 0;
float: none;
text-align: inherit;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .historycontent li {
width: 100%;
padding: 0;
float: none;
text-align: inherit;
}
}
.altaycenter .altay-menupage .col-1 .historycontent li .year-content {
padding: 0 30px 30px 30px;
background: #f1f2f8;
}
.altaycenter .altay-menupage .col-1 .historycontent li .year-content h3 {
margin: 0 0 15px 0;
font-size: 20px;
color: #ffffff !important;
line-height: 1.1;
font-weight: 700;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
display: inline-block;
padding: 10px 20px;
background-color: #005758;
transition: all 0.3s ease-in-out;
}
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n) {
float: right;
padding-left: 33px;
padding-right: 0;
text-align: left;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n) {
width: 100%;
padding: 0;
float: none;
text-align: inherit;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n) {
width: 100%;
padding: 0;
float: none;
text-align: inherit;
}
}
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n):before {
right: auto;
left: -2px;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n):before {
left: -18px;
right: auto;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n):before {
left: -18px;
right: auto;
}
}
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n):after {
right: auto;
left: -11px;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n):after {
left: -27px;
right: auto;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .historycontent li:nth-child(2n):after {
left: -27px;
right: auto;
}
}
.altaycenter .altay-menupage .col-1 .historycontent li:before {
width: 7px;
height: 7px;
background: #ffffff;
content: "";
position: absolute;
top: 4px;
right: -3px;
z-index: 1;
border-radius: 100%;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .historycontent li:before {
left: -18px;
right: auto;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .historycontent li:before {
left: -18px;
right: auto;
}
}
.altaycenter .altay-menupage .col-1 .historycontent li:after {
width: 25px;
height: 25px;
border: 5px solid #ffffff;
content: "";
position: absolute;
background-color: #18ba60;
top: -5px;
right: -12px;
border-radius: 100%;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .historycontent li:after {
left: -27px;
right: auto;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .historycontent li:after {
left: -27px;
right: auto;
}
}
.altaycenter .altay-menupage .col-1 .historycontent:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 4px;
margin-left: -2px;
background: #f1f2f8;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .historycontent:before {
left: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .historycontent:before {
left: 0;
}
}
.altaycenter .altay-menupage .col-1 .historycontent:after {
clear: both;
content: "";
display: table;
}
.altaycenter .altay-menupage .col-1 .tablecontent {
display: grid;
grid-template-columns: 20% 80%;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .tablecontent {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .tablecontent {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .altay-menupage .col-1 .tablecontent {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .altay-menupage .col-1 .tablecontent {
grid-template-columns: 20% 80%;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .altay-menupage .col-1 .tablecontent {
grid-template-columns: 20% 80%;
}
}
.altaycenter .altay-menupage .col-1 .tablecontent .hdr {
padding-right: 1rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .tablecontent .hdr {
padding-right: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .tablecontent .hdr {
padding-right: 0;
}
}
.altaycenter .altay-menupage .col-1 .tablecontent .hdr p {
color: #005758 !important;
font-weight: bold;
font-size: 1.1rem;
text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-menupage .col-1 .tablecontent .hdr p {
margin: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-menupage .col-1 .tablecontent .hdr p {
margin: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .altay-menupage .col-1 .tablecontent .hdr p {
margin: 0;
}
}
.altaycenter .altay-menupage .col-2 .altay-navbar {
background-color: #005758;
padding: 0.5rem 0 !important;
}
.altaycenter .altay-menupage .col-2 .altay-navbar ul {
list-style: none !important;
margin: 0 !important;
}
.altaycenter .altay-menupage .col-2 .altay-navbar ul li {
list-style: none !important;
margin: 0 !important;
}
.altaycenter .altay-menupage .col-2 .altay-navbar ul li a {
display: block;
position: relative;
padding: 15px 20px;
color: #FFF !important;
font-weight: bold;
word-wrap: break-word;
}
.altaycenter .altay-menupage .col-2 .altay-navbar ul li a:hover {
color: #FFF !important;
text-decoration: none !important;
background-color: #009c7a !important;
}
.altaycenter .altay-menupage .col-2 .altay-navbar ul li a:before {
content: "\f054";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
margin-top: -12px;
right: 20px;
}
.altaycenter .altay-menupage .col-2 .altay-navbar ul li a.active {
color: #005758 !important;
background-color: #f7f7f7 !important;
}
.altaycenter .altay-menupage .col-2 .altay-navbar ul li a.active:before {
content: "\f054";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
color: #009c7a;
position: absolute;
top: 50%;
margin-top: -12px;
right: 20px;
}
.altaycenter .altay-menupage .col-2 .altay-navbar ul li a.active:after {
width: 5px;
height: 100%;
left: -5px;
top: 0;
content: "";
position: absolute;
background-color: #009c7a;
}
.altaycenter .wa-form {
display: grid;
grid-template-columns: 33.2% 66.8%;
}
@media only screen and (max-width: 480px) {
.altaycenter .wa-form {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .wa-form {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .wa-form {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .wa-form {
grid-template-columns: 33.2% 66.8%;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .wa-form {
grid-template-columns: 33.2% 66.8%;
}
}
.altaycenter .wa-form .flat-contact-us, .altaycenter .wa-form .wa-inputs {
padding: 1rem;
}
.altaycenter .wa-form h1, .altaycenter .wa-form h2, .altaycenter .wa-form h3, .altaycenter .wa-form h4, .altaycenter .wa-form h5, .altaycenter .wa-form h6 {
margin: 0;
}
.altaycenter .wa-form input, .altaycenter .wa-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #999;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
.altaycenter .title-no-margin-top {
font-size: 1.8rem;
text-transform: uppercase;
}
.altaycenter .contact-wrap {
display: grid;
grid-template-columns: 33.3333333% 33.3333333% 33.3333333%;
}
@media only screen and (max-width: 480px) {
.altaycenter .contact-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .contact-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .contact-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .contact-wrap {
grid-template-columns: 33.3333333% 33.3333333% 33.3333333%;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .contact-wrap {
grid-template-columns: 33.3333333% 33.3333333% 33.3333333%;
}
}
.altaycenter .contact-wrap .card {
margin: 2rem 1rem;
padding: 0 2rem;
background-color: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 480px) {
.altaycenter .contact-wrap .card {
margin: 0.5rem 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .contact-wrap .card {
margin: 0.5rem 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .contact-wrap .card {
margin: 0.5rem 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .contact-wrap .card {
margin: 2rem 1rem;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .contact-wrap .card {
margin: 2rem 1rem;
}
}
.altaycenter .contact-wrap .card i {
width: 60px;
height: 60px;
background-color: #005758;
color: #FFF;
font-size: 1.2rem;
line-height: 60px;
text-align: center;
padding-left: 5px;
}
.altaycenter .contact-wrap .card .box-title {
text-transform: uppercase;
margin-top: 2rem;
}
.altaycenter .contact-wrap .card a {
color: #009c7a;
font-weight: bold;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.altaycenter .contact-wrap .card a:hover {
color: #005758;
cursor: pointer;
}
.altaycenter .contact-wrap .card:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
cursor: pointer;
transform: translateY(-5px);
}
.altaycenter .contact-wrap .card:hover i {
background-color: #009c7a;
}
.altaycenter .row-services-white {
padding: 0.1rem 0 !important;
}
.altaycenter .row-services-white .s-header {
color: #005758 !important;
margin-bottom: 1.2rem;
}
.altaycenter .row-services-white .s-header i {
border: 2px solid #009c7a !important;
}
.altaycenter .row-services-white p {
color: #303030 !important;
}
.altaycenter .row-services-white .services-list {
grid-template-columns: 100%;
}
.altaycenter .row-services .news-main-header {
position: relative;
padding-bottom: 1.5rem !important;
}
.altaycenter .row-services .news-main-header:before {
width: 80%;
height: 1px;
content: "";
position: absolute;
left: 65px;
bottom: 1px;
background: rgba(241, 242, 248, 0.1);
}
.altaycenter .row-services .news-main-header:after {
width: 50px;
height: 3px;
content: "";
position: absolute;
left: 0;
bottom: 0px;
background-color: #18ba60;
}
.altaycenter .services-list {
grid-template-columns: 50% 50%;
margin-top: 2rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .services-list {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .services-list {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .services-list {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .services-list {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .services-list {
grid-template-columns: 50% 50%;
}
}
.altaycenter .services-list .col-1 {
padding-right: 1rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .services-list .col-1 {
padding-right: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .services-list .col-1 {
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .services-list .col-1 {
padding-right: 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .services-list .col-1 {
padding-right: 1rem;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .services-list .col-1 {
padding-right: 1rem;
}
}
.altaycenter .services-list .col-2 {
padding-left: 1rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .services-list .col-2 {
padding-left: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .services-list .col-2 {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .services-list .col-2 {
padding-left: 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .services-list .col-2 {
padding-left: 1rem;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .services-list .col-2 {
padding-left: 1rem;
}
}
.altaycenter .services-list .col-1 .s-header, .altaycenter .services-list .col-2 .s-header {
color: #FFF;
font-weight: bold;
position: relative;
text-transform: uppercase;
display: block;
padding-left: 3rem;
}
.altaycenter .services-list .col-1 .s-header i, .altaycenter .services-list .col-2 .s-header i {
position: absolute;
left: 0;
border: 2px solid #FFF;
width: 28px;
height: 28px;
text-align: center;
line-height: 26px;
margin-right: 15px;
color: #18ba60;
}
.altaycenter .services-list .col-1 .s-header i:before, .altaycenter .services-list .col-2 .s-header i:before {
padding-left: 4px;
}
.altaycenter .services-list .col-1 p, .altaycenter .services-list .col-2 p {
color: rgba(216, 231, 239, 0.75);
margin-top: 1rem;
margin-bottom: 3rem;
font-size: 0.95rem;
}
.altaycenter .row-quote {
background-color: #18ba60;
padding: 5rem 0;
background-image: url(/files/Altaytanu/bg-parallax3.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50px;
background-attachment: fixed;
}
@media only screen and (max-width: 480px) {
.altaycenter .row-quote {
padding: 2rem 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .row-quote {
padding: 2rem 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .row-quote {
padding: 3rem 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .row-quote {
padding: 4rem 0;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .row-quote {
padding: 5rem 0;
}
}
.altaycenter .row-quote .home-title {
color: #FFF;
padding: 0 5rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .row-quote .home-title {
padding: 0 0.5rem;
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .row-quote .home-title {
padding: 0 1rem;
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .row-quote .home-title {
padding: 0 2rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .row-quote .home-title {
padding: 0 3rem;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .row-quote .home-title {
padding: 0 5rem;
}
}
.altaycenter .row-quote .home-title p {
color: #FFF;
font-weight: bold;
font-size: 1.5em;
line-height: 2.6rem;
text-transform: uppercase;
text-align: center;
}
@media only screen and (max-width: 480px) {
.altaycenter .row-quote .home-title p {
font-size: 1.2rem;
line-height: 2.1rem;
text-transform: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .row-quote .home-title p {
font-size: 1.2rem;
line-height: 2.1rem;
text-transform: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .row-quote .home-title p {
font-size: 1.2rem;
line-height: 2.1rem;
text-transform: none;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .row-quote .home-title p {
font-size: 1.3em;
line-height: 2.3rem;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .row-quote .home-title p {
font-size: 1.5em;
line-height: 2.6rem;
}
}
.altaycenter .row-quote .home-title .citation-author {
display: block;
text-align: right;
font-weight: bold;
color: #FFF;
font-size: 1.2rem;
}
.altaycenter .altay-publication {
display: grid;
grid-template-columns: 70% 30%;
margin-top: 1rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-publication {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-publication {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .altay-publication {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .altay-publication {
grid-template-columns: 70% 30%;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .altay-publication {
grid-template-columns: 70% 30%;
}
}
.altaycenter .altay-publication .project-detail {
border-right: 1px solid rgba(54, 70, 115, 0.2);
padding-right: 30px;
}
.altaycenter .altay-publication .sidebar {
padding-left: 30px;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-publication .sidebar {
padding-left: 0;
}
}
.altaycenter .altay-publication .sidebar h4 {
margin-bottom: 1rem;
}
.altaycenter .altay-publication .sidebar ul li a {
word-wrap: break-word;
}
.altaycenter .pub-list .card .news__date {
position: relative;
}
.altaycenter .pub-list .card .news__date .news__year {
display: inline-block;
padding: 0.15rem 0.5rem;
background-color: #a1a1a1;
color: #ffffff;
font-family: "Montserrat";
font-size: 13px;
line-height: 13px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
position: absolute;
bottom: 0;
right: 0;
}
.altaycenter .pub-list .card .poster {
position: relative;
}
.altaycenter .pub-list .card .poster img {
-o-object-fit: cover;
object-fit: cover;
height: 160px;
}
.altaycenter .cards-wrap .card {
color: #009c7a;
}
.altaycenter .cards-wrap .card:hover {
color: #005758;
}
.altaycenter .row-wrap {
margin-top: 1rem;
padding: 2rem 0;
}
.altaycenter .row-wrap .news-main-header {
color: #005758;
font-family: "Atyp-sb";
font-size: 25px;
padding: 0.5rem 0;
line-height: 26px;
margin-bottom: 0.5rem;
}
.altaycenter .row-wrap .link-button {
display: block;
float: right;
margin-right: 1rem;
font-size: 1rem;
padding: 0.2rem 1rem;
background-color: #005758;
color: #FFF;
line-height: 1.6rem;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 480px) {
.altaycenter .row-wrap .link-button {
float: none;
text-align: center;
margin-top: 1rem;
}
}
.altaycenter .row-wrap .link-button:hover {
background-color: #009c7a;
}
.altaycenter .row-wrap .link-button:after {
content: "\f054";
font-family: "fontAwesome";
font-size: 14px;
font-weight: bold;
font-weight: normal;
margin-left: 10px;
display: inline-block;
}
.altaycenter .project-list .card {
background-color: #FFF;
font-weight: bold;
line-height: 1.3rem;
color: #464545 !important;
margin-top: 0.4rem;
padding-top: 4.5rem;
padding-bottom: 4rem;
position: relative;
box-shadow: none;
}
.altaycenter .project-list .card .detail {
display: block;
position: absolute;
bottom: 1rem;
color: #009c7a;
}
.altaycenter .project-list .card .detail:after {
content: "\f054";
font-family: "fontAwesome";
font-size: 14px;
font-weight: bold;
font-weight: normal;
margin-left: 10px;
display: inline-block;
}
.altaycenter .project-list .card .detail:before {
content: "";
position: absolute;
height: 3px;
left: 0;
bottom: -6px;
width: 0 !important;
transition: all 0.3s ease-in-out;
}
.altaycenter .project-list .card:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
color: #009c7a !important;
cursor: pointer;
transform: translateY(-5px);
}
.altaycenter .project-list .card:hover i {
background-color: #005758;
}
.altaycenter .project-list .card:hover .detail {
color: #005758;
}
.altaycenter .project-list .card:hover .detail:before {
width: 82% !important;
background-color: #005758;
}
.altaycenter .project-list i {
position: absolute;
color: #FFF;
display: block;
top: 0;
left: 1rem;
width: 3rem;
height: 3rem;
background-color: #009c7a;
text-align: center;
line-height: 3rem;
font-size: 1.4rem;
padding-left: 5px;
}
.altaycenter .altay-project {
display: grid;
grid-template-columns: 27% 73%;
margin-top: 1rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-project {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-project {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .altay-project {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .altay-project {
grid-template-columns: 27% 73%;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .altay-project {
grid-template-columns: 27% 73%;
}
}
.altaycenter .altay-project .sidebar {
padding-right: 30px;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-project .sidebar {
padding-right: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-project .sidebar {
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .altay-project .sidebar {
padding-right: 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .altay-project .sidebar {
padding-right: 30px;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .altay-project .sidebar {
padding-right: 30px;
}
}
.altaycenter .altay-project .sidebar .altay-navbar {
background-color: #005758;
padding: 0.5rem 0 !important;
}
.altaycenter .altay-project .sidebar .altay-navbar ul {
list-style: none !important;
margin: 0 !important;
}
.altaycenter .altay-project .sidebar .altay-navbar ul li {
list-style: none !important;
margin: 0 !important;
}
.altaycenter .altay-project .sidebar .altay-navbar ul li a {
display: block;
position: relative;
padding: 15px 20px;
color: #FFF !important;
font-weight: bold;
word-wrap: break-word;
}
.altaycenter .altay-project .sidebar .altay-navbar ul li a:hover {
color: #FFF !important;
text-decoration: none !important;
background-color: #009c7a !important;
}
.altaycenter .altay-project .sidebar .altay-navbar ul li a:before {
content: "\f054";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
margin-top: -12px;
right: 20px;
}
.altaycenter .altay-project .sidebar .altay-navbar ul li a.active {
color: #005758 !important;
background-color: #f7f7f7 !important;
}
.altaycenter .altay-project .sidebar .altay-navbar ul li a.active:before {
content: "\f054";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
color: #009c7a;
position: absolute;
top: 50%;
margin-top: -12px;
right: 20px;
}
.altaycenter .altay-project .sidebar .altay-navbar ul li a.active:after {
width: 5px;
height: 100%;
left: -5px;
top: 0;
content: "";
position: absolute;
background-color: #009c7a;
}
.altaycenter .altay-project .sidebar .textwidget {
margin-top: 3.5rem;
}
.altaycenter .altay-project .sidebar .textwidget h4 {
margin: 0;
text-transform: uppercase;
}
.altaycenter .altay-project .project-detail {
padding-left: 30px;
border-left: 1px solid rgba(54, 70, 115, 0.2);
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-project .project-detail {
padding-left: 0;
border-left: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-project .project-detail {
padding-left: 0;
border-left: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .altay-project .project-detail {
padding-left: 0;
border-left: none;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .altay-project .project-detail {
padding-left: 30px;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .altay-project .project-detail {
padding-left: 30px;
}
}
.altaycenter .altay-project .project-detail h2 {
margin-top: 0;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-project .project-detail .slider-container {
padding: 0;
margin-left: -1rem;
margin-right: -1rem;
}
}
.altaycenter .altay-project .project-detail #ourprideslider .owl-controls .owl-pagination {
position: absolute;
margin-left: auto;
margin-right: auto;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
}
.altaycenter .altay-project .project-detail #ourprideslider .owl-controls .owl-pagination .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 10px;
height: 10px;
background-color: #FFF;
border: 2px solid #FFF;
margin: 0 2px;
background-position: -11px -11px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
}
.altaycenter .altay-project .project-detail #ourprideslider .owl-controls .owl-pagination .active {
background-color: #005758;
background-color: rgba(0, 0, 0, 0);
}
.altaycenter .altay-project .project-detail #ourprideslider .owl-item img {
height: 450px !important;
}
@media only screen and (max-width: 480px) {
.altaycenter .altay-project .project-detail #ourprideslider .owl-item img {
height: 250px !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .altay-project .project-detail #ourprideslider .owl-item img {
height: 350px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .altay-project .project-detail #ourprideslider .owl-item img {
height: 350px !important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter .altay-project .project-detail #ourprideslider .owl-item img {
height: 450px !important;
}
}
@media only screen and (min-width: 1025px) {
.altaycenter .altay-project .project-detail #ourprideslider .owl-item img {
height: 450px !important;
}
}
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-next,
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-prev {
position: absolute;
width: 3rem;
height: 3rem;
background-color: #009c7a;
background-repeat: no-repeat;
margin: auto;
bottom: 3rem;
cursor: pointer;
transition: all 0.2s ease-out 0.1s;
}
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-next:hover,
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-prev:hover {
background-color: #005758;
}
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-next {
right: 4.7rem;
}
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-prev {
right: 1rem;
}
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-next:before,
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-prev:before {
color: #FFF;
position: absolute;
text-indent: 0;
right: 0;
top: 0;
font-family: "FontAwesome";
font-size: 1.5rem;
line-height: 3rem;
width: 3rem;
height: 3rem;
text-align: center;
}
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-next:before {
content: "\f104";
}
.altaycenter .altay-project .project-detail #ourprideslider #PraudSlider-prev:before {
content: "\f105";
}
@media only screen and (max-width: 480px) {
.altaycenter .AdmissionDetails {
margin: -1rem;
}
}
.altaycenter .row-submenu .container .second-navbar ul li a:hover {
color: #b4ef88;
}
.altaycenter #slider .static-logo {
display: none;
}
.altaycenter #slider #slider-container .owl-wrapper-outer .owl-wrapper .owl-item .slider-item .wrap-text {
z-index: 8;
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter #slider #slider-container .owl-wrapper-outer .owl-wrapper .owl-item .slider-item .wrap-text {
/*padding: 4.5rem;*/
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.altaycenter #slider #slider-container .owl-wrapper-outer .owl-wrapper .owl-item .slider-item .wrap-text {
/*padding: 4.5rem;*/
}
}
@media only screen and (min-width: 1025px) {
.altaycenter #slider #slider-container .owl-wrapper-outer .owl-wrapper .owl-item .slider-item .wrap-text {
padding: 2rem 4.5rem;
}
}
.altaycenter #slider #slider-container .owl-wrapper-outer .owl-wrapper .owl-item .slider-item .wrap-text ul {
margin-bottom: -0.5rem;
}
.altaycenter #slider #slider-container .owl-wrapper-outer .owl-wrapper .owl-item .slider-item .wrap-text ul li {
color: #FFF;
margin-bottom: 6px;
font-size: 1rem;
line-height: 1.2rem;
list-style: circle;
}
.altaycenter #slider #slider-container .owl-wrapper-outer .owl-wrapper .owl-item .slider-item .wrap-img {
z-index: 8;
}
.altaycenter .adms .container {
display: grid;
grid-template-columns: 40% 60%;
margin-top: 10px;
padding: 0.3rem 1rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .adms .container {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .adms .container {
grid-template-columns: 30% 70%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .adms .container {
grid-template-columns: 30% 70%;
}
}
.altaycenter .adms .container .col-1 {
display: grid;
vertical-align: middle;
align-items: center;
}
.altaycenter .adms .container .col-1 h3 {
color: #FFF !important;
margin: 0;
}
@media only screen and (max-width: 480px) {
.altaycenter .adms .container .col-1 h3 {
margin: 0.5rem 0;
text-align: center;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .adms .container .col-1 h3 {
margin: 0.5rem 0;
font-size: 1.1rem;
}
}
.altaycenter .adms .container .col-2 {
text-align: right;
}
@media only screen and (max-width: 480px) {
.altaycenter .adms .container .col-2 {
text-align: left;
padding-bottom: 0.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .adms .container .col-2 {
align-items: center;
}
}
.altaycenter .adms .container .btn:last-child {
margin-right: 0;
}
.altaycenter .adms .container .btn {
margin: 0.2rem 0;
margin-right: 1rem;
font-size: 0.95rem;
padding: 0.6rem 1.5rem;
}
@media only screen and (max-width: 480px) {
.altaycenter .adms .container .btn {
font-size: 0.9rem;
margin-right: 0.5rem;
padding: 0.5rem 1.1rem;
width: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.altaycenter .adms .container .btn {
font-size: 0.9rem;
margin-right: 0.5rem;
padding: 0.5rem 0.6rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.altaycenter .adms .container .btn {
font-size: 0.9rem;
margin-right: 0.5rem;
padding: 0.5rem 1.1rem;
}
}
.altaycenter .adms .container .btn i {
margin-right: 0.3rem;
}
.altaycenter .adms .container .green, .altaycenter .adms .container .btn {
background-color: #005758 !important;
color: #FFF !important;
}
.altaycenter .adms .container .green:hover, .altaycenter .adms .container .btn:hover {
background-color: #014546 !important;
}
.altaycenter .adms .container .yellow {
background-color: #fac13a !important;
color: #000 !important;
}
.altaycenter .adms .container .yellow:hover {
background-color: #fbb000 !important;
text-decoration: none !important;
}
.altaycenter .adms .container .light-green {
background-color: #00a884 !important;
color: #FFF !important;
}
.altaycenter .adms .container .light-green:hover {
background-color: #039575 !important;
}
/* altaycenter - end */
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .main {
max-width: 100%;
text-align: center;
font-size: 3.5rem;
margin: 4rem 0;
}
}
@media only screen and (min-width: 1025px) {
.sd-goals .main {
max-width: 100%;
text-align: center;
font-size: 3.5rem;
margin: 4rem 0;
}
}
.sd-goals .row-submenu-2 {
background-color: #1b4242;
position: fixed;
width: 100%;
z-index: 9;
/*transition: top 0.2s ease 0.1s;*/
top: 140px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 {
top: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 {
top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 {
top: 70px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .row-submenu-2 {
top: 120px;
}
}
.sd-goals .row-submenu-2 .container {
display: grid;
grid-template-columns: 30% 70%;
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container {
grid-template-columns: 100%;
padding: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container {
grid-template-columns: 100%;
padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container {
grid-template-columns: 100%;
padding: 0;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .row-submenu-2 .container {
grid-template-columns: 30% 70%;
padding: 0 1rem;
}
}
@media only screen and (min-width: 1025px) {
.sd-goals .row-submenu-2 .container {
grid-template-columns: 30% 70%;
padding: 0 0.6rem;
}
}
.sd-goals .row-submenu-2 .container .sm-title {
color: #FFF;
padding: 1rem 0;
font-size: 15px;
font-weight: bold;
background-repeat: no-repeat;
background-size: auto 75%;
background-position-y: center;
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .sm-title {
background-position-x: 0.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .sm-title {
background-position-x: 0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .sm-title {
background-position-x: 0.5rem;
}
}
.sd-goals .row-submenu-2 .container .sm-title a {
display: block;
width: 240px;
height: 80%;
position: absolute;
top: 5px;
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .sm-title a {
height: 40px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .sm-title a {
height: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .sm-title a {
height: 40px;
}
}
.sd-goals .row-submenu-2 .container .second-navbar ul {
display: flex;
justify-content: space-between;
height: 100%;
width: 100%;
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .second-navbar ul {
flex-direction: column;
align-items: flex-start;
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .second-navbar ul {
flex-direction: column;
align-items: flex-start;
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .second-navbar ul {
flex-direction: column;
align-items: flex-start;
display: none;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .row-submenu-2 .container .second-navbar ul {
display: flex !important;
}
}
@media only screen and (min-width: 1025px) {
.sd-goals .row-submenu-2 .container .second-navbar ul {
display: flex !important;
}
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .active {
background-color: #046057;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .active {
background-color: #046057;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .active {
background-color: #046057;
}
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .active .left-side {
background-color: #143232;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .active .left-side {
background-color: #143232;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .active .left-side {
background-color: #143232;
}
}
.sd-goals .row-submenu-2 .container .second-navbar ul li {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .second-navbar ul li {
border-top: 1px solid #999;
justify-content: left;
width: 100%;
height: auto;
flex-direction: column;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .second-navbar ul li {
border-top: 1px solid #999;
justify-content: left;
width: 100%;
height: auto;
flex-direction: column;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .second-navbar ul li {
border-top: 1px solid #999;
justify-content: left;
width: 100%;
height: auto;
flex-direction: column;
}
}
.sd-goals .row-submenu-2 .container .second-navbar ul li a {
color: #FFF;
font-size: 14px;
height: 100%;
line-height: 50px;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .row-submenu-2 .container .second-navbar ul li a {
font-size: 13px;
}
}
.sd-goals .row-submenu-2 .container .second-navbar ul li a:hover {
text-decoration: none !important;
/*color: #e7efef;*/
color: #b4ef88;
}
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown {
position: initial;
}
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown a {
width: 100%;
text-align: center;
}
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -1px;
width: 0;
height: 1px;
background-color: #b4ef88;
transition: 0.2s;
}
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content {
display: block;
position: absolute;
/*background: #ffffff;*/
background-color: #1b4242;
/* border-radius: 4px;*/
min-width: 160px;
padding: 10px 0px;
z-index: 1;
/* opacity: 0; */
visibility: hidden;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
transition-delay: 0.2s;
gap: 0;
display: block;
top: 51px;
box-shadow: 0px 7px 7px -1px #ddd;
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content {
position: relative;
top: 0;
box-shadow: none;
display: none;
padding: 0;
width: 100%;
visibility: visible;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content {
position: relative;
top: 0;
box-shadow: none;
display: none;
padding: 0;
width: 100%;
visibility: visible;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content {
position: relative;
top: 0;
box-shadow: none;
display: none;
padding: 0;
width: 100%;
visibility: visible;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content {
display: block !important;
}
}
@media only screen and (min-width: 1025px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content {
display: block !important;
}
}
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content a {
line-height: 1.5rem;
padding: 0.5rem 1rem;
text-decoration: none;
display: block;
text-align: left;
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content a {
text-align: center;
display: block;
width: 100%;
line-height: 50px;
padding: 0;
border-top: 1px solid #999;
width: 100%;
text-align: center;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content a {
text-align: center;
display: block;
width: 100%;
line-height: 50px;
padding: 0;
border-top: 1px solid #999;
width: 100%;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown .dropdown-content a {
text-align: center;
display: block;
width: 100%;
line-height: 50px;
padding: 0;
border-top: 1px solid #999;
width: 100%;
text-align: center;
}
}
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown i {
font-size: 10px;
vertical-align: 0.17em;
}
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown:hover .dropdown-content {
opacity: 1 !important;
visibility: visible !important;
/*display: block;*/
}
.sd-goals .row-submenu-2 .container .second-navbar ul .dropdown:hover .dropdown-content:after {
width: 100%;
transition: 0.2s;
}
.sd-goals .row-submenu-2 .container .submenu-button {
display: none;
position: absolute;
right: 1rem;
top: 0.3rem;
color: #FFF;
font-size: 22px;
padding: 10px;
}
@media only screen and (max-width: 480px) {
.sd-goals .row-submenu-2 .container .submenu-button {
display: block;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .row-submenu-2 .container .submenu-button {
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .row-submenu-2 .container .submenu-button {
display: block;
}
}
.sd-goals .submenu-fixed {
top: 110px;
}
@media only screen and (max-width: 480px) {
.sd-goals .submenu-fixed {
top: 70px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .submenu-fixed {
top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .submenu-fixed {
top: 70px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .submenu-fixed {
top: 100px;
}
}
.sd-goals .goal-cards-wrap {
display: grid;
grid-template-columns: 16.66667% 16.66667% 16.66667% 16.66667% 16.66667% 16.66667%;
}
@media only screen and (max-width: 480px) {
.sd-goals .goal-cards-wrap {
/*grid-template-columns: 50% 50%;*/
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .goal-cards-wrap {
grid-template-columns: 50% 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .goal-cards-wrap {
grid-template-columns: 33.3333333% 33.3333333% 33.3333333%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .goal-cards-wrap {
grid-template-columns: 25% 25% 25% 25%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.sd-goals .goal-cards-wrap {
grid-template-columns: 25% 25% 25% 25%;
}
}
@media only screen and (min-width: 1201px) {
.sd-goals .goal-cards-wrap {
grid-template-columns: 16.66667% 16.66667% 16.66667% 16.66667% 16.66667% 16.66667%;
}
}
.sd-goals .goal-cards-wrap .goal-cards-item {
min-height: 20rem;
}
.sd-goals .goal-cards-wrap .goal-cards-item a {
display: block;
position: relative;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
background-position: center;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .card-body {
opacity: 0;
display: block;
padding: 20px;
position: relative;
width: 100%;
height: 100%;
color: #ffffff;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .card-body .goal-number {
opacity: 0.5;
font-family: "Atyp-sb";
font-size: 32px;
margin-bottom: 10px;
display: inline-block;
line-height: 1.11;
font-weight: bold;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .card-body .goal-title {
font-size: 1.4rem;
line-height: 1.11;
font-weight: bold;
margin: 0.5rem 0;
color: #FFF !important;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .card-body .goal-text {
font-size: 0.85rem;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
color: #ffffff;
font-weight: bold;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .card-body .btn-goal {
text-decoration: none;
width: 100%;
height: 50px;
display: flex;
align-items: center;
border-radius: 1px;
border: 1px solid #ffffff;
color: #ffffff;
justify-content: center;
font-size: 14px;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .card-body .btn-goal:hover {
box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .goal-logo {
position: absolute;
width: 150px;
height: 150px;
left: 10px;
bottom: 10px;
z-index: 1;
background-size: 100%;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-1 {
background-color: #eb1c2d;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-2 {
background-color: #d3a029;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-3 {
background-color: #269c48;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-4 {
background-color: #c31f33;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-5 {
background-color: #ef402b;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-6 {
background-color: #00aed9;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-7 {
background-color: #fdb713;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-8 {
background-color: #8f1938;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-9 {
background-color: #f36d25;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-10 {
background-color: #e11484;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-11 {
background-color: #f99d26;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-12 {
background-color: #d08d2b;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-13 {
background-color: #49773e;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-14 {
background-color: #007dbc;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-15 {
background-color: #3eb049;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-16 {
background-color: #02558b;
}
.sd-goals .goal-cards-wrap .goal-cards-item a .gl-17 {
background-color: #1a3668;
}
.sd-goals .goal-cards-wrap .goal-cards-item a:hover .card-body {
opacity: 1;
}
.sd-goals .goal-cards-wrap .goal-cards-item a:hover .goal-logo {
opacity: 0;
z-index: -1;
}
.sd-goals .goal-cards-wrap .button-card a {
background-size: 50%;
box-shadow: none;
padding: 20px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.sd-goals .goal-cards-wrap .button-card a .btn-goal {
text-decoration: none;
width: 100%;
height: 50px;
display: flex;
align-items: center;
border-radius: 1px;
border: 1px solid #009dda;
color: #009dda;
justify-content: center;
font-size: 14px;
font-weight: bold;
}
.sd-goals .goal-cards-wrap .button-card a .btn-goal:hover {
background-color: #009dda;
color: #FFF;
box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
}
.sd-feedback {
display: grid;
grid-template-columns: 60% 40%;
margin-bottom: 4rem;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
width: 90%;
}
@media only screen and (max-width: 480px) {
.sd-feedback {
grid-template-columns: 100%;
width: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-feedback {
grid-template-columns: 100%;
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-feedback {
grid-template-columns: 100%;
width: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-feedback {
grid-template-columns: 60% 40%;
width: 90%;
}
}
@media only screen and (min-width: 1025px) {
.sd-feedback {
grid-template-columns: 60% 40%;
width: 90%;
}
}
.sd-feedback .col-form {
border: 1px solid #ddd;
}
.sd-feedback .col-form .webix_view.webix_form {
background-color: inherit;
border: none;
width: 100% !important;
height: auto !important;
margin-bottom: 3rem;
}
.sd-feedback .col-form .webix_view.webix_form .webix_view {
margin: 0 !important;
width: 100% !important;
height: auto !important;
margin-bottom: 1rem !important;
}
.sd-feedback .col-form .webix_view.webix_form .webix_view label {
/*color: $bg-light-green;*/
font-family: "Montserrat";
font-weight: bold;
}
.sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box {
width: 100% !important;
}
.sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box input, .sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box select, .sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box textarea {
width: 100% !important;
}
.sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box input:focus, .sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box select:focus, .sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box textarea:focus {
border: 1px solid #009c7a;
box-shadow: 0 0 1px #009c7a inset;
}
.sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box button {
color: #FFF !important;
background: #009c7a !important;
background-color: #009c7a;
border: 1px solid #009c7a;
border-bottom: 1px solid #009c7a;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
font-weight: bold;
font-family: "Montserrat";
}
.sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box button:hover {
background-color: #005758 !important;
}
.sd-feedback .col-form .webix_view.webix_form .webix_view .webix_el_box:has(button) {
margin-top: 1rem;
height: 50px !important;
}
.sd-feedback .col-adress {
background-color: #009c7a;
}
.sd-feedback .col-adress h2 {
color: #FFF !important;
}
.sd-feedback .col-adress .title {
color: #FFF;
font-style: italic;
display: block;
margin-bottom: 3rem;
}
.sd-feedback .col-adress .icon-row {
display: grid;
grid-template-columns: 85px calc(100% - 85px);
margin: 2rem 0;
}
@media only screen and (max-width: 480px) {
.sd-feedback .col-adress .icon-row {
grid-template-columns: 85px calc(100% - 85px);
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-feedback .col-adress .icon-row {
grid-template-columns: 85px calc(100% - 85px);
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-feedback .col-adress .icon-row {
grid-template-columns: 85px calc(100% - 85px);
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-feedback .col-adress .icon-row {
grid-template-columns: 85px calc(100% - 85px);
}
}
@media only screen and (min-width: 1025px) {
.sd-feedback .col-adress .icon-row {
grid-template-columns: 85px calc(100% - 85px);
}
}
.sd-feedback .col-adress .icon-row .icon {
width: 60px;
height: 60px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
background-color: #FFF;
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 480px) {
.sd-feedback .col-adress .icon-row .icon {
width: 50px;
height: 50px;
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-feedback .col-adress .icon-row .icon {
width: 50px;
height: 50px;
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-feedback .col-adress .icon-row .icon {
width: 50px;
height: 50px;
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-feedback .col-adress .icon-row .icon {
width: 60px;
height: 60px;
}
}
@media only screen and (min-width: 1025px) {
.sd-feedback .col-adress .icon-row .icon {
width: 60px;
height: 60px;
}
}
.sd-feedback .col-adress .icon-row .icon i {
font-size: 1.5rem;
color: #005758;
}
.sd-feedback .col-adress .icon-row .text {
display: flex;
justify-content: center;
flex-direction: column;
color: #FFF;
font-size: 1rem;
}
.sd-feedback .col-adress .icon-row .text .label {
font-weight: bold;
display: block;
font-size: 0.9rem;
margin-bottom: 0.4rem;
}
.sd-feedback .col-adress .icon-row .text a {
font-weight: bold;
color: #FFF;
position: relative;
display: inline;
}
.sd-feedback .col-adress .icon-row .text a.under:hover:after {
background-color: #FFF;
}
.sd-feedback .col-form, .sd-feedback .col-adress {
padding: 1rem 2rem;
}
@media only screen and (max-width: 480px) {
.sd-feedback .col-form, .sd-feedback .col-adress {
padding: 1rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-feedback .col-form, .sd-feedback .col-adress {
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-feedback .col-form, .sd-feedback .col-adress {
padding: 2rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-feedback .col-form, .sd-feedback .col-adress {
padding: 1rem 2rem;
}
}
@media only screen and (min-width: 1025px) {
.sd-feedback .col-form, .sd-feedback .col-adress {
padding: 1rem 2rem;
}
}
.sd-goals h1.sd-h1 {
margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
.sd-goals h1.sd-h1 {
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals h1.sd-h1 {
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals h1.sd-h1 {
margin-bottom: 1rem;
}
}
.sd-goals .sd-card-item {
display: grid;
grid-template-columns: 73% 27%;
margin-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
.sd-goals .sd-card-item {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .sd-card-item {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .sd-card-item {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.sd-goals .sd-card-item {
grid-template-columns: 73% 27%;
}
}
@media only screen and (min-width: 1025px) {
.sd-goals .sd-card-item {
grid-template-columns: 73% 27%;
}
}
.sd-goals .sd-card-item .col-1 {
padding-right: 2rem;
}
@media only screen and (max-width: 480px) {
.sd-goals .sd-card-item .col-1 {
grid-area: 2/1;
padding-right: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .sd-card-item .col-1 {
grid-area: 2/1;
padding-right: 0;
}
}
.sd-goals .sd-card-item .col-1 ul li a {
font-weight: bold;
}
.sd-goals .sd-card-item .col-1 .cards-wrap {
grid-template-columns: 33.333333% 33.333333% 33.333333%;
}
@media only screen and (max-width: 480px) {
.sd-goals .sd-card-item .col-1 .cards-wrap {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.sd-goals .sd-card-item .col-1 .cards-wrap {
grid-template-columns: 50% 50%;
margin-left: -0.5rem;
margin-right: -0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.sd-goals .sd-card-item .col-1 .cards-wrap {
grid-template-columns: 50% 50%;
margin-left: -0.5rem;
margin-right: -0.5rem;
}
}
.sd-goals .sd-card-item .col-2 .sd-navbar {
background-color: #005758;
padding: 0.5rem 0 !important;
}
.sd-goals .sd-card-item .col-2 .sd-navbar ul {
list-style: none !important;
margin: 0 !important;
}
.sd-goals .sd-card-item .col-2 .sd-navbar ul li {
list-style: none !important;
margin: 0 !important;
}
.sd-goals .sd-card-item .col-2 .sd-navbar ul li a {
display: block;
position: relative;
padding: 15px 20px;
color: #FFF !important;
font-weight: bold;
word-wrap: break-word;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.sd-goals .sd-card-item .col-2 .sd-navbar ul li a:hover {
color: #FFF !important;
text-decoration: none !important;
background-color: #009c7a !important;
}
.sd-goals .sd-card-item .col-2 .sd-navbar ul li a:before {
content: "\f054";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
margin-top: -12px;
right: 20px;
}
.sd-goals .sd-card-item .col-2 .sd-navbar ul li a.active {
color: #005758 !important;
background-color: #f7f7f7 !important;
}
.sd-goals .sd-card-item .col-2 .sd-navbar ul li a.active:before {
content: "\f054";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
color: #009c7a;
position: absolute;
top: 50%;
margin-top: -12px;
right: 20px;
}
.sd-goals .sd-card-item .col-2 .sd-navbar ul li a.active:after {
width: 5px;
height: 100%;
left: -5px;
top: 0;
content: "";
position: absolute;
background-color: #009c7a;
}
#registryForm {
width: 60% !important;
/*margin: 0 auto;*/
padding: 0 20px;
border: 1px solid #ddd;
border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
-webkit-border-radius: 0.375rem;
-khtml-border-radius: 0.375rem;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 480px) {
#registryForm {
width: 100% !important;
margin-left: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#registryForm {
width: 100% !important;
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#registryForm {
width: 85% !important;
margin-left: 0;
}
}
#registryForm label {
display: block;
text-align: left;
line-height: 20px;
color: #666;
text-transform: none;
font-size: 15px;
margin-top: 17px;
margin-bottom: 5px;
cursor: auto;
}
#registryForm input[type=text], #registryForm input[type=password] {
width: 100%;
border: 1px solid #ddd;
font-size: 15px;
background: #fff;
text-indent: 10px;
height: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
#registryForm input[type=submit] {
background-color: #009c7a;
border: none;
color: #FFF;
font-weight: bold;
font-size: 15px;
width: 100% !important;
padding: 0.5rem 1rem;
margin-top: 17px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
margin-bottom: 25px;
cursor: pointer;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
#registryForm input[type=submit]:hover {
background-color: #005758;
}
.purblind .header,
.purblind .header .section-bottom,
.purblind .table-container table tr th,
.purblind .table-container table tr th p,
.purblind footer,
.purblind .header__nav ul li .user_menu-container .user_menu-column a.user_menu-collist:hover:after,
.purblind #slider .slider-item .wrap-text,
.purblind .news-events-main .events-main-wrap .events-main-header,
.purblind #mobile-menu .mobile-menu-head,
.purblind #mobile-menu .mobile-menu-head .icons:before,
.purblind #mobile-menu .submenu .active .submenu-li-a,
.purblind #thematicLinks .partHeader, .purblind #thematicLinks .linksTitle,
.purblind .table-container table tr .td-blue,
.purblind .CollapsContainer .CollapsHeader,
.purblind .winbottom .button,
.purblind .winclose,
.purblind .row-submenu,
.purblind .count-sum,
.purblind .card .subHead,
.purblind .AdmissionDetails .banner .wrap-text,
.purblind .header .section-bottom .mobile-nav li .lang-list,
.purblind .newsList li.listHeader,
.purblind #xsltsearch #xsltsearch_navigation strong {
background-color: #292828 !important;
}
.purblind #eduprog,
.purblind #calendar,
.purblind #prof,
.purblind #xsltsearch #xsltsearch_navigation a:hover {
background-color: #e5e5e5 !important;
}
.purblind .frame,
.purblind .col-wrap .col-date .card .card-content .timeline-container::before {
border: 2px solid #292828 !important;
}
.purblind .col-wrap .col-date .card .card-content .timeline-container {
border-left: 2px solid #292828 !important;
}
.purblind .webix_view h3,
.purblind .col-wrap .col-date .yellow .webixtype_base:hover,
.purblind .col-wrap .col-date .yellow .webixtype_base {
background-color: #c5c5c5 !important;
}
.purblind .col-wrap .col-date .yellow .webixtype_base {
border: 1px solid #c5c5c5 !important;
}
.purblind .header .section-up,
.purblind #slider .slider-item .wrap-text .btn:hover,
.purblind .news-events-main .events-main-wrap .events-list-wrap .card .event-type,
.purblind #mobile-menu .services,
.purblind #mobile-menu .socials,
.purblind .MoreDetail {
background-color: #444 !important;
}
.purblind .footer {
border-top: 2px solid #444;
}
.purblind h1, .purblind h2, .purblind h3, .purblind h4, .purblind h5, .purblind h6,
.purblind .header .section-up .container .icons .item,
.purblind .header .section-up .container .icons .current-lang .lang-list ul li a,
.purblind .header__nav ul li .user_menu-container .user_menu-column .user_menu-colname,
.purblind .table-container table tr td a:hover,
.purblind .table-container table tr td p a:hover,
.purblind .header .section-up .container .socials li a:hover,
.purblind #page_col_center ul li a,
.purblind #page_col_center ol li a,
.purblind #col_center ul li a,
.purblind #col_center ol li a,
.purblind #page_col_center ul,
.purblind #col_center ul,
.purblind #page_col_center ul li,
.purblind #col_center ul li,
.purblind #slider .slider-item .wrap-text .btn,
.purblind .news-events-main a,
.purblind .news-events-main .news-main-wrap,
.purblind .useful .useful-item-wrap .useful-item .useful-item-header,
.purblind .useful .useful-item-wrap .useful-item ul li a:hover,
.purblind .ratings .ratings-wrap .col .ratings-header,
.purblind .partners .partners-header,
.purblind #mobile-menu .mobile-menu-head .icons .item,
.purblind #mobile-menu .submenu li a,
.purblind #page_col_center a:hover, .purblind #col_center a:hover,
.purblind .table-container table tr td span,
.purblind p b,
.purblind #prof strong,
.purblind .card-content a,
.purblind .card-content .icon,
.purblind .card-content .green,
.purblind .card-content .red,
.purblind .enrolee2 .green,
.purblind .enrolee2 .icn,
.purblind .col-wrap .col-date .webix_form .webix_view label,
.purblind .col-wrap .col-date .webix_form .webix_view,
.purblind .AdmissionDetails .cards-wrap .card .number {
color: #292828 !important;
}
.purblind .quote:before,
.purblind .header .section-up .container .socials li a,
.purblind #pagesnavigation .parentPage,
.purblind #breadcrumbs .fa-chevron-right,
.purblind #pagesnavigation .v-line,
.purblind #pagesnavigation a:hover,
.purblind #breadcrumbs a:hover,
.purblind .table-container table tr td a,
.purblind .table-container table tr td p a,
.purblind .header .section-up .container .icons .item:hover,
.purblind .header .section-up .container .icons .current-lang .lang-list ul li a:hover,
.purblind #page_col_center ul li a:hover,
.purblind #page_col_center ol li a:hover,
.purblind #col_center ul li a:hover,
.purblind #col_center ol li a:hover,
.purblind .header__nav ul li .user_menu-container .user_menu-column a.user_menu-collist:hover,
.purblind .news-events-main .events-main-wrap .events-list-wrap a:hover .events-title,
.purblind .news-events-main a:hover,
.purblind .useful .useful-item-wrap .useful-item ul li a,
.purblind .ratings .ratings-wrap .col .ratings-item-wrap div h3,
.purblind #mobile-menu .socials li a,
.purblind #mobile-menu .submenu li .submenu-container .user_menu-colname,
.purblind #page_col_center a, .purblind #col_center a {
color: #444;
}
.purblind .quote,
.purblind .under:hover:after,
.purblind .winbottom {
border-color: #444;
}
.purblind .useful .useful-item-wrap .green,
.purblind .ratings .ratings-wrap .green {
background-color: #444;
border: 1px solid #444;
}
.purblind .other-row,
.purblind .under:hover:after {
background-color: #545454 !important;
}
.purblind .green .under:hover:after {
background-color: #FFF !important;
}
.purblind .gray-green,
.purblind .MoreDetail:hover {
background-color: #6e6e6e !important;
}
.purblind .useful .useful-item-wrap .green .bg-icon i {
color: #a9a7a7 !important;
}
.purblind #slider .slider-item .wrap-text .btn:hover,
.purblind #js-main .newsList li.listHeader,
.purblind #page_col_center .ui-tabs .ui-accordion-header-active,
.purblind .useful .useful-item-wrap .green .useful-item-header,
.purblind .useful .useful-item-wrap .green .useful-item-desc,
.purblind .useful .useful-item-wrap .green ul,
.purblind .container .useful .useful-item-wrap .green ul li a,
.purblind .ratings .ratings-wrap .green .ratings-header,
.purblind .ratings .ratings-wrap .green h3,
.purblind .ratings .ratings-wrap .green span {
color: #FFF !important;
}
.purblind img,
.purblind video,
.purblind .wrap-img,
.purblind .sl-wrapper .sl-image img,
.purblind .ApplicantMenu li a,
.purblind #mobile-menu .mobile-menu-head {
filter: grayscale(100%);
}
.purblind #thematicLinks .partHeader .partTitleOpen:after,
.purblind #thematicLinks .partHeader .partTitleOpen:after,
.purblind #thematicLinks .linksTitle .partTitleOpen:after,
.purblind #thematicLinks .linksTitle .partTitleOpen:after {
border-top: 3px solid #292828 !important;
border-bottom: 3px solid #292828 !important;
border-left: 5px solid #ffffff !important;
}
.purblind #thematicLinks .partHeader .partTitle::after,
.purblind #thematicLinks .linksTitle .partTitle::after {
border-left: 3px solid #292828;
border-right: 3px solid #292828;
border-top: 5px solid #ffffff;
}
.purblind #page_col_center .ui-tabs .ui-state-active {
border: 1px solid #444;
background-color: #444;
}
.purblind .CollapsContainer .CollapsHeader {
border: 1px solid #444;
}
.purblind .ShortDescription .ui-accordion .ui-accordion-header {
border: 1px solid #444 !important;
color: #292828 !important;
}
.purblind .Grid .Column1 .ApplicantLeftMenu li a {
background-color: #292828 !important;
}
.purblind h1 {
font-size: 2.8rem;
line-height: 3.4rem;
}
.purblind h2 {
font-size: 2.2rem;
line-height: 2.8rem;
}
.purblind h3,
.purblind .AdmissionDetails .cards-wrap .card h3,
.purblind .partners .partners-header,
.purblind .useful .useful-item-wrap .useful-item .useful-item-header,
.purblind .useful .useful-header,
.purblind .news-events-main .news-main-wrap .news-main-header {
font-size: 1.8rem;
line-height: 2.4rem;
}
.purblind p,
.purblind #page_col_center ul li,
.purblind #page_col_center ol li,
.purblind #col_center ul li,
.purblind #col_center ol li,
.purblind .other-links .other-links-header .other-links-header-btn,
.purblind .useful .useful-item-wrap .useful-item .useful-item-desc,
.purblind .news-events-main .events-main-wrap .events-main-header {
font-size: 1.4rem !important;
line-height: 2.2rem !important;
}
.purblind .table-container table tr th,
.purblind .table-container table tr th p,
.purblind .table-container table tr td,
.purblind .table-container table tr td p,
.purblind .col-wrap .col-date .card .card-content .icon-content p .btn,
.purblind .col-wrap .col-date .card .card-content .icon-content p,
.purblind .col-wrap .col-date .card .card-content .timeline-container p,
.purblind #page_col_center ul li a,
.purblind #page_col_center ol li a,
.purblind #col_center ul li a,
.purblind #col_center ol li a,
.purblind .AdmissionDetails .cards-wrap .card p,
.purblind .AdmissionDetails .cards-wrap .card ul li,
.purblind .AdmissionDetails .cards-wrap .card ol li,
.purblind .AdmissionDetails .cards-wrap .card ul li a,
.purblind .AdmissionDetails .cards-wrap .card ol li a,
.purblind .news-events-main .card .news-title,
.purblind .news-events-main .events-main-wrap .events-list-wrap .card .events-title,
.purblind .useful .useful-item-wrap .useful-item ul li a,
.purblind .ratings .ratings-wrap .col .ratings-item-wrap div span,
.purblind .other-links .other-links-wrap ul li a {
font-size: 1.2rem !important;
line-height: 1.6rem !important;
}
.purblind .table-container table tr td a,
.purblind .table-container table tr td p a,
.purblind .ul-icon li,
.purblind .ShortDescription .ui-accordion .ui-accordion-header,
.purblind .header__nav ul li .nav-a,
.purblind .header__nav ul li .user_menu-container .user_menu-column .user_menu-colname {
font-size: 1.1rem !important;
line-height: 1.4rem !important;
}
.purblind #breadcrumbs a,
.purblind #col_center ul li span,
.purblind #pagesnavigation a,
.purblind #breadcrumbs,
.purblind #pagesnavigation,
.purblind .footer .container .footer-top-wrap .footer-top-nav li a,
.purblind .footer .container .footer-main-wrap div ul li a,
.purblind .footer .container .footer-main-wrap div span,
.purblind .header__nav ul li .user_menu-container .user_menu-column a.user_menu-collist,
.purblind #thematicLinks .partHeader .partTitle a,
.purblind #thematicLinks p,
.purblind #thematicLinks p a,
.purblind #thematicLinks ul li a,
.purblind .table-container table tr th ul li a,
.purblind .table-container table tr th ol li a,
.purblind .table-container table tr td ul li a,
.purblind .table-container table tr td ol li a,
.purblind .table-container table tr td span,
.purblind .news-events-main .events-main-wrap .events-list-wrap .card .event-type {
font-size: 1rem !important;
line-height: 1.2rem !important;
}
.purblind #thematicLinks .partHeader .partTitle,
.purblind #thematicLinks .partHeader .partTitleOpen,
.purblind #thematicLinks .linksTitle .partTitle,
.purblind #thematicLinks .linksTitle .partTitleOpen {
padding-top: 10px;
padding-bottom: 10px;
}
.purblind .table-container table tr td span {
color: #292828 !important;
}
.purblind .btn,
.purblind .adms .container .btn,
.purblind .ic-content .btn,
.purblind .adms .container .btn-green,
.purblind .adms .container .btn-yellow {
background-color: #292828 !important;
color: #FFF !important;
}
.purblind #col_center .btn:hover,
.purblind .searchbutton,
.purblind .btn-yellow:hover,
.purblind .col-wrap .col-date .webix_form .webix_view .webix_el_box .webixtype_base:hover,
.purblind .ic-content .btn-yellow:hover,
.purblind #col_center .adms .container .btn:hover,
.purblind #col_center .adms .container .btn-green:hover,
.purblind #col_center .adms .container .btn-yellow:hover {
background-color: #444 !important;
color: #FFF !important;
}
.purblind .searchbutton {
border: 1px solid #444 !important;
}
.purblind .adms .container {
background-color: #6e6e6e !important;
}
.purblind #slider .slider-item .wrap-text .btn {
color: #FFF !important;
}
.endowment-banner {
width: 100%;
height: 27rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
max-width: 100vw;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 480px) {
.endowment-banner {
height: 28rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.endowment-banner {
height: 20rem;
margin-top: -1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.endowment-banner {
height: 22rem;
margin-top: -1rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.endowment-banner {
height: 23rem;
margin-top: -1rem;
}
}
@media only screen and (min-width: 1025px) {
.endowment-banner {
margin-top: -2rem;
}
}
.endowment-banner .description {
max-width: 65rem;
padding: 1rem 0;
max-width: 1280px;
margin: 0 auto;
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
height: 100%;
}
@media only screen and (max-width: 480px) {
.endowment-banner .description {
padding: 1rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.endowment-banner .description {
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.endowment-banner .description {
padding: 1rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.endowment-banner .description {
padding: 1rem;
}
}
@media only screen and (min-width: 1025px) {
.endowment-banner .description {
padding: 1rem 0;
}
}
.endowment-banner .description .logo-text {
/*display: grid;
grid-template-columns: 20% 80%;*/
}
.endowment-banner .description .logo-text .logo {
display: flex;
align-items: center;
width: 140px;
/*justify-content: center;*/
position: relative;
z-index: 9;
}
@media only screen and (max-width: 480px) {
.endowment-banner .description .logo-text .logo {
width: 120px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.endowment-banner .description .logo-text .logo {
width: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.endowment-banner .description .logo-text .logo {
width: 100px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.endowment-banner .description .logo-text .logo {
width: 120px;
}
}
.endowment-banner .description .logo-text .logo img {
width: 80%;
height: auto;
}
.endowment-banner .description .logo-text .text h1, .endowment-banner .description .logo-text .text p {
color: #FFF !important;
position: relative;
z-index: 9;
}
.endowment-banner .description .logo-text .text h1 {
font-size: 3rem;
margin: 1rem 0;
}
@media only screen and (max-width: 480px) {
.endowment-banner .description .logo-text .text h1 {
line-height: 3rem;
font-size: 2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.endowment-banner .description .logo-text .text h1 {
line-height: 2rem;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.endowment-banner .description .logo-text .text h1 {
line-height: 2rem;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.endowment-banner .description .logo-text .text h1 {
line-height: 2rem;
font-size: 2.3rem;
}
}
.endowment-banner .description .logo-text .text p {
font-size: 1.5rem;
margin: 0.5rem 0;
}
@media only screen and (max-width: 480px) {
.endowment-banner .description .logo-text .text p {
font-size: 1.2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.endowment-banner .description .logo-text .text p {
font-size: 1.1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.endowment-banner .description .logo-text .text p {
font-size: 1.1rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.endowment-banner .description .logo-text .text p {
font-size: 1.3rem;
}
}
.endowment-banner .description .logo-text .text a {
display: inline-block;
color: #FFF;
font-weight: bold;
font-size: 1rem;
padding: 0.8rem 1.5rem;
border: 1px solid #FFF;
position: relative;
z-index: 9;
margin-top: 1rem;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
.endowment-banner .description .logo-text .text a i {
margin-left: 0.5rem;
}
.endowment-banner .description .logo-text .text a:hover {
background-color: #FFF;
color: #000;
}
.endowment-banner .gradient {
/*background-image: linear-gradient(0turn, rgb(0 0 0) 0%, rgba(6, 26, 81, 0) 100%);*/
background-image: linear-gradient(0turn, rgb(0, 20, 20) 0%, rgba(6, 26, 81, 0) 100%);
width: 100%;
height: 100%;
bottom: 0;
position: absolute;
padding: 1.5rem 2.5rem;
display: flex;
align-items: end;
z-index: 1;
}
.row-ggray {
background-color: #f1f1f1;
}
.row-green {
background-color: #e7f7ed;
}
.row-green, .row-ggray {
padding: 0.5rem 0;
padding-bottom: 2rem;
}
.tw-shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.news-link-button {
display: inline-block;
margin-right: 1rem;
margin-top: 1rem;
font-size: 1rem;
font-weight: bold;
padding: 0.4rem 1.4rem;
background-color: #005758;
color: #FFF !important;
text-decoration: none !important;
line-height: 1.6rem;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.news-link-button:after {
content: "\f054";
font-family: "fontAwesome";
font-size: 14px;
font-weight: bold;
font-weight: normal;
margin-left: 10px;
display: inline-block;
}
.news-link-button:hover {
background-color: #009c7a;
}
.about-endowment {
display: grid;
grid-template-columns: 30% 70%;
}
@media only screen and (max-width: 480px) {
.about-endowment {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.about-endowment {
display: block;
grid-template-columns: 40% 60%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.about-endowment {
display: block;
grid-template-columns: 30% 70%;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.about-endowment {
grid-template-columns: 30% 70%;
}
}
@media only screen and (min-width: 1025px) {
.about-endowment {
grid-template-columns: 30% 70%;
}
}
.about-endowment .card {
margin-top: 1.5rem;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border: 1px solid #e1e1e1;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.about-endowment .card {
display: block;
width: 250px;
float: left;
margin-right: 1.5rem;
margin-top: 0;
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.about-endowment .card {
display: block;
width: 250px;
float: left;
margin-right: 1.5rem;
margin-top: 0;
margin-bottom: 1rem;
}
}
.about-endowment .card .poster img {
width: 100%;
}
.about-endowment .card .bg-green {
background-color: #005758;
min-height: 5rem;
height: 100%;
padding: 1rem 2rem;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.about-endowment .card .bg-green {
height: auto;
padding: 0.5rem 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.about-endowment .card .bg-green {
height: auto;
padding: 0.5rem 1rem;
}
}
.about-endowment .card .bg-green .logo {
height: 90px;
}
.about-endowment .card .bg-green .logo img {
height: 100%;
}
.about-endowment .card .bg-green h5 {
color: #FFF !important;
font-size: 1.3rem;
}
.about-endowment .card .bg-green p {
margin-top: 2.5rem;
}
.about-endowment .card .bg-green p span {
color: #FFF !important;
display: block;
}
.about-endowment .card .bg-green p span a {
color: #FFF !important;
font-weight: bold;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.about-endowment .card .bg-green p span a {
font-size: 0.9rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.about-endowment .card .bg-green p span a {
font-size: 0.9rem;
}
}
.about-endowment .card .bg-green p span i {
margin-right: 0.5rem;
}
.about-endowment .content {
padding: 0 2rem;
}
@media only screen and (max-width: 480px) {
.about-endowment .content {
padding: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.about-endowment .content {
padding: 0;
}
}
.cards-endowment {
padding: 3rem 0;
display: grid;
grid-template-columns: 50% 50%;
gap: 1rem;
}
.cards-endowment .card {
padding: 3rem;
background-color: #178b71;
/*margin-bottom: 1rem;*/
display: flex;
flex-direction: column;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
.cards-endowment .card h2 {
display: flex;
margin-top: 0 !important;
}
.cards-endowment .card h2 i {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-right: 1rem;
}
.cards-endowment .card h2, .cards-endowment .card h3, .cards-endowment .card p, .cards-endowment .card ul, .cards-endowment .card li, .cards-endowment .card a {
color: #FFF !important;
}
.cards-endowment .card h2, .cards-endowment .card h3 {
margin: 0.8rem 0;
}
.cards-endowment .card h3 {
margin-bottom: 2rem;
}
.cards-endowment .card p, .cards-endowment .card ul, .cards-endowment .card li {
font-weight: bold;
}
.cards-endowment .card p {
margin: 0.8rem 0;
}
.cards-endowment .card .link-button-wrap {
margin-top: auto;
}
.cards-endowment .card .link-button-wrap .link-button {
display: inline-flex;
width: 100%;
align-items: center;
justify-content: center;
gap: 1rem;
padding: 0.75rem 1rem;
font-weight: bold;
font-size: 1.2rem;
border: 2px #FFF solid;
margin-top: 2rem;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
cursor: pointer;
}
.cards-endowment .card .link-button-wrap .link-button:hover {
background-color: rgba(255, 255, 255, 0.8);
text-decoration: none !important;
color: #005758 !important;
}
.cards-filter ul {
list-style: none;
list-style-type: none !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
/*justify-content: center;*/
gap: 1rem;
margin: 0 !important;
}
@media only screen and (max-width: 480px) {
.cards-filter ul {
gap: 0.5rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-filter ul {
gap: 0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-filter ul {
gap: 0.5rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.cards-filter ul {
gap: 1rem;
}
}
@media only screen and (min-width: 1025px) {
.cards-filter ul {
gap: 1rem;
}
}
.cards-filter ul li {
list-style: none;
list-style-type: none !important;
margin-bottom: 0 !important;
}
.cards-filter ul li a {
text-decoration: none;
display: block;
padding: 0.5rem 1.25rem;
border: 2px #009c7a solid;
font-weight: bold;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
@media only screen and (max-width: 480px) {
.cards-filter ul li a {
font-size: 0.8rem;
padding: 0.4rem 0.9rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-filter ul li a {
font-size: 0.8rem;
padding: 0.4rem 0.9rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-filter ul li a {
font-size: 0.9rem;
padding: 0.4rem 0.9rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.cards-filter ul li a {
font-size: 1rem;
padding: 0.5rem 1.25rem;
}
}
@media only screen and (min-width: 1025px) {
.cards-filter ul li a {
font-size: 1rem;
padding: 0.5rem 1.25rem;
}
}
.cards-filter ul li a:hover, .cards-filter ul li a.active {
text-decoration: none !important;
color: #FFF !important;
background-color: #009c7a;
}
.white-cards {
padding: 1rem 0;
display: grid;
grid-template-columns: 50% 50%;
gap: 1rem;
}
.white-cards .card {
padding: 2rem 3rem;
background-color: #FFF;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
border: 1px solid #e1e1e1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
.white-cards .card h2, .white-cards .card h3, .white-cards .card h4 {
margin: 1.2rem 0;
}
.white-cards .card h5 {
margin-bottom: 0;
}
.white-cards .card p {
margin-top: 1rem;
}
.white-cards .card .link-button {
display: flex;
/*background-color: $bg-light-green;
color: #FFF !important;*/
color: #009c7a;
font-weight: bold;
font-size: 0.9rem;
padding: 0.75rem 1rem;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
.white-cards .card .link-button i, .white-cards .card .link-button span.fas {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-right: 1rem;
font-size: 1rem;
}
.white-cards .card .pdf-icon:before {
content: "\f1c1";
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-right: 1rem;
font-size: 1rem;
font-family: "Font Awesome 6 Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}
.white-cards .card .link-button:hover {
/*text-decoration: none !important;
background-color: $bg-geen;*/
color: #005758;
}
.white-cards .card-green {
padding: 2rem 3rem;
background-color: #009c7a;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
.white-cards .card-green h2, .white-cards .card-green h3, .white-cards .card-green h4, .white-cards .card-green h5 {
margin-top: 0;
margin-bottom: 1rem;
color: #FFF !important;
}
.white-cards .card-green h2 i, .white-cards .card-green h3 i, .white-cards .card-green h4 i, .white-cards .card-green h5 i {
margin-right: 0.5rem;
}
.white-cards .card-green p, .white-cards .card-green ul, .white-cards .card-green li, .white-cards .card-green a {
color: #FFF !important;
font-weight: bold;
}
.white-cards .card-green p {
margin: 1rem 0;
}
.white-cards .card-green ul li {
list-style: none;
list-style-type: none !important;
}
.white-cards .card-green ul li i {
margin-right: 0.3rem;
}
.white-cards .card-green ul.icon {
margin: 0.2rem 0 0.2rem 1.5rem !important;
}
.white-cards .card-green ul.icon li {
display: flex;
align-items: center;
margin-bottom: 0.75rem !important;
}
.white-cards .card-green ul.icon li div {
display: grid;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
background-color: #f7f7f7;
margin-right: 0.75rem;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
.white-cards .card-green ul.icon li div i {
color: #005758 !important;
margin: 0;
}
.white-cards .card-green ul.icon li a {
position: relative;
}
.white-cards .card-green ul.icon li a:hover {
text-decoration: none !important;
}
.white-cards .card-green ul.icon li a:hover:after {
background-color: #FFF !important;
bottom: 0.1rem !important;
}
.overlay2 {
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
position: fixed;
inset: 0px;
z-index: 20;
}
.overlay2 .ovr-container {
background-color: #FFF;
padding: 1.5rem;
padding-top: 2.8rem;
padding-bottom: 3rem;
border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
-webkit-border-radius: 0.5rem;
-khtml-border-radius: 0.5rem;
max-width: 70rem;
width: 60vw;
height: auto;
position: relative;
}
@media only screen and (max-width: 480px) {
.overlay2 .ovr-container {
width: 90vw;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.overlay2 .ovr-container {
width: 90vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.overlay2 .ovr-container {
width: 90vw;
}
}
.overlay2 .ovr-container .closeBtn2 {
width: 1.5rem;
height: 1.5rem;
top: 0.75rem;
right: 0.75rem;
position: absolute;
color: #374151;
cursor: pointer;
}
.overlay2 .ovr-container .closeBtn2:hover {
color: #000;
cursor: pointer;
}
.overlay2 .ovr-container .alert {
position: relative;
display: block;
padding: 1rem;
border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
-webkit-border-radius: 0.375rem;
-khtml-border-radius: 0.375rem;
text-align: center;
font-weight: bold;
margin-top: 90px;
}
.overlay2 .ovr-container .alert:after {
content: "";
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-family: "Font Awesome 6 Free";
font-size: 3.8rem;
position: absolute;
width: 70px;
height: 70px;
top: -85px;
left: 50%;
margin-left: -35px;
}
.overlay2 .ovr-container .alert-danger {
color: #58151c;
background-color: #f8d7da;
border: 1px solid #f1aeb5;
}
.overlay2 .ovr-container .alert-danger:after {
content: "\f06a";
color: #58151c;
}
.overlay2 .ovr-container .alert-success {
color: #0a3622;
background-color: #d1e7dd;
border: 1px solid #a3cfbb;
}
.overlay2 .ovr-container .alert-success:after {
content: "\f058";
color: #009c7a;
}
#overlayFormModal {
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
position: fixed;
inset: 0px;
z-index: 20;
}
#overlayFormModal #contactFormModal {
background-color: #FFF;
padding: 1.5rem;
border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
-webkit-border-radius: 0.5rem;
-khtml-border-radius: 0.5rem;
max-width: 70rem;
width: 70vw;
height: 90vh;
position: relative;
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal {
width: 90vw;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#overlayFormModal #contactFormModal {
width: 90vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#overlayFormModal #contactFormModal {
width: 90vw;
}
}
#overlayFormModal #contactFormModal .closeBtn {
width: 1.5rem;
height: 1.5rem;
top: 0.75rem;
right: 0.75rem;
position: absolute;
color: #374151;
cursor: pointer;
}
#overlayFormModal #contactFormModal .closeBtn:hover {
color: #000;
cursor: pointer;
}
#overlayFormModal #contactFormModal .form-wrap {
overflow-y: scroll;
padding: 0 1.5rem;
height: 100%;
margin-top: 1rem;
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal .form-wrap {
padding: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#overlayFormModal #contactFormModal .form-wrap {
padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#overlayFormModal #contactFormModal .form-wrap {
padding: 0;
}
}
#overlayFormModal #contactFormModal .form-wrap h2 {
margin-top: 0;
margin-bottom: 1.5rem;
}
#overlayFormModal #contactFormModal .form-wrap .group {
margin-bottom: 1.2rem !important;
}
#overlayFormModal #contactFormModal .form-wrap .group .error {
font-size: 0.9rem;
}
#overlayFormModal #contactFormModal .form-wrap .group label {
/*color: #212529;*/
color: #666;
font-size: 0.9rem;
font-weight: bold;
margin-bottom: 0.5rem;
display: block;
}
#overlayFormModal #contactFormModal .form-wrap .group .form-control, #overlayFormModal #contactFormModal .form-wrap .group .form-select {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #FFF;
background-clip: padding-box;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
#overlayFormModal #contactFormModal .form-wrap .group .form-control:focus, #overlayFormModal #contactFormModal .form-wrap .group .form-select:focus {
border: 1px solid #009c7a;
outline: 0;
box-shadow: 0px 0px 5px 0px rgba(0, 156, 122, 0.32);
}
#overlayFormModal #contactFormModal .form-wrap .group .form-select {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/></svg>');
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
}
#overlayFormModal #contactFormModal .form-wrap .group input[type=file] {
display: none;
}
#overlayFormModal #contactFormModal .form-wrap .group .upload-wrap {
display: flex;
border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
-webkit-border-radius: 0.375rem;
-khtml-border-radius: 0.375rem;
overflow: hidden;
border: 1px solid #dee2e6;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal .form-wrap .group .upload-wrap {
display: grid;
}
}
#overlayFormModal #contactFormModal .form-wrap .group .upload-wrap .upload-btn {
width: 210px;
display: flex;
justify-content: center;
align-items: center;
background-color: #2b6c6c;
font-weight: bold;
cursor: pointer;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
border-right: 1px solid #dee2e6;
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal .form-wrap .group .upload-wrap .upload-btn {
width: 100%;
}
}
#overlayFormModal #contactFormModal .form-wrap .group .upload-wrap .upload-btn label {
margin-bottom: 0;
color: #FFF !important;
display: block;
padding: 0.75rem;
text-align: center;
display: block;
width: 100%;
-webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
-moz-user-select: none;
user-select: none; /* Standard syntax */
}
#overlayFormModal #contactFormModal .form-wrap .group .upload-wrap .upload-btn:hover {
background-color: #005758;
}
#overlayFormModal #contactFormModal .form-wrap .group .upload-wrap .file-list {
display: flex;
justify-content: center;
align-items: center;
padding: 0.8rem;
color: #666;
font-weight: bold;
font-size: 0.9rem;
}
#overlayFormModal #contactFormModal .form-wrap input[type=submit] {
display: inline-block;
color: #FFF;
font-weight: bold;
font-size: 1rem;
padding: 0.8rem 1.5rem;
border: 1px solid #FFF;
position: relative;
background-color: #009c7a;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
webkit-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal .form-wrap input[type=submit] {
width: 100%;
}
}
#overlayFormModal #contactFormModal .form-wrap input[type=submit]:hover {
background-color: #005758;
}
#overlayFormModal #contactFormModal .form-wrap .halyk-qr {
display: grid;
grid-template-columns: 40% 60%;
margin: 3rem 0;
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal .form-wrap .halyk-qr {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#overlayFormModal #contactFormModal .form-wrap .halyk-qr {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#overlayFormModal #contactFormModal .form-wrap .halyk-qr {
grid-template-columns: 50% 50%;
}
}
#overlayFormModal #contactFormModal .form-wrap .halyk-qr .col-1 img {
width: 80%;
margin: 0 auto;
display: block;
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal .form-wrap .halyk-qr .col-1 img {
width: 100%;
margin: 1.5rem 0;
}
}
#overlayFormModal #contactFormModal .form-wrap .halyk-qr .col-2 ul {
list-style: none;
margin-top: 4rem;
margin-left: 0;
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal .form-wrap .halyk-qr .col-2 ul {
margin-top: 2rem;
}
}
#overlayFormModal #contactFormModal .form-wrap .halyk-qr .col-2 ul li {
list-style: none;
margin: 1.2rem 0;
font-weight: bold;
display: flex;
align-items: center;
}
@media only screen and (max-width: 480px) {
#overlayFormModal #contactFormModal .form-wrap .halyk-qr .col-2 ul li {
display: grid;
grid-template-columns: 20% 80%;
}
}
#overlayFormModal #contactFormModal .form-wrap .halyk-qr .col-2 ul li .round {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
background-color: #009c7a;
width: 2.5rem;
height: 2.5rem;
font-weight: bold;
color: #FFF;
margin-right: 1rem;
}
#overlayFormModal.hidden {
display: none;
}
@media only screen and (max-width: 480px) {
.cards-endowment, .white-cards {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-endowment, .white-cards {
grid-template-columns: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-endowment, .white-cards {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.cards-endowment, .white-cards {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 1025px) {
.cards-endowment, .white-cards {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 480px) {
.cards-endowment .card, .cards-endowment .card-green, .white-cards .card, .white-cards .card-green {
padding: 2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-endowment .card, .cards-endowment .card-green, .white-cards .card, .white-cards .card-green {
padding: 2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-endowment .card, .cards-endowment .card-green, .white-cards .card, .white-cards .card-green {
padding: 2rem;
}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.cards-endowment .card, .cards-endowment .card-green, .white-cards .card, .white-cards .card-green {
padding: 2rem;
}
}
@media only screen and (max-width: 480px) {
.cards-endowment .card h2, .cards-endowment .card-green h2, .white-cards .card h2, .white-cards .card-green h2 {
font-size: 1.4rem;
line-height: 1.6rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-endowment .card h2, .cards-endowment .card-green h2, .white-cards .card h2, .white-cards .card-green h2 {
font-size: 1.4rem;
line-height: 1.6rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-endowment .card h2, .cards-endowment .card-green h2, .white-cards .card h2, .white-cards .card-green h2 {
font-size: 1.4rem;
line-height: 1.6rem;
}
}
@media only screen and (max-width: 480px) {
.cards-endowment .card h3, .cards-endowment .card-green h3, .white-cards .card h3, .white-cards .card-green h3 {
font-size: 1.2rem;
margin-top: 0.2rem;
margin-bottom: 1.2rem;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-endowment .card h3, .cards-endowment .card-green h3, .white-cards .card h3, .white-cards .card-green h3 {
font-size: 1.2rem;
margin-top: 0.2rem;
margin-bottom: 1.2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-endowment .card h3, .cards-endowment .card-green h3, .white-cards .card h3, .white-cards .card-green h3 {
font-size: 1.2rem;
margin-top: 0.2rem;
margin-bottom: 1.2rem;
}
}
@media only screen and (max-width: 480px) {
.cards-endowment .card ul li, .cards-endowment .card-green ul li, .white-cards .card ul li, .white-cards .card-green ul li {
font-size: 0.9rem !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-endowment .card ul li, .cards-endowment .card-green ul li, .white-cards .card ul li, .white-cards .card-green ul li {
font-size: 0.9rem !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-endowment .card ul li, .cards-endowment .card-green ul li, .white-cards .card ul li, .white-cards .card-green ul li {
font-size: 0.9rem !important;
}
}
@media only screen and (max-width: 480px) {
.cards-endowment .card p, .cards-endowment .card-green p, .white-cards .card p, .white-cards .card-green p {
margin: 1rem 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-endowment .card p, .cards-endowment .card-green p, .white-cards .card p, .white-cards .card-green p {
margin: 1rem 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-endowment .card p, .cards-endowment .card-green p, .white-cards .card p, .white-cards .card-green p {
margin: 1rem 0;
}
}
@media only screen and (max-width: 480px) {
.cards-endowment .card .link-button, .cards-endowment .card-green .link-button, .white-cards .card .link-button, .white-cards .card-green .link-button {
font-size: 0.9rem !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.cards-endowment .card .link-button, .cards-endowment .card-green .link-button, .white-cards .card .link-button, .white-cards .card-green .link-button {
font-size: 0.9rem !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.cards-endowment .card .link-button, .cards-endowment .card-green .link-button, .white-cards .card .link-button, .white-cards .card-green .link-button {
font-size: 0.9rem !important;
}
}
.levitate-btn {
position: fixed;
bottom: 2.5rem;
right: 1.5rem;
z-index: 3000;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
border-top-right-radius: 9999px;
background-color: rgb(55, 55, 55);
padding: 1rem;
animation: levitate 2s ease-in-out infinite;
transition: box-shadow 0.3s ease;
}
@media only screen and (max-width: 480px) {
.levitate-btn {
display: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.levitate-btn {
display: none;
}
}
.levitate-btn .rnd {
background-color: #009c7a;
border-radius: 9999px;
padding: 1rem;
display: flex;
}
.levitate-btn span {
color: #FFF;
font-weight: bold;
letter-spacing: 0.025em;
}
.levitate-btn:hover .rnd {
background-color: #10ad8b;
}
@keyframes levitate {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}/*# sourceMappingURL=main.css.map */