@import url('https://fonts.googleapis.com/css?family=Allura');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');

body {
    font-family: 'Open Sans', sans-serif;
}

body h1, body h2, body h3, body p {
    color: #544862 !important;
}

body .h1, body .h2, body .h3, body h1, body h2, body h3 {
    margin-top: 10px !important;
    margin-bottom: 10px;
}

body h1, body h2 {
    font-weight: 600 !important;
}

body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6 !important;
}

body a {
    font-weight: 400;
    text-decoration: none !important;
}

body a:hover {
    color: #926c72 !important;
    font-weight: 600 !important;
}

body b, body optgroup, body strong {
    font-weight: 400 !important;
}

body mark {
    color: #888 !important;
}

body strong {
    font-weight: 600 !important;
    color: #544862 !important;
}

@keyframes hello {
    0% {
        font-weight: 100;
    }
    50% {
        font-weight: 900;
    }
    100% {
        font-weight: 100;
    }
}

#map-container {
    padding: 0 !important;
}

.butter {
    width: 30px;
    height: 30px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    float: left;
}

.blog-desc .short {
    text-align: justify;
    color: #2a2a2a;
    margin: 25px 0;
    line-height: 1.8;
}

#announcement-container {
    padding: 35px 0;
}

#announcement-container .announce-container {
    border: 1px solid #eee;
    height: 7.65em;
}

#announcement-container .announce-container .announce-link a {
    color: #72b9bd !important;
    text-transform: uppercase;
    font-size: 13px;
}

#announcement-container .announce-container h2 {
    color: #72b9bd !important;
    font-weight: 900 !important;
    text-align: center;
    font-size: 60px;
}

#announcement-container .announce-container .date-month {
    color: #72b9bd !important;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

#announcement-container .announce-container .announce-short {
    font-weight: 300 !important;
}

#announcement-container .announce-container .announce-short p {
    font-weight: 300 !important;
    font-size: 13px;
}

#announcement-container .announce-container .link-line {
    border-bottom: 1px solid #72b9bd;
    width: 60px;
}

#announcement-container .announcement-base-title {
    margin-bottom: 20px;
}

#announcement-container .announcement-base-title h1 {
    text-transform: capitalize;
    font-size: 24px !important;
    color: #544862;
    font-weight: 400;
}

#announcement-container .announcement-base-title .line {
    border-bottom: 4px solid #72b9bd;
    width: 10%;
}

#announcement-container .articles-field .item-row {
    margin-bottom: 15px;
}

#announcement-container .articles-field .item-row img {
    -webkit-box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.75);
}

#announcement-container .articles-field .link-line {
    border-bottom: 1px solid #72b9bd;
    width: 90px;
}

#announcement-container .articles-field .articles-text {
    border: 1px solid #eee;
    margin-left: -15px;
    height: 12em;
}

#announcement-container .articles-field .articles-date {
    font-weight: 300 !important;
    font-size: 13px;
    margin: 12px 0;
}

#announcement-container .articles-field .articles-link a {
    color: #72b9bd !important;
    text-transform: uppercase;
    font-size: 13px;
}

#announcement-container .articles-field .articles-short {
    font-weight: 300 !important;
}

#announcement-container .articles-field .articles-short p {
    font-weight: 300 !important;
    font-size: 13px;
}

#announcement-container .articles-field img {
    width: 100%;
    height: 12em;
}

#announcement-container .articles-field h3 {
    font-size: 15px !important;
}

#footer {
    background: #353535;
}

#footer h1, #footer a, #footer p {
    color: white !important;
}

#footer .footer-logo-field {
    padding: 25px 55px 55px 55px;
}

#footer .footer-logo-field img {
    width: 100%;
}

#footer .footer-address-field {
    padding: 25px 0;
}

#footer .footer-address-field h1 {
    color: white;
    font-size: 24px !important;
}

#footer .footer-address-field p {
    color: white;
}

#footer .footer-address-field p i {
    color: #c07687;
    padding-right: 15px;
    width: 25px;
}

#footer .footer-address-field .footer-social-bar {
    padding: 25px 0;
}

#footer .footer-address-field .footer-social-bar .social-item {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    Background: #4a4a4a;
    float: left;
    text-align: center;
    padding: 10px;
    margin-right: 15px;
}

#footer .footer-address-field .footer-social-bar .social-item a {
    color: white;
}

#footer .footer-address-field .footer-social-bar .social-item:hover {
    background: #2582eb;
}

#footer .footer-address-field .footer-social-bar .social-item:hover a, #footer .footer-address-field .footer-social-bar .social-item:hover i {
    color: white;
}

#footer .footer-contact-field {
    padding: 25px 0;
}

#footer .footer-contact-field h1 {
    color: white;
    font-size: 24px !important;
    text-align: center;
}

#footer .footer-contact-field .contact-btn-field {
    text-align: center;
    margin-top: 35px;
}

#footer .footer-contact-field .contact-btn-field a {
    padding: 8px 38px !important;
    font-weight: 700;
    color: black !important;
    font-size: 13px !important;
    Background: #dee6ee;
    border-radius: 15px;
}

#footer .footer-contact-field .contact-btn-field a:hover {
    background: #72b9bd;
    color: white !important;
    -webkit-box-shadow: 0px 17px 58px -7px #a3a1a3;
    -moz-box-shadow: 0px 17px 58px -7px #a3a1a3;
    box-shadow: 0px 17px 58px -7px #a3a1a3;
}

#footer .footer-contact-field p {
    color: white;
    text-align: center;
}

.level-0 li, .level-1 li {
    list-style: none;
    padding: 5px 10px;
}

.level-0 li i, .level-1 li i {
    color: #72b9bd !important;
    margin-right: 10px;
}

.level-0 li a, .level-1 li a {
    color: #888 !important;
    font-size: 16px !important;
}

.top-container {
    padding: 5px 0;
}

.top-container .info-bar {
    color: #353535;
}

.top-container .info-bar i {
    color: #c07687 !important;
    padding-right: 15px;
}

.top-container .social-bar {
    text-align: right;
}

