input,button { outline: none; } .externalPageContentt-w { width: 100%; display: inline-block; padding-bottom: 20px; } .externalPageContentt-w .sliderNews-w { width: 100%; height: 400px; } .sliderNews-w .carousel-inner img { width: 100%; height: 400px; } .sliderNews-w .carousel-caption { position: fixed; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; right: 0; left: 0; } .sliderNews-w .carousel-caption .more { width: 104px; background-color: #dedede; border: 1px solid #dedede; color: #bea380; position: absolute; left: 10px; bottom: 32px; cursor: pointer; transition: all 0.5s; font-size: 14px; font-weight: bold; } .sliderNews-w .carousel-caption .more:hover { background-color: #007a71; border: 1px solid #007a71; color: #fff; } .sliderNews-w .carousel-caption h5 { color: #00a99d; } .eventPart-w, .eventPartEn-w { width: 100%; height: 40px; padding: 5px 0; background-color: #e5f7f6; margin: 10px 0; margin-top: 15px; } .carousel-indicators { bottom: -5px; } .carousel-indicators li { cursor: pointer; width: 25px; height: 7px; border-radius: 5px; background-color: #fff; } .carousel-indicators .active { background-color: #00a99d; } .eventPart-w .carousel-caption, .eventPartEn-w .carousel-caption { position: initial; right: 0; bottom: 0; left: 0; z-index: 10; padding-top: 0; padding-bottom: 0; color: #fff; text-align: right; } .eventPartEn-w .carousel-caption { text-align: left; } .eventPart-w .carousel-caption p, .eventPartEn-w .carousel-caption p { margin-left: 10px; color: #8e8d8d; } .eventPart-w .carousel-caption p img { width: 25px; margin: 0 5px; margin-right: 15px; } .eventPartEn-w .carousel-caption p img { width: 25px; margin: 0 5px; margin-right: 15px; float: left; } .eventPart-w .carousel-caption p span{ color: #e5979d; font-weight: bold; } .eventPartEn-w .carousel-caption p span { color: #e5979d; font-weight: bold; } .eventPart-w .moreEvent-w { position: absolute; left: 10px; background-color: transparent; border: none; color: #1ba097; top: 0; cursor: pointer; font-weight: bold; } .eventPartEn-w .moreEventEn-w { position: absolute; right: 10px; background-color: transparent; border: none; color: #1ba097; top: 0; cursor: pointer; font-weight: bold; } .externalServices-w { width: 100%; } .externalServices-w a { text-decoration: none; } .externalServices-w .item { width: 100%; height: 150px; /* radial-gradient(0.5turn,#efeeee, #1db5ab, #1ba097); */ background: radial-gradient(farthest-corner at 129px 53px, #4bcec7 0%, #00a99d 100%); margin: 10px 0; transition: all 0.5s; } .externalServices-w .item:hover{ background: radial-gradient(farthest-corner at 129px 53px, #c4d8d7 0%, #00a99d 100%); } .externalServices-w .item img { width: 50px; height: 50px; margin: 10px 0; margin-top: 30px; } .externalServices-w .item p { color: #fff; font-size: 16px; margin: 10px 0; } .lectureService-w { width: 100%; display: inline-block; margin: 10px 0; } .lectureService-w .advertisimentServices-w { width: 100%; height: 300px; } .lectureService-w .advertisimentServices-w h1 { font-size: 18px; background-color: #1ba097; color: #fff; padding: 12px 0; margin: 0; } .lectureService-w .advertisimentServices-w .body{ width: 100%; height: 214px; background-color: #fff; box-shadow: 0 1px 1px #ccc; padding: 20px; } /* .lectureService-w .advertisimentServices-w .body p{ padding: 8px 0; background-color: #d7ecec; color: #bda380; } */ .lectureService-w .visitingTime-w { width: 100%; display: inline-block; } .lectureService-w .visitingTime-w .monthRecord-w { width: 100%; } .lectureService-w .visitingTime-w .monthRecord-w h1 { font-size: 18px; background-color: #EEF8F7; color: #bda380; padding: 12px 0; margin: 0; } .lectureService-w .visitingTime-w .achiev h1 { font-size: 18px; background-color: #EEF8F7; color: #bda380; padding: 12px 0; margin: 0; } .lectureService-w .visitingTime-w h1 { font-size: 18px; background-color: #1ba097; color: #fff; padding: 12px 0; margin: 0; text-align: center; } .lectureService-w .visitingTime-w .monthRecord-w .body { padding: 20px 0; background-color: #fff; box-shadow: 0 1px 1px #ccc; height: 170px; } .lectureService-w .visitingTime-w .monthRecord-w .body ul { padding: 0 15px; } .lectureService-w .visitingTime-w .monthRecord-w .body ul li { display: inline-block; margin: 0 40px; margin-top: 25px; position: relative; } .lectureService-w .visitingTime-w .monthRecord-w .body ul li span { position: absolute; bottom: 0; left: -10px; top: 53px; font-size: 15px; } .lectureService-w .visitingTime-w .monthRecord-w .body ul li img { width: 80px; } .lectureService-w .visitingTime-w .achiev .body ul { padding: 0 15px; } .lectureService-w .visitingTime-w .achiev .body ul li { display: inline-block; margin: 0 40px; margin-top: 25px; position: relative; } .lectureService-w .visitingTime-w .achiev .body ul li span { position: absolute; bottom: 0; left: -10px; top: 53px; font-size: 15px; } .lectureService-w .visitingTime-w .achiev .body ul li img { width: 80px; } .lectureService-w .visitingTime-w .achiev .body{ padding: 20px 0; background-color: #fff; box-shadow: 0 1px 1px #ccc; height: 170px; } .externalPageContentt-w .recordsContent-w { width: 100%; margin-top: -30px; } .externalPageContentt-w .recordsContent-w h1 { font-size: 18px; background-color: #1ba097; color: #fff; padding: 12px 0; margin: 0; text-align: center; } .externalPageContentt-w .recordsContent-w .records { width: 100%; } .externalPageContentt-w .recordsContent-w .records .body { width: 100%; height: 357px; background-color: #fff; box-shadow: 0 1px 1px #ccc; padding: 2px 0; position: relative; } .externalPageContentt-w .recordsContent-w .records .body .spinnerContainer-w { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background-color: #fff; } .externalPageContentt-w .recordsContent-w .records .body ul { padding: 0; margin: 0 20px; } .externalPageContentt-w .recordsContent-w .records .body ul li { width: 100%; border-bottom: 1px solid #ccc; color: #00a99d; font-size: 16px; padding: 5px 0; margin: 10px 0; } .externalPageContentt-w .recordsContent-w .records .body ul li span { color: #888; margin: 0 7px; } .externalPageContentt-w .recordsContent-w .records h1{ font-size: 18px; background-color: #EEF8F7; color: #bda380; padding: 12px 0; margin: 0; text-align: center; } .externalPageContentt-w .recordsContent-w .medical h1{ font-size: 18px; background-color: #EEF8F7; color: #bda380; padding: 12px 0; margin: 0; text-align: center; } .externalPageContentt-w .recordsContent-w .medical .body { width: 100%; height: 357px; background-color: #fff; box-shadow: 0 1px 1px #ccc; } .externalPageContentt-w .recordsContent-w .medical .body #demo2 { width: 100%; height: 100%; } .externalPageContentt-w .recordsContent-w .medical .body #demo2 .active { background-color: #fff !important; color: #000 !important; } .externalPageContentt-w .recordsContent-w .medical .body .carousel-inner { width: 100%; height: 100%; } .externalPageContentt-w .recordsContent-w .medical .body .carousel-inner h3, .externalPageContentt-w .recordsContent-w .medical .body .carousel-inner p { color: #bda380; } .externalPageContentt-w .recordsContent-w .medical .body .carousel-caption { position: inherit; height: 170px;; z-index: 10; padding-top: 20px; padding-bottom: 20px; padding: 20px 10px; color: #fff; text-align: center; right: 0; left: 0; bottom: 0; background: transparent; } .externalPageContentt-w .recordsContent-w .medical .body #demo2 .carousel-indicators { margin-right: 7%; } .externalPageContentt-w .recordsContent-w .medical .body #demo2 .carousel-indicators li{ background-color: #ccc; width: 25px; border-radius: 11px; height: 7px; } .externalPageContentt-w .recordsContent-w .medical .body #demo2 .carousel-indicators .active { background-color: #007A71 !important; } .externalPageContentt-w .datePicker-w { width: 100%; } .externalPageContentt-w .datePicker-w .body { width: 100%; background-color: #fff; box-shadow: 0 1px 1px #ccc; height: 400px; overflow: auto; padding: 0 20px; } .externalPageContentt-w .datePicker-w h1 { font-size: 18px; background-color: #1ba097; color: #fff; padding: 12px 0; margin: 0; text-align: center; } .externalPageContentt-w .maps { width: 100%; display: inline-block; padding: 15px 0; margin: 5px 0; } .maps { width: 100%; } .maps h1 { font-size: 18px; background-color: #1ba097; color: #fff; padding: 12px 0; margin: 0; text-align: center; } /* show 3 items */ .lectureService-w .carousel-inner .active, .lectureService-w .carousel-inner .active + .carousel-item, .lectureService-w .carousel-inner .active + .carousel-item + .carousel-item { display: block; } .lectureService-w .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .lectureService-w .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, .lectureService-w .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item { transition: none; } .lectureService-w .carousel-inner .carousel-item-next, .lectureService-w .carousel-inner .carousel-item-prev { position: relative; transform: translate3d(0, 0, 0); } .lectureService-w .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -33.3333%; z-index: -1; display: block; visibility: visible; } /* left or forward direction */ .lectureService-w .active.carousel-item-left + .carousel-item-next.carousel-item-left, .lectureService-w .carousel-item-next.carousel-item-left + .carousel-item, .lectureService-w .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, .lectureService-w .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; } /* farthest right hidden item must be abso position for animations */ .lectureService-w .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; } /* right or prev direction */ .lectureService-w .active.carousel-item-right + .carousel-item-prev.carousel-item-right, .lectureService-w .carousel-item-prev.carousel-item-right + .carousel-item, .lectureService-w .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, .lectureService-w .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; visibility: visible; } .lectureService-w .carousel-control-prev, .carousel-control-next { display: block !important; margin: 25px 0; color: #888; } .lectureService-w .carousel-control-prev { margin-left: -26px; } .lectureService-w .carousel-control-next { margin-right: -26px; } .lectureService-w #carouselExample .carousel-inner { margin: 20px 0; margin-top: 5px; } .lectureService-w #carouselExample .carousel-inner .carousel-item img { height: 70px !important; border: 2px solid #007A71; } .lectureService-w #carouselExample2 .carousel-inner .carousel-item img { height: 70px !important; border: 2px solid #007A71; } .moreNews { border: none; position: absolute; left: 10px; bottom: 5px; background: #c0a786; color: #fff; font-size: 14px; transition: all 0.5s; cursor: pointer; font-weight: bold; } .moreNews:hover { background: #007a71; } agm-map { height: 300px; } .rightArrow-w { display: inline-block; position: absolute; right: 25px; top: 5px; cursor: pointer; font-size: 25px; } .leftArrow-w{ position: absolute; left: 25px; top: 5px; font-size: 25px; cursor: pointer; display: inline-block; } .loader { border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #3498db; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; margin: 100px auto; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media(max-width: 767px) { .eventPart-w .carousel-caption p img { margin: 0; } .eventPart-w .carousel-caption p, .eventPartEn-w .carousel-caption p { font-size: 13px; } .eventPart-w, .eventPartEn-w { height: 70px; padding: 5px 10px; } .eventPart-w .moreEvent-w { position: absolute; left: 10px; background-color: transparent; border: none; color: #1ba097; top: 40px; cursor: pointer; font-weight: bold; bottom: 0; font-size: 11px; } .eventPart-w .moreEventEn-w { position: absolute; right: 10px; background-color: transparent; border: none; color: #1ba097; top: 40px; bottom: 0; cursor: pointer; font-weight: bold; font-size: 11px; } .lectureService-w .visitingTime-w .monthRecord-w .body ul li img { width: 65px; } .lectureService-w .visitingTime-w .monthRecord-w .body ul li span { left: -16px; top: 43px; } .lectureService-w .visitingTime-w .achiev .body ul li img { width: 65px; } .lectureService-w .visitingTime-w .achiev .body ul li span { left: -16px; top: 43px; } .lectureService-w .visitingTime-w { margin-bottom: 40px; } .externalPageContentt-w .datePicker-w { margin-bottom: 20px; } } @media (min-width: 767px) and (max-width: 991px) {} @media(min-width: 992px) and (max-width: 1199px) {} @media(min-width: 1200px) { .container{ max-width: 1200px !important; } }