/*
 * surgem-custom.css
 * Version - 1.0
 *
 * Copyright (c) 02.2019 Egemen E. DURSUN
 * eedursun@gmail.com
 *
 * font-family: 'Fira Sans', sans-serif;
 *
 * BLUE : #405089;
 * BLUE : rgba(64,80,137,1)
 *
 * ORANGE : #fa5105;
 * ORANGE : rgba(250,81,5,1)
 *
 * GRAY : #A4A0AE
 * GRAY : #C1C4CE
*/


/*
 * Base structure - FULLSCREEN
 */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left: 10px;
    padding-right: 10px;
}
.text-primary{color:#405089!important;}
.text-secondary{color:#fa5105!important;}
.text-mute{color:#A4A0AE!important;}
.text-light{color:#C1C4CE!important;}

.bg-primary {background-color: #405089!important;}
.bg-secondary {background-color: #fa5105!important;}
.bg-light {background-color: #f2f2f2!important;}
.bg-lighter {background-color: #f8f8f8!important;}
.bg-primary-light {background-color: #cfe4f5!important;}
.bg-primary-lighter {background-color: #ecf3f8!important;}
.bg-secondary-light {background-color: #fde5da!important;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color:#405089 ;
}

.font-300{font-weight: 300!important;}
.font-700{font-weight: 700!important;}
.font-800{font-weight: 800!important;}


a,
button:focus,
button:active,
button:hover,
button,
.btn,
.btn:focus,
.btn:hover,
.btn:active{
    outline:none;
    outline:0;
    text-decoration: none;
    /*transition: all 0.15s;*/
}

a:focus,
a:active,
a:hover,
a{
    text-decoration: none;
}

a,
.btn-link{color: #405089;}

.topnavbar a {color: #FFFFFF; font-size: 15px;padding: 0 10px;}
.topnavbar a:hover {color: #000000; }
.topnavbar {
    background-color: #fa5105;
    padding: 15px;
    padding-bottom: 30px;
    color: #FFFFFF;
}
body{
    font-family: 'Fira Sans', sans-serif;
    color: #A4A0AE;
    background-color: #FFFFFF;
    padding: 0;
    height: 100%;
    font-size: 18px;
    /*font-weight: 300;*/

    /*min-height: 75rem;*/
    /*padding-top: 60px;*/
}
#maincontent p,
.modal-body p{
    color: black;
}


.navbar {
    z-index: 999;
    /*top: -15px;*/
    height: 120px;
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
    color: #405089;
}
#content {
    margin-top: -120px;
    /*background-color: aqua;*/
    /*height: 500px;*/
}
.navbar-brand{
    font-size: 60px;
    font-weight: 900;
}
.navbar-brand img{
    height: 79px;
}

.svg-logo{
    width: 58px;
}
.svg-logo{
    fill: #94d31b;
}
.svg-logo:hover {
    fill: #ace63c;
}
.navbar-nav .nav-link{
    font-size: 20px;
    font-weight:600;
}
.nav .nav-link{
    border-bottom: 1px solid rgba(64,80,137,.1);
    padding: 1rem;
}
.nav .nav-link.active {
    color: #fa5105;
}

.nav .nav-link.active::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    right: 30px;
    position: absolute;
    font-size: 12px;
    line-height: 30px;
    color: rgba(64,80,137,.3);
}
.nav [target="_blank"]::after{
    font-family: "Font Awesome 5 Free";
    content: "\f0c1";
    font-weight: 900;
    right: 30px;
    position: absolute;
    font-size: 12px;
    line-height: 30px;
    color: rgba(64,80,137,.3);
}
/*
a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    font-family: Font Awesome\ 5 Free;
    content: '\f107';
    display: block;
    position: absolute;
    right: 20px;
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {
    content: '\f106';
}
*/

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    font-weight:normal!important;
    /*background: #6d7fcc;*/

}
.header-line{
    display: table;
    white-space: nowrap;
}
.header-line:before,
.header-line:after {
    border-top: 1px solid #c1c4ce;
    content: "";
    display: table-cell;
    position: relative;
    top: 0.7em;
    width: 30%;
}
.header-line:before {
    right: 1.5%;
}
.header-line:after {
    left: 1.5%;
}


.egitimler-svg {
    width: 120px;
    margin-bottom: 40px;
}

.cta-image {
    background-image: url("../img/cta-image.png");
    background-position: right 90%;
    background-color: #c1c4ce;
    background-repeat: no-repeat;
}

.divider-v{
    width: 1px;
    margin: 6px 0;
    background: rgba(0,0,0,.1);
}

hr.hr-divider {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #FFFFFF, #c1c4ce, #FFFFFF);
    background-image: -moz-linear-gradient(left, #FFFFFF, #c1c4ce, #FFFFFF);
    background-image: -ms-linear-gradient(left, #FFFFFF, #c1c4ce, #FFFFFF);
    background-image: -o-linear-gradient(left, #FFFFFF, #c1c4ce, #FFFFFF);
}


/* ---------------------------------------------------
    Accordion
----------------------------------------------------- */
#accordion .card-header {
    padding: .2rem;
}
.accordion .card-header{
    padding: 10px;
    background-color: transparent;
    border-bottom: 2px solid #c1c4ce;
}
.accordion .card-header .btn{
    font-size: 1.3rem;
}
.accordion [data-toggle="collapse"]{
    color: #fa5105;
}
.accordion [data-toggle="collapse"].collapsed{
    color: #405089;
}
.accordion [data-toggle="collapse"] .fa:before {
    content: "\f056";
}

.accordion [data-toggle="collapse"].collapsed .fa:before {
    content: "\f055";
}


/* ---------------------------------------------------
    OWL STYLE
----------------------------------------------------- */
/*#owl-index .item .container{*/
    /*width: 90%;*/
/*}*/
#owl-index .item {
    height:700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #405089;
}

#owl-index .owl-nav{
    position: absolute;
    margin: 0;
    top: 45%;
    color: aqua;
    width: 100%;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    font-size: 50px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
}
.owl-carousel .owl-nav button.owl-next{right: 50px}
.owl-carousel .owl-nav button.owl-prev{left: 50px}

.carousel-caption {
    color: #FFFFFF;
    /*bottom: 25px;*/
    width: 70%;
    /*background-color: black;*/
    right: unset;
    left: unset;
    padding: unset;
    position: unset;
}
.carousel-caption h1{
    color: #FFFFFF;
    /*text-transform: uppercase;*/
    /*font-weight: 800;*/
    line-height: 3.5rem;
    font-size: 45px;
    margin-bottom: 1rem;
}
.carousel-caption p{
    line-height: normal;
    color: #FFFFFF;
}



#owl-home .item {
    height:530px;
    background-color: #405089;
}
#owl-home .bg-nedediler{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#owl-home .owl-nav{
    position: absolute;
    margin: 0;
    top: -20px;
    width: 90px;
    height: 40px;
    /*background-color: black;*/
    margin-right: -45px;
    right: 25%;
}
#owl-home .owl-nav button{color: #fa5105;}
#owl-home .owl-nav button:hover{color: #405089;}
#owl-home .owl-carousel .owl-nav button.owl-next,
#owl-home .owl-carousel .owl-nav button.owl-prev{
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    margin: 0;
    font-size: 30px;
    line-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #405089;
}

#owl-home .owl-carousel .owl-nav button.owl-next{right: 0px}
#owl-home .owl-carousel .owl-nav button.owl-prev{left: 0px}


/* ---------------------------------------------------
    COUNTERS
----------------------------------------------------- */
#counter-holder
{
    width: 256px;
    height: 256px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/counter-bg.png");
    margin:0 auto;
    text-align: center;
}
.count
{
    line-height: 49px;
    /*color:#fa5105;*/
    font-size:44px;
}


/* ---------------------------------------------------
    SECTIONS
----------------------------------------------------- */
section#cta-image{
    padding-top: 50px;
    padding-bottom: 50px;
}
section#egitimler,
section#haberduyuru,
section#surgem-nedir,
section#counter,
footer {
    padding-top: 80px;
    padding-bottom: 80px;
}

footer {
    background-color: #262d57;
}
footer a{
    color: #c9c5d4;
}
footer a:hover{
    color: #ffffff;
}
/* ---------------------------------------------------
    SUBPAGE
----------------------------------------------------- */
section#kurumsal-page{
    height:250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #405089;
}
section#kurumsal-page{
    background-image: url("../img/header-bg.jpg");
}
.kurul-content img {
    height: 128px;
}

.table th {
    background-color:#e8eaf2;
    color: #212e84;
    font-weight: 600;
}
.table th, .table td {
    vertical-align: middle;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.025);
}
.table-xs td, .table-xs th {
    padding: .3rem .5rem;
    font-size: small;
}
.table-xxs td, .table-xxs th {
    padding: .5rem .35rem;
    font-size: 12px;
}
.table-5rem th{
    min-width: 5rem;
}


/* ---------------------------------------------------
    GLOBAL BTN STYLE
----------------------------------------------------- */
.btn {
    padding: .75rem 1.5rem;
}
.btn-outline-light i,
.btn-outline-dark i{
    color:#fa5105 ;
}
.btn-outline-light:hover {
    color: #405089;
}
.btn-outline-dark:hover {
    color: #fa5105;
}
.btn-primary,
.btn-secondary{
    border: none;
    /*border-radius: 0;*/
    padding: 0.4em 1em 0.6em 1em;
    text-align: center;
    line-height: normal;
}

/* ---------------------------------------------------
    BTN-PRIMARY STYLE
----------------------------------------------------- */
.btn-primary {
    color: #FFFFFF;
    background-color: #2c3463;
}
.btn-primary:hover {
    color: #FFFFFF;
    background-color: #1b2b8d;
    border:none;
}
.btn-primary:hover span,
.btn-primary:active span,
.btn-primary:focus span{
    color: #FFFFFF;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled):focus,
.btn-primary:active,
.btn-primary:focus,
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
    color: #FFFFFF;
    background-color: #1b2b8d;
    box-shadow: 0 0 0 0.2rem rgba(44,52,99,.3);
    border: none;
}
/* ---------------------------------------------------
    BTN-PRIMARY OUTLINE STYLE
----------------------------------------------------- */
.btn-outline-primary {
    color: #405089;
    background-color: transparent;
    background-image: none;
    border-color: #c1c4ce;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #405089;
    border-color: #405089;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #405089;
    border-color: #405089;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #405089;
    border-color: #405089;
}
/* ---------------------------------------------------
    BTN-SECONDARY STYLE
----------------------------------------------------- */
.btn-secondary {
    color: #FFFFFF;
    background-color: #fa5105;
}
.btn-secondary:hover {
    color: #FFFFFF;
    background-color: #fa5105;
    border:none;
}
.btn-secondary:hover span,
.btn-secondary:active span,
.btn-secondary:focus span{
    color: #FFFFFF;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):focus,
.btn-secondary:not([disabled]):not(.disabled):active,
.btn-secondary:not([disabled]):not(.disabled):focus,
.btn-secondary:active,
.btn-secondary:focus,
.show>.btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus{
    color: #FFFFFF;
    background-color: #fa5105;
    box-shadow: 0 0 0 0.2rem rgba(250,81,5,.3);
    border: none;
}

/* ---------------------------------------------------
    BTN-SECONDARY OUTLINE STYLE
----------------------------------------------------- */
.btn-outline-secondary {
    color: #fa5105;
    background-color: transparent;
    background-image: none;
    border-color: #fa5105;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fa5105;
    border-color: #fa5105;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fa5105;
    border-color: #fa5105;
}





.text-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.small, small {
    font-size: 90%;
}
.smaller {
    font-size: 80%;
}
.smallest {
    font-size: 70%;
}
.lineheight-normal{
    line-height: normal;
}

.page-heading {
    background-color: #fde5da!important;
}
.page-heading h5{
    margin: 0;
    padding: 15px 5px;
    font-weight: 400;
    color: #fa5105;
    letter-spacing: -0.05em;
    /*padding-left: 55px;*/
}
#pageheader {
    position: fixed;
    width: 100%;
    /*
		top: 10px; 
    z-index: 98;
		*/
}



.back-btn {
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    /*position: absolute;*/
    /*right: 20px;*/
    /*top: 15px;*/
}

/* ---------------------------------------------------
    SWITCH-button
----------------------------------------------------- */
.switch {
    font-size: 1rem;
    position: relative;
}
.switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
}
.switch input + label {
    position: relative;
    min-width: calc(calc(2.375rem * 0.8) * 2);
    border-radius: calc(2.375rem * 0.8);
    height: calc(2.375rem * 0.8);
    line-height: calc(2.375rem * 0.8);
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
}
.switch input + label::before,
.switch input + label::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(calc(2.375rem * 0.8) * 2);
    bottom: 0;
    display: block;
}
.switch input + label::before {
    right: 0;
    background-color: #dee2e6;
    border-radius: calc(2.375rem * 0.8);
    transition: 0.2s all;
}
.switch input + label::after {
    top: 2px;
    left: 2px;
    width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
    height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
    border-radius: 50%;
    background-color: white;
    transition: 0.2s all;
}
.switch input:checked + label::before {
    background-color: #2c3463;
}
.switch input:checked + label::after {
    margin-left: calc(2.375rem * 0.8);
}
.switch input:focus + label::before {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(44,52,99,0.25);
}
.switch input:disabled + label {
    color: #868e96;
    cursor: not-allowed;
}
.switch input:disabled + label::before {
    background-color: #e9ecef;
}
.switch.switch-sm {
    font-size: 0.875rem;
}
.switch.switch-sm input + label {
    min-width: calc(calc(1.9375rem * 0.8) * 2);
    height: calc(1.9375rem * 0.8);
    line-height: calc(1.9375rem * 0.8);
    text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-sm input + label::before {
    width: calc(calc(1.9375rem * 0.8) * 2);
}
.switch.switch-sm input + label::after {
    width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
    height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
    margin-left: calc(1.9375rem * 0.8);
}
.switch.switch-lg {
    font-size: 1.25rem;
}
.switch.switch-lg input + label {
    min-width: calc(calc(3rem * 0.8) * 2);
    height: calc(3rem * 0.8);
    line-height: calc(3rem * 0.8);
    text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-lg input + label::before {
    width: calc(calc(3rem * 0.8) * 2);
}
.switch.switch-lg input + label::after {
    width: calc(calc(3rem * 0.8) - calc(2px * 2));
    height: calc(calc(3rem * 0.8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
    margin-left: calc(3rem * 0.8);
}
.switch + .switch {
    margin-left: 1rem;
}
.switch-form label{margin-bottom: 1rem}
.switch-form .form-group .row{
    padding-left:10px;
    padding-right:10px;
}
.switch-form .form-group{
    border-bottom: 1px solid rgba(0,0,0,.125);
}

label {
    margin-bottom: .2rem;
    color: #7386D5;
    font-size: 0.700rem;
}
.tab-content {
    border: 1px solid #e9ecef;
    border-top: none;
}
.nav-tabs .nav-link.active {
    font-weight: bold;
    color: #2c3463;
    background-color: #ecf3f8;
    border-bottom: 0;
}
.form-control-xs, .input-group-xs>.form-control, .input-group-xs>.input-group-addon, .input-group-xs>.input-group-btn>.btn, .btn-group-xs>.btn, .btn-xs {
    padding: .20rem .5rem;
    font-size: 0.675rem;
    line-height: 1.8;
}


/* Required for scroll effects*/
.xhidden{
    opacity:0;
}
.xvisible{
    opacity:1;
}

/* ---------------------------------------------------
    SEARCH BAR
----------------------------------------------------- */
.sb-search {
    position: absolute;
    margin-top: 0;
    width: 0%;
    min-width: 30px;
    height: 30px;
    right: 0;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    top: 0;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 75%;
    height: 30px;
    margin: 0;
    z-index: 10;
    padding: 10px;
    font-family: inherit;
    font-size: 14px;
    color: #405089;
}

.sb-search-input::-webkit-input-placeholder {
    color: #efb480;
}

.sb-search-input:-moz-placeholder {
    color: #efb480;
}

.sb-search-input::-moz-placeholder {
    color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
    color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: #fa5105;
    z-index: 90;
    font-size: 14px;
    speak: none;
    /* -webkit-font-smoothing: antialiased; */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.sb-icon-search:before {
    content: "\f002";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #BB3F05;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/* ---------------------------------------------------
    GALLERY GRID
----------------------------------------------------- */
/*
* BLUE : #405089;
* BLUE : rgba(64,80,137,1)
*
* ORANGE : #fa5105;
* ORANGE : rgba(250,81,5,1)
*/
.grid-gallery-list {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 1em 0;
    max-width: 100%;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid-gallery-list figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    /*width: 48%;*/
    width: calc(32% - 10px);
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid-gallery-list figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid-gallery-list figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid-gallery-list figure figcaption::before,
.grid-gallery-list figure figcaption::after {
    pointer-events: none;
}

.grid-gallery-list figure figcaption,
.grid-gallery-list figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid-gallery-list figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid-gallery-list figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid-gallery-list figure h2 span {
    font-weight: 800;
}

.grid-gallery-list figure h2,
.grid-gallery-list figure p {
    margin: 0;
}

.grid-gallery-list figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/* Individual effects */
/*-----------------*/
/***** Steve *****/
/*-----------------*/

figure.effect-steve {
    z-index: auto;
    overflow: visible;
    background: #000;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #000;
    content: '';
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-steve:before {
    box-shadow: 0 3px 30px rgba(0,0,0,0.8);
    opacity: 0;
}

figure.effect-steve figcaption {
    z-index: 1;
}

figure.effect-steve img {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: perspective(1000px) translate3d(0,0,0);
    transform: perspective(1000px) translate3d(0,0,0);
}
figure.effect-steve h2 {
    position: relative;
    margin-top: 2em;
    padding: 0.25em;
    color: #fa5105;
    background: #fff;
}
figure.effect-steve h2:before {
    box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

figure.effect-steve p {
    margin-top: 1em;
    padding: 0.5em;
    opacity: 0;
    color:#405089;
    background: #fff;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(0.9,0.9,1);
    transform: scale3d(0.9,0.9,1);
}

figure.effect-steve:hover:before {
    opacity: 1;
}

figure.effect-steve:hover img {
    -webkit-transform: perspective(1000px) translate3d(0,0,21px);
    transform: perspective(1000px) translate3d(0,0,21px);
}


figure.effect-steve:hover h2:before {
    opacity: 0;
}

figure.effect-steve:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

/* ---------------------------------------------------
    RESPONSIVE
----------------------------------------------------- */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .sb-search-input {
        width: 100%;
    }
    .sub-title {
        font-size: 13px;
    }
    .navbar-brand img {
        height: auto;
        width: 100%;
    }
    .navbar-brand{
        width: 75%;
        margin: 0;
    }
    .navbar{
        padding-left: 15px;
        padding-right: 15px;
    }
    #navbarCollapse{
        background-color: white;
        padding: 15px;
        width: 100%;
        border: 1px solid #dee2e6;
        border-top: 0;
    }
    #owl-index .item{
        height: 460px;
    }
    .carousel-caption{
        width: 100%;
    }
    .carousel-caption h1{
        line-height: initial;
        font-size: 25px;
        margin-bottom: 1rem;
    }
    #owl-index .owl-nav{
        display: none;
    }
    section#cta-image{
        padding: 35px 15px;
        background-position: -20% 90%;
    }
    section#egitimler,
    section#haberduyuru,
    section#surgem-nedir,
    section#counter,
    footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .egitimler-svg {
        margin-bottom: 20px;
    }
    .h1, h1 {
        font-size: 2rem;
    }
    #counter-holder {
        width: 100%;
        height: 240px;
    }
    .count {
        line-height: 39px;
        font-size: 36px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {  }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {  }

/* Extra large devices (large desktops)
 No media query since the extra-large breakpoint has no upper bound on its width */


@media (min-width: 1700px){
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 768px){
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

}
@media (min-width: 34em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 62em) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media (min-width: 75em) {
    .card-columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
}