.top-container .social-bar a {
    padding: 0 0 0 15px;
    color: #353535 !important;
}

.header-container {
    background: #dee6ee;
    padding: 10px 0 !important;
}
.headerr-container{
    box-sizing: unset !important;
    -webkit-box-sizing: unset !important;
}

.header-container .navbar-brand {
    float: none;
    padding: 0 !important;
    font-size: 18px;
    line-height: 1.7;
    height: auto !important;
}

.header-container .navbar-brand .author {
    font-size: 30px !important;
    font-family: 'Open Sans', sans-serif;
    color: #544862 !important;
}

.carousel-control .fa-caret-left, .carousel-control .fa-caret-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    font-size: 50px !important;
}

.carousel-control:focus, .carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90);
}

.carousel-control {
    background-image: none !important;
}

.control-label strong {
    font-weight: bold !important;
    color: #6e6d6d;
    font-size: 16px;
}

#prevBtn1, #prevBtn2, #prevBtn3 {
    background: #124fa0 !important;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.fancybox-nav span {
    visibility: visible !important;
}

@-webkit-keyframes chartjs-render-animation {
    from {
        opacity: 0.99;
    }
    to {
        opacity: 1;
    }
}

@keyframes chartjs-render-animation {
    from {
        opacity: 0.99;
    }
    to {
        opacity: 1;
    }
}

.chartjs-render-monitor {
    -webkit-animation: chartjs-render-animation 0.001s;
    animation: chartjs-render-animation 0.001s;
}

#form-send-btn {
    padding: 8px 40px !important;
    font-size: 16px !important;
}

.error {
    color: red !important;
    font-weight: normal !important;
}

.fa-envelope-open {
    font-weight: 900 !important;
}

#cookie-field {
    padding: 20px 0;
    position: fixed;
    bottom: 0;
    background: #b5b4b4;
    width: 100%;
    color: white;
    font-size: 16px;
    z-index: 2000;
}

#cookie-field #cookie-conf {
    Background: #72b9bd;
    color: white;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: bold !important;
    font-size: 12px !important;
    border: 2px solid #72b9bd;
}

#cookie-field #cookie-conf:hover {
    color: white !important;
}

.form-img-field img {
    width: 100% !important;
}

.bulten-gallery .gallery-container {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 10px !important;
    height: 19em;
    margin-bottom: 15px;
}

.bulten-gallery .bulten-media-title {
    background: #72b9bd;
    color: white;
    width: 100% !important;
    padding: 1px 10px;
}

.bulten-gallery .item {
    background-position: top center !important;
}

.survey-result-area div {
    padding: 5px 15px;
}

.red-tr {
    background: #72b9bd !important;
}

.red-tr td, .red-tr a, .red-tr a:hover {
    color: white !important;
    font-weight: bold;
}

#listAnsver thead tr th {
    font-size: 11px !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px !important;
    border-bottom: 1px solid #ddd !important;
    color: #7b7b7b !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd !important;
}

.question-choice {
    color: #3888a2 !important;
    font-weight: bold !important;
}

.question-choice:hover {
    color: #6eb0c5 !important;
}

.survey-panel .panel-title i {
    color: #3888a2 !important;
    margin-right: 15px !important;
}

.survey-panel .total-survey-counter {
    color: #e46060;
    font-size: 40px;
    padding: 20px;
    float: left;
}

.survey-panel h3 {
    color: #f47921 !important;
    font-weight: bold !important;
    margin-bottom: 25px;
}

.survey-panel .icon-area {
    background: #e46060;
    float: left;
    text-align: center;
    padding: 15px;
}

.survey-panel .icon-area i {
    font-size: 50px;
    color: white;
}

.form-res {
    width: 100%;
    margin: 15px auto;
    padding: 10px;
    font-size: 16px !important;
    text-transform: capitalize;
}

.res-error {
    background: #f5c5c5;
    color: #b15d5d;
}

.res-success {
    background: #a3d7a3;
    color: #3e5a40;
}

.report-link {
    background: #72b9bd !important;
}

.report-btn {
    color: white;
}

.report-btn:hover {
    color: #72b9bd !important;
}

.report-link:hover {
    background: white !important;
    border: 1px solid #72b9bd;
}

.report-link:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s;
}

.record-detail {
    color: #3888a2 !important;
    font-weight: bold !important;
}

.record-detail:hover {
    color: #72b9bd !important;
    font-weight: normal !important;
}

.tab-pane {
    text-align: justify;
    padding: 25px 10px !important;
    color: #544862 !important;
    height: 380px;
    overflow-y: auto;
    margin-bottom: 25px;
}

.tab-pane::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

.tab-pane::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.tab-pane::-webkit-scrollbar-thumb {
    background-color: #000;
}

.nav-tabs {
    background: #eee;
}

.nav-tabs li {
    background-color: #eee !important;
}

.nav-tabs li a {
    color: #544862 !important;
}

.nav-tabs .active {
    border-top: 2px solid #72b9bd;
}

.nav-tabs .active a {
    color: #72b9bd !important;
    background-color: #fff !important;
    border: none !important;
}

#list-panel {
    padding: 0;
}

.subpage-background {
    Background: #4a5159;
    padding: 60px 0;
    width: 100%;
    min-height: 200px;
}

.subpage-background .title .breadcrump {
    color: #e4e4e4;
    font-weight: 400;
}

.subpage-background .title .breadcrump a {
    color: #e4e4e4;
    font-weight: 400;
}

.subpage-background .title .breadcrump a:hover {
    color: white !important;
}

.subpage-background .title h1 {
    color: #e4e4e4 !important;
    font-size: 36px !important;
    text-transform: Capitalize !important;
    font-weight: 400 !important;
}

.other-article a {
    color: #72b9bd !important;
}

.other-article a:hover {
    color: #72b9bd !important;
}

.date-author {
    margin: 15px 0;
}

.date-author .date {
    color: #2d2d2d;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
}

.date-author .author {
    text-transform: uppercase;
    color: #72b9bd;
}

#training-panel .date-author {
    margin: 15px 0;
}

#training-panel .date-author .date {
    color: #2d2d2d;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
}

#training-panel .date-author .author {
    text-transform: uppercase;
    color: #72b9bd;
}

#training-panel .training-details {
    margin: 20px auto;
}

#training-panel .training-details .tag-list {
    padding: 0;
}

#training-panel .training-details .tag-list a {
    padding: 5px 15px;
    margin: 0 5px 15px 0;
    color: white;
    background: #72b9bd;
    float: left;
    border: 1px solid #72b9bd;
}

#training-panel .training-details .tag-list a:hover {
    Background: white;
    color: #72b9bd !important;
    border: 1px solid #72b9bd;
}

#training-panel .training-details .keywords {
    margin-top: 15px;
}

#training-panel .training-details .line {
    border-bottom: 1px solid #72b9bd;
    width: 100px;
}

#training-panel .training-details h3 {
    font-size: 16px !important;
}

#training-panel .training-details .duration {
    padding-top: 10px;
}

#training-panel .training-details .duration i {
    color: #72b9bd;
    font-size: 18px;
    margin-right: 10px;
}

#training-panel .training-details strong {
    margin: 10px 0 !important;
    text-transform: uppercase;
}

#training-panel .training-details .training-description-img {
    height: 30em;
    background-size: cover !important;
    background-position: center center !important;
}

#training-panel .training-details .training-desc-img {
    height: 20em;
    width: 20em;
    background-size: cover !important;
    background-position: center center !important;
    float: left;
    margin: 15px 15px 15px 0;
}

#training-panel .training-details h2 {
    margin: 10px auto;
    font-size: 22px;
    color: #544862;
    text-transform: capitalize;
}

#training-panel .training-list {
    margin: 10px auto;
}

#training-panel .training-list h1 {
    font-size: 22px !important;
    color: #544862;
    text-transform: capitalize;
    margin: 10px auto;
}

#training-panel .training-list .training-img {
    height: 285px !important;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.75);
}

#training-panel .training-list .training-short .duration {
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding: 10px 0;
}

#training-panel .training-list .training-short .duration i {
    color: #72b9bd;
    font-size: 18px;
    margin-right: 10px;
}

#training-panel .training-list .training-short .line {
    float: left;
    border-bottom: 1px solid #72b9bd;
    width: 44px;
}

#training-panel .training-list .training-short h2 {
    margin: 0 auto;
    font-size: 22px;
    color: #544862;
    text-transform: capitalize;
}

#training-panel .training-list .training-short .short {
    padding: 10px 0 8px 0;
}

#training-panel .training-list .training-short .short p {
    text-align: justify !important;
}

#training-panel .training-list .training-short a, #training-panel .training-list .training-short a:hover {
    color: #72b9bd !important;
    font-size: 13px;
    font-weight: 600;
}

#training-panel .training-list .training-short strong {
    text-transform: uppercase;
}

#training-panel .training-list .training-item {
    margin: 15px auto 25px auto !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

#training-panel .training-desc .short {
    text-align: justify;
}

#form-panel .reg-form-field {
    padding-top: 35px !important;
    float: left;
    width: 100%;
}

#form-panel h4 {
    color: #72b9bd !important;
}

#form-panel .title {
    width: 100%;
    padding: 20px 0;
}

#form-panel .title h1 {
    text-transform: uppercase;
    font-size: 24px !important;
    color: #72b9bd;
    font-weight: bold;
}

#form-panel .title .line {
    float: left;
    border-bottom: 4px solid #72b9bd;
    width: 100px;
}

#form-panel p {
    font-weight: bold !important;
    text-align: left;
}

#form-panel #survey p {
    font-weight: normal !important;
}

#form-panel #survey p strong {
    font-weight: bold !important;
}

#form-panel #survey .radio-btn {
    width: 25px !important;
    margin-right: 10px;
}

#form-panel #personal-info .radio-btn {
    height: 25px !important;
    width: 25px !important;
    margin-right: 10px;
}

#form-panel label {
    margin-right: 15px !important;
}

#form-panel .input-group .radio-btn {
    height: 25px !important;
    width: 25px !important;
    margin-right: 10px;
}

#form-panel input, #form-panel select {
    font-style: italic;
}

#form-panel button {
    background-color: #72b9bd;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
}

#form-panel button:hover {
    opacity: 0.8;
}

#form-panel #prevBtn {
    background-color: #bbb;
}

#form-panel .step {
    font-size: 16px;
    width: 25%;
    padding: 10px 4px;
    background-color: #72b9bd;
    border-right: 1px solid white;
    float: left;
    opacity: 0.5;
    color: white;
}

#form-panel .step.active {
    opacity: 1;
}

#form-panel .step.finish {
    background-color: #124fa0;
    color: white;
}

.media p strong {
    font-weight: bold !important;
}

.media .item {
    height: 16em !important;
}

.media .media-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 8px 10px;
    background: #72b9bd;
    width: 92.5%;
    height: 50px;
}

.media .media-title a, .media .media-title a:hover {
    color: white !important;
    font-weight: bold;
}

.result-item {
    padding: 15px;
}

.result-item .result-desc {
    color: #888 !important;
}

.result-item a {
    color: #888 !important;
    font-size: 16px;
}

.result-item a:hover {
    color: #504e4e !important;
}

.result-item i {
    color: #72b9bd !important;
}

.photo-galeri-item {
    height: 224px;
}

.alert-danger {
    color: white;
    font-size: 18px;
}

.overlay {
    position: relative;
    top: 12em;
    height: 4em;
    opacity: 1;
    transition: all .5s ease;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
    background-color: rgba(18, 79, 160, 0.678431372549);
}

.overlay .text {
    color: white;
    font-size: 14px;
    position: relative;
    padding: 15px;
    text-align: center;
}

.photo-gallery .effect-overlay {
    height: 1px !important;
}

.photo-gallery .text {
    display: none;
}

.photo-gallery .gallery-video-item, .photo-gallery .item {
    height: 20em !important;
    margin: 0 !important;
    text-align: center;
}

#about-project-btn {
    color: #0c448e;
    text-transform: lowercase;
    font-weight: bold !important;
    font-size: 16px !important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
}

#about-project-btn i {
    transition: all .5s ease;
    margin-left: 1px;
}

#about-project-btn:hover {
    color: #5074a5 !important;
}

#about-project-btn:hover i {
    transition: all .5s ease;
    margin-left: 5px;
}

.video-gallery .effect-overlay {
    height: 1px !important;
}

.video-gallery .text {
    display: none;
}

.video-gallery .item {
    height: 16em !important;
}

.video-gallery:hover .effect-overlay {
    display: block !important;
    position: relative;
    height: 4em !important;
    opacity: 1;
    transition: .5s ease !important;
    background-color: rgba(18, 79, 160, 0.678431372549);
    -webkit-transition: .5s ease !important;
    -moz-transition: .5s ease !important;
    -o-transition: .5s ease !important;
}

.video-gallery:hover .effect-overlay .text {
    transition: 1s ease !important;
    display: block;
    color: white;
    font-size: 16px !important;
    -ms-transform: translate(-50%, -50%);
    padding: 15px;
    text-align: center;
}

.photo-gallery:hover .effect-overlay {
    display: block !important;
    top: 10em;
    height: 4em !important;
    position: relative;
    opacity: 1;
    transition: .5s ease !important;
    background-color: rgba(18, 79, 160, 0.678431372549);
    -webkit-transition: .5s ease !important;
    -moz-transition: .5s ease !important;
    -o-transition: .5s ease !important;
}

.photo-gallery:hover .effect-overlay .text {
    transition: 1s ease !important;
    display: block;
    color: white;
    font-size: 16px !important;
    padding: 15px;
    text-align: center;
}

.overlay-container:hover .text {
    font-size: 24px;
    transform: translate(0, 50%);
}

.overlay-container:hover .overlay {
    opacity: 1;
    top: 0;
    bottom: 0;
    height: 100%;
    transition: .5s ease;
}

.galeri {
    margin: 35px 0 !important;
}

.galeri .media-item, .galeri .photo-gallery {
    margin-bottom: 20px !important;
}

.galeri .item {
    background-size: cover !important;
    float: left;
    width: 100%;
    height: 14em !important;
    background-position: top center !important;
    z-index: 1300;
}

.galeri .item div {
    color: white;
}

.gallery-photo {
    width: 100% !important;
}

.gallery-photo-item {
    width: 100%;
    margin: 10px 10px 10px 0;
    float: left;
    height: 11em !important;
    background-size: cover !important;
    background-position: top center !important;
}

.gallery-video-item {
    width: 100%;
    margin: 10px 10px 10px 0;
    text-align: center;
    height: 23.5em !important;
    background-size: cover !important;
    background-position: center center !important;
}

.gallery-video-item i {
    font-size: 45px;
    color: red !important;
    font-size: 50px;
    color: #fb0000de !important;
    top: 40%;
    position: relative;
}

.gallery-video-item-square {
    width: 100%;
    margin: 10px 10px 10px 0;
    text-align: center;
    height: 11.8em !important;
    background-size: cover !important;
    background-position: center center !important;
}

.gallery-video-item-square i {
    font-size: 45px;
    color: red !important;
    font-size: 50px;
    color: #fb0000de !important;
    top: 40%;
    position: relative;
}

.user-login {
    padding: 6px 0 15px 30px !important;
}

.user-login a {
    Background: #72b9bd;
    color: white;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: bold !important;
    font-size: 12px !important;
    border: 2px solid #72b9bd;
}

.user-login a:hover {
    color: #72b9bd !important;
    background: white;
    border: 2px solid #72b9bd;
}

hr {
    margin-top: 0 !important;
}

.btn-info {
    Background: #72b9bd;
    color: white;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: bold !important;
    font-size: 12px !important;
    border: 2px solid #72b9bd;
}

.btn-info:hover {
    color: #72b9bd;
    Background: white;
    border: 2px solid #72b9bd;
}

#medya-container {
    padding: 30px 0 50px 0;
}

#medya-container .medya-base-title {
    text-align: center;
    margin-bottom: 20px;
}

#medya-container .medya-base-title h1 {
    text-transform: uppercase;
    font-size: 28px !important;
    color: #72b9bd;
    font-weight: bold;
}

#medya-container .medya-base-title .line {
    border-bottom: 4px solid #72b9bd;
    width: 100px;
}

#medya-container .img-medya {
    height: 300px;
    width: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: #eee !important;
}

#medya-container .medya-title {
    width: 100% !important;
    padding: 10px 0;
    text-align: center;
    font-size: 16px !important;
}

#medya-container .medya-title a {
    color: #525151;
    font-size: 16px !important;
}

#medya-container .medya-title a:hover {
    color: #525151 !important;
}

a {
    transition: all 0.5s;
}

#galeri-container {
    background: #353535;
    padding: 35px 0 50px 0;
}

#galeri-container .training-base-title {
    margin-bottom: 20px;
}

#galeri-container .training-base-title h1 {
    text-transform: capitalize;
    font-size: 24px !important;
    color: white !important;
    font-weight: 400;
}

#galeri-container .training-base-title h1 a {
    color: white !important;
    transition: all .5s ease;
}

#galeri-container .training-base-title h1 a:hover {
    margin-left: 10px;
    transition: all .5s ease;
    color: white !important;
}

#galeri-container .training-base-title .line {
    border-bottom: 4px solid #72b9bd;
    width: 100px;
    float: left;
}

#signin-main-panel h3 {
    font-size: 22px !important;
    padding: 10px 0 !important;
    text-align: center;
    height: 60px;
    line-height: 1.5;
    font-weight: 600;
}

#signin-main-panel .tp-item-short {
    font-weight: 400 !important;
    padding: 0 40px !important;
    text-align: center;
    height: 130px;
    overflow: hidden;
}

#signin-main-panel .tp-item-short p {
    font-size: 13px !important;
}

#signin-main-panel .item-btn-field {
    margin-bottom: 20px;
    display: block;
    padding: 10px 0;
    text-align: center;
}

#signin-main-panel .item-btn-field a {
    padding: 8px 38px !important;
    font-weight: 700;
    color: #544862 !important;
    font-size: 13px !important;
    Background: #dee6ee;
    border-radius: 15px;
}

#signin-main-panel .item-btn-field a:hover {
    background: #72b9bd;
    color: white !important;
    -webkit-box-shadow: 0px 17px 58px -7px #a3a1a3;
    -moz-box-shadow: 0px 17px 58px -7px #a3a1a3;
    box-shadow: 0px 17px 58px -7px #a3a1a3;
}

#signin-main-panel #phrase {
    padding: 25px 15px;
}

#signin-main-panel #phrase h1 {
    font-size: 28px;
    font-weight: bold !important;
    text-align: center;
    line-height: 1.5;
}

#signin-main-panel #signin-bg {
    Background: white;
    box-shadow: 0px -1px 20px 1px #b0b0b0;
    position: relative;
    top: -50px;
    z-index: 1500;
}

#signin-main-panel #logo-field {
    padding: 20px 25px;
}

#signin-main-panel #logo-field img {
    height: 100px !important;
    margin-bottom: 15px;
}

.ozet-bilgi h3 {
    color: #585757;
}

.ozet-bilgi h3 i {
    color: #72b9bd !important;
    margin-right: 5px !important;
}

.ozet-bilgi ul li {
    color: #888 !important;
}

#about-project {
    margin-bottom: 35px;
}

#about-project .container {
    padding: 0 0 !important;
}

#about-project .about-text {
    margin: 35px 0;
    text-align: justify;
}

#about-project .about-text img {
    width: 100% !important;
    -webkit-box-shadow: 0px 17px 58px -7px #a3a1a3;
    -moz-box-shadow: 0px 17px 58px -7px #a3a1a3;
    box-shadow: 0px 17px 58px -7px #a3a1a3;
}

#about-project .about-text p {
    color: #544862;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

#about-project .about-text .bio-more {
    width: 100%;
    margin-top: 15px;
}

#about-project .about-text .bio-more a {
    height: 36px;
    color: #72b9bd !important;
}

#about-project .about-text .bio-more a:hover {
    Background: #dee6ee !important;
    padding: 8px 38px;
    border-radius: 30px;
}

#about-project .about-text .bio-more a:hover i {
    transition: all .5s ease;
    margin-left: 5px;
}

#about-project .title {
    margin-bottom: 35px;
}

#about-project .title h1 {
    text-transform: capitalize;
    font-size: 24px !important;
    color: #544862;
    font-weight: 400;
}

#about-project .title .line {
    border-bottom: 4px solid #72b9bd;
    width: 10%;
}

.header-form {
    width: 200px !important;
    float: right;
}

.navbar-inverse {
    background-color: #dee6ee !important;
}

.navbar-inverse ul li a {
    padding: 8px 7px !important;
    color: #544862 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
}

.about-projet-short-description i {
    color: #72b9bd !important;
    margin-right: 5px !important;
}

.page-content {
    margin-bottom: 30px;
}

.page-content h3 {
    font-size: 18px !important;
    color: #585757;
}

.page-content ul > li {
    color: #888;
}

.page-content table > tbody > tr > td {
    color: #888 !important;
}

.page-content p {
    line-height: 30px !important;
}

.subpage-content {
    text-align: justify;
    padding: 30px 0;
}

.subpage-content .short {
    padding: 125px 0 0 0;
}

.subpage-content h3 {
    font-size: 13px;
    line-height: 1.4;
}

.subpage-content ul li {
    color: #888 !important;
}

.user-page-container .txt-lean-left {
    padding: 20px 0 0 0;
    font-size: 25px;
    color: #f47921;
}

.user-page-container .line {
    border-bottom: 4px solid #72b9bd;
    width: 100px;
    float: left;
}

.user-page-container .sign-up-end, .user-page-container .sign-up {
    Background: white;
    color: #72b9bd !important;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: bold !important;
    font-size: 12px !important;
    border: 2px solid #72b9bd;
}

.user-page-container .sign-up-end:hover, .user-page-container .sign-up:hover {
    Background: #72b9bd;
    color: white !important;
    border: 2px solid #72b9bd;
}

.signup-container {
    padding: 50px 0;
}

.subpage-container {
    margin: 25px 0 55px 0;
}

.subpage-container .bio-row {
    background: #72b9bd;
    padding: 15px 0;
}

.subpage-container .bio-row .bio-name {
    transform: translate(20%, 50%);
    min-height: 50px;
}

.subpage-container .bio-row .bio-name a, .subpage-container .bio-row .bio-name a:hover {
    color: white !important;
}

.subpage-container .bio-row .bio-name:hover {
    transform: translate(15%, 50%);
    transition: all .5s ease;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
}

.subpage-container .bio-row .bio-name h3 {
    margin-top: -10px !important;
}

.subpage-container p {
    color: #544862 !important;
    line-height: 1.7 !important;
    text-align: justify;
}

.subpage-container p img {
    margin: 0 15px 15px 0;
}

.subpage-container .page-title .txt-lean-left {
    padding: 20px 0 0 0;
    font-size: 25px;
    color: #72b9bd;
}

.subpage-container .page-title .line {
    border-bottom: 2px solid #72b9bd;
    width: 100px;
    float: left;
}

#topEventBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 50px;
    z-index: 99;
    font-size: 30px;
    border: none;
    outline: none;
    background-color: #72b9bd;
    color: white;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 50%;
}

.news-field-title {
    padding-right: 20px;
}

.site-desc {
    display: table;
    height: 70px;
    font-weight: bold;
    font-size: 16px;
    color: #a2a2a2;
    text-align: center;
    font-style: italic;
    padding-bottom: 10px;
}

.site-desc span {
    display: table-cell;
    vertical-align: bottom;
}

.header-nav {
    padding: 10px 0;
    width: 100%;
    height: 100px;
}

.header-nav .logo-field .logo-img {
    position: absolute;
    z-index: 15;
    left: 0;
    width: 150px;
    float: left;
}

.header-nav .logo-field .logo-img img {
    height: 100%;
}

.header-nav .logo-field .logo-text {
    position: relative;
    left: -10px;
    font-size: 24px;
    color: #066eb8;
    font-weight: bold;
    float: right;
    line-height: 1;
    margin-top: 10px;
}

.footer-heading {
    font-size: 18px;
}

.footer-about ul {
    margin-left: -40px;
}

.footer-about ul li {
    list-style: none;
    padding-top: 12px;
    border-bottom: 1px solid #dadada;
}

.footer-about ul li a {
    color: #544862;
}

.footer-about ul li:before {
    padding-right: 10px;
}

.p-tab {
    margin-left: 27px !important;
}

.footer-address {
    margin-left: -40px;
}

.footer-address li {
    margin-bottom: 20px;
    color: #544862;
    list-style: none;
}

.footer-address li a {
    color: #544862;
}

.footer-address li:before {
    padding-right: 10px;
}

.bulletin {
    background: #ccc;
    padding: 20px;
}

.bulletin button {
    border: none;
    background: #3162a8;
    float: left;
    margin-left: -15px;
    height: 33px;
    width: 50px;
}

.bulletin button i {
    position: relative;
    color: white;
    left: -5px;
    top: 5px;
}

.bulletin button:hover {
    background: #d9534f;
}

.bulletin button:hover .triangle-div {
    border-color: transparent transparent #d9534f transparent;
    _border-color: #000 #000 #d9534f #000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.bulletin button .triangle-div {
    bottom: 0;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 33px 30px;
    border-color: transparent transparent #3162a8 transparent;
    line-height: 0px;
    _border-color: #000 #000 #358ff0 #000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    margin-left: -35px;
    float: left;
    margin-top: -1px;
}

.bulletin .form-control {
    float: left;
    border-radius: 0 !important;
    width: 70%;
    font-size: 12px;
}

.bulletin .dark-txt {
    color: #202e31;
    z-index: 1;
    position: relative;
}

.bulletin .white-txt {
    color: white;
    z-index: 1;
}

.bulletin .bulletin-txt {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px;
    font-size: 18px;
    margin-left: 20px;
}

.bulletin .bulletin-txt i {
    position: absolute;
    color: #7e97ba;
    font-size: 50px;
    margin-left: -25px;
    margin-top: -17px;
    z-index: 0;
}

.social-icon {
    top: -5px;
}

.social-icon i {
    color: #cbcbcb;
    font-size: 18px;
}

.social-icon div {
    float: left;
    width: 20%;
    height: 25px;
    text-align: center;
    border: 1px solid white;
    border-radius: 15px;
    padding: 3px;
    margin-right: 3px;
}

.header-form {
    margin: 10px 0 20px 0;
}

.header-form input {
    border-right: none;
    border-radius: 15px;
}

.header-form button {
    border-left: none !important;
    border-radius: 15px;
}

.copyright {
    background: #777;
    padding-top: 20px;
}

.copyright a, .copyright p {
    color: #544862 !important;
    font-weight: bold;
    font-size: 12px;
}

.service-slider-container {
    padding-top: 30px;
}

.service-slider-container .title {
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.services-description {
    padding-top: 30px;
    color: white;
}

.services-description p {
    font-weight: 400;
    color: white !important;
}

.services-more-btn {
    font-size: 12px;
    color: #5f5f5f;
}

.services-img {
    border: 1px solid #818384;
    height: 230px;
    border-radius: 3px;
    background-size: cover;
}

.swiper-slide a {
    font-weight: bold;
    color: #525151;
    font-size: 15px !important;
}

.swiper-slide a:hover {
    color: #525151 !important;
}

.swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 12px !important;
    color: #000 !important;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2) !important;
}

.swiper-pagination-bullet-active {
    color: white !important;
    background: #72b9bd !important;
}

.swiper-pagination-bullet-active {
    background: white !important;
}

#expert-opinion-next {
    color: white;
    float: right;
    font-size: 50px;
    margin-right: -100px;
    margin-top: -15%;
}

#expert-opinion-prev {
    color: white;
    float: left;
    font-size: 50px;
    margin-left: -100px;
    margin-top: -15%;
}

.slider_area .left {
    text-align: right !important;
    opacity: 1 !important;
}

.slider_area .right {
    text-align: left !important;
    opacity: 1 !important;
}

.slider_area .item .carousel-caption, .slider_area .item h3, .slider_area .item a {
    margin: 0;
    padding: 0;
    color: #fff;
    text-decoration: none;
}

.slider_area .item .carousel-caption:hover, .slider_area .item h3:hover, .slider_area .item a:hover {
    text-decoration: none;
    color: #f28ac7 !important;
}

.slider_area .item .slider-text {
    margin-top: 6em;
    font-family: 'Playfair Display', serif !important;
    text-shadow: 2px 2px 2px black;
    position: absolute;
    font-style: italic;
    letter-spacing: 3px;
    z-index: 1700;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 35px;
}

.slider_area .item .slider-text .slider-item-title {
    font-style: italic !important;
}

.slider_area .item .slider-text img {
    height: 4em;
    margin: 1em !important;
    transition: all 2s ease;
}

.slider_area .item h3 {
    font-weight: bold;
    font-size: 45px;
}

.slider_area .item .img {
    height: 28em;
    background-size: cover;
    background-position: center center;
}

.slider_area .slider_navi li {
    float: left;
    width: 20%;
    padding: 10px;
    position: relative;
}

.slider_area .slider_navi li:last-child {
    border: none;
}

.slider_area .slider_navi li:hover {
    background: none !important;
}

.slider_area .slider_navi li a {
    display: block;
    color: #999;
    font-size: 14px;
}

.slider_area .slider_navi li a:hover {
    text-decoration: none;
    background: none !important;
}

.slider_area .slider_navi li a small {
    display: block;
    font-size: 16px;
    color: #333;
}

.slider_area .slider_navi li.active:after {
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    top: -20px;
    left: 45%;
}

.slider_area .item .img {
    height: 33em;
    background-size: cover;
    background-position: center center;
}

#slider-txt-title {
    color: white;
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
    margin-top: 70px;
}

#slider-txt-description {
    margin-top: 10px;
    padding: 10px;
    font-size: 14px;
    color: white;
    line-height: 1.6;
}

.services-title {
    padding-top: 20px;
}

.services-title .services-title-text {
    text-transform: uppercase;
    font-size: 18px;
    color: white;
}

.services-title .title-line {
    border-bottom: 1px solid white;
    margin-top: 10px;
}

.copyright-text .sub-text {
    padding: 20px 0;
}

.copyright-text p {
    color: white !important;
}

@media (max-width: 768px) {
    #training-panel .training-details .training-description-img {
        height: 50em;
    }

    #training-panel .training-list .training-short h2 {
        font-size: 18px;
    }

    #training-panel .training-list .training-img {
        height: 360px !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .training-details .training-desc {
        margin: 15px 0 !important;
    }

    .training-details .training-desc .short {
        margin: 15px -15px;
        text-align: justify;
    }

    .about-text .text-field {
        margin-top: 15px !important;
        text-align: justify;
    }

    #signin-main-panel .tp-item-short {
        font-weight: 400 !important;
        padding: 0 !important;
        text-align: left !important;
        height: 150px;
        overflow: hidden;
    }

    #signin-bg {
        height: auto !important;
    }

    #signin-bg h3 {
        padding: 0 !important;
        height: auto !important;
    }

    .slider_area .item .img {
        height: 20em !important;
        background-size: cover;
        background-position: center center;
    }

    .overlay-container:hover .overlay {
        height: 4em !important;
        top: 12em !important;
    }

    .overlay-container:hover .overlay .text {
        color: white;
        font-size: 14px;
        padding: 15px;
        text-align: center;
    }

    .copyright-text {
        padding: 15px 8px;
    }

    .copyright-text .sub-text {
        padding: 20px 0;
    }

    #footermenu a {
        padding: 0 50px 0 0 !important;
    }

    #footermenu ul li {
        margin-left: -38px !important;
    }
}

@media (max-width: 550px) {
    .navbar-right {
        padding-top: 0 !important;
    }

    .navbar-collapse {
        border-top: none !important;
        position: absolute;
        z-index: 2500;
        left: 0;
        background: #dee6ed;
        width: 100%;
    }

    #training-panel .training-details .training-description-img {
        height: 22em !important;
    }

    #training-panel .training-list .training-img {
        height: 260px !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .gallery-video-item {
        height: 10em !important;
    }

    .training-details .training-desc {
        margin: 15px 0 !important;
    }

    .training-details .training-desc .short {
        margin: auto !important;
    }

    #training-panel .training-details .duration {
        padding: 10px;
    }

    .articles-field .articles-text {
        text-align: center;
    }

    .about-text .text-field {
        margin-top: 15px !important;
    }

    .tp-item-short {
        height: auto !important;
    }

    .training-details .training-desc {
        margin: 15px -15px !important;
    }

    .training-short {
        margin: 15px -15px !important;
    }

    .link-line {
        margin-left: 38% !important;
    }

    .announce-text {
        text-align: center !important;
    }

    .articles-text {
        padding: 25px 15px !important;
        margin-left: 0 !important;
        height: 14em !important;
    }

    .footer-address-field {
        text-align: center !important;
    }

    .footer-social-bar {
        padding: 10px 0 0 22% !important;
    }

    .nav-tabs {
        margin: 20px 0 !important;
    }

    .nav-tabs li {
        width: 100% !important;
    }

    .tab-pane {
        overflow: hidden !important;
        height: auto !important;
    }

    .navbar-right li {
        padding: 10px 15px !important;
    }

    .navbar-right ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    .navbar-brand {
        float: none;
        padding: 0 !important;
        font-size: 18px;
        line-height: 1.7;
        height: auto !important;
    }

    .navbar-brand img {
        width: 30% !important;
        height: auto !important;
        float: left;
        margin-left: 10px;
    }

    .navbar-toggle {
        margin-top: 25px !important;
    }

    .carousel-inner .right, .carousel-inner .left {
        display: none !important;
    }

    .slider_area .item .img {
        height: 16em !important;
        background-position: left 60% center !important;
    }

    .slider-text {
        text-shadow: none !important;
        margin-top: 0 !important;
        font-family: 'Playfair Display', serif !important;
        font-size: 20px !important;
    }

    .slider-text .slider-item-title {
        font-style: italic !important;
    }

    .slider-text img {
        height: 4em !important;
        margin: 1em !important;
        transition: all 2s ease;
    }

    .slider-text h3 {
        font-size: 20px !important;
    }

    .overlay {
        position: relative !important;
        padding: 15px;
        text-align: center;
        top: 12em !important;
        left: auto !important;
        transform: none !important;
    }

    .overlay .text {
        padding: 0 !important;
    }

    .overlay-container:hover .text {
        transform: none !important;
    }

    .social-left-bar {
        top: 70% !important;
    }

    #form-panel .step {
        width: 100% !important;
    }

    .gallery-photo-item {
        height: 12em !important;
        float: left;
    }

    .copyright-text {
        padding: 8px;
    }

    #signin-main-panel #logo-field {
        padding: 10px 20px !important;
        text-align: center;
    }

    #signin-main-panel #logo-field img {
        width: 60% !important;
    }

    #signin-main-panel #signin-bg {
        height: auto !important;
        top: 0 !important;
    }

    #signin-main-panel #signin-bg h3 {
        padding: 0 !important;
        height: auto !important;
    }

    #signin-main-panel #phrase {
        padding: 5px !important;
    }

    #signin-main-panel #phrase h1 {
        margin-top: 3px !important;
        font-size: 20px !important;
        line-height: 1.5;
    }

    #signin-main-panel #signin-form {
        padding: 10px 0 25px 0;
    }

    #training-container .training-item {
        width: 100%;
        margin-bottom: 25px;
        float: left;
        padding: 0 15px !important;
    }

    .xs-hidden {
        display: none;
    }

    .services-img {
        display: none;
    }
}

.page-title {
    overflow: hidden;
}

.page-title img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.page-result {
    padding: 25px 0;
}

.page-result p {
    padding: 25 0;
    color: gray;
}

.page-result h2 {
    color: #65ace0;
    font-style: italic;
}

.news-img {
    height: 250px;
    background-size: cover;
    background-position: center center;
}

.news-panel {
    padding-top: 30px;
    padding-bottom: 30px;
}

.news-panel .img-field img {
    width: 100%;
}

.news-panel .title a {
    color: #544862;
    font-size: 20px;
    text-decoration: none;
}

.news-panel .date {
    padding-top: 15px;
    color: #544862;
    font-size: 11px;
}

.news-panel .short {
    padding-top: 15px;
    color: gray;
    font-size: 12px;
}

.news-panel .more a {
    color: #65ace0;
    font-size: 12px;
}

.news-panel .more a i {
    margin-left: 15px;
}

.news-panel .news-item-clean {
    border-bottom: 1px solid #c5c3c4;
    height: 10px;
    margin: 15px 0;
}

.subpage .page-short {
    font-size: 25px !important;
}

.subpage .news-panel .img-field img {
    width: 100%;
}

.subpage .description {
    padding-top: 25px;
    font-size: 12px;
    color: gray;
}

.subpage .social-icon {
    padding-bottom: 5px;
}

.subpage .social-icon a {
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 12px !important;
    margin-left: 5px;
}

.subpage .social-icon i {
    margin-top: 4px;
    color: white;
}

.subpage .social-icon-page-footer a {
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 8px !important;
    margin-right: 5px;
}

.subpage .social-icon-page-footer i {
    color: white;
}

.subpage .social-icon-page-footer .social-icon-title {
    width: 100%;
    margin-bottom: 10px;
}

.other-newa-panel {
    padding-top: 20px;
}

.other-news-img img {
    width: 100%;
}

.sidebar {
    margin-top: 20px;
}

.sidebar .title {
    color: gray;
    font-size: 20px;
}

.sidebar .title-line {
    border-bottom: 1px solid #65ace0;
    width: 100%;
    margin-top: 15px;
    float: right;
}

.sidebar .pull-right {
    width: 40%;
}

.sidebar .item-title {
    font-size: 12px;
    color: gray;
}

.sidebar .section-item {
    padding-bottom: 15px;
}

.sidebar .sidebar-menu-img {
    background-size: cover !important;
    border-radius: 40px;
    height: 65px;
    width: 65px;
    background-repeat: no-repeat !important;
}

.sidebar .content-field {
    padding-top: 15px;
}

.sidebar .content-field .row {
    margin-bottom: 5px !important;
}

.sidebar .base-item-title {
    padding-left: 0 !important;
    color: gray;
    font-size: 20px;
}

#contact_form .input-field {
    padding: 10px 0;
}

#announcement-list {
    margin-bottom: 20px;
}

#announcement-list a {
    font-size: 13px !important;
    padding: 3px !important;
    border-radius: 0;
    color: gray;
}

.dataTables_filter {
    width: 45% !important;
}

.dataTables_filter input {
    width: 60%;
    height: 26px;
    padding: 2px 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    float: right;
    border-radius: 0 !important;
}

.dataTables_filter label {
    float: left;
    color: gray;
    font-weight: normal !important;
    width: 100% !important;
}

.dataTables_length {
    width: 50% !important;
}

.dataTables_length select {
    border-radius: 0 !important;
    width: 60%;
    height: 26px;
    padding: 2px 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dataTables_length label {
    color: gray;
    font-weight: normal !important;
    width: 100% !important;
}

.paginate_button {
    padding: 5px !important;
    box-shadow: none !important;
    height: 25px !important;
    border: none !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #72b9bd !important;
    transition: all 1s ease;
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    padding: 8px 15px;
    border-radius: 3px;
    height: 35px;
}

.navbar-right {
    margin-right: 0px !important;
    padding-top: 30px;
}

.navbar-right li:hover {
    Background: #c07687;
    transition: all .5s ease;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
}

.navbar-right li:hover ul {
    display: block !important;
    position: absolute;
    z-index: 2500;
    width: 300px;
    background: #dee6ee;
    padding: 0 0 !important;
}

.navbar-right li:hover ul li {
    width: 100% !important;
    height: 50px !important;
}

.navbar-right li:hover ul li a {
    transition: all .5s ease;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
}

.navbar-right li:hover ul li ul {
    display: none !important;
}

.navbar-right ul {
    display: none !important;
}

.navbar {
    border: none !important;
}

.navbar-nav > li.mindfulness-okulu > a {
    display: block;
    content: "";
    width: 100%;
    height: 22px;
    padding: 15px;
    font-weight: 800 !important;
    color: #da8e9f !important;
    text-align: center;
    left: 0;
}

.navbar-nav > li.mindfulness-okulu > a:hover {
    color: #544862 !important;
}

.navbar-nav > li:hover {
    height: 35px !important;
}


.display_flex{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.training-htwo{
    padding-left: 30px;
    text-align: center;
}
.training-subtitle{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.training-subtitle2{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
/* Responsive */

@media (max-width:576px) { /* Telefonun dikey kullanımı */
    .training-subtitle{
        font-size: 17px;
        font-weight: 600;
        text-align: center;
    }
    .training-subtitle2{
        font-size: 22px;
        font-weight: 600;
    }
    #signin-main-panel h3{
        font-size: 17px !important;
    }
}
@media (min-width:576px) and (max-width:768px){ /* Telefonun yatay kullanımı */
    .training-subtitle{
        font-size: 17px;
        font-weight: 600;
        text-align: center;
    }
    .training-subtitle2{
        font-size: 22px;
        font-weight: 600;
    }
    #signin-main-panel h3{
        font-size: 17px !important;
    }
}
@media (min-width:768px) and (max-width:992px){ /* Tabletin dikey kullanımı */
    .training-subtitle{
        margin-top: 10%;
    }
}
@media (min-width:992px) and (max-width:1200px){ /* Tabletin yatay kullanımı */

}
@media (min-width:1200px) and (max-width:1500px){ /* Laptop, PC, TV */

}
@media (min-width: 1500px){

}

/* Responsive*/