@charset "utf-8";
@import "fontlar.css";
@import 'reset.css';
@import 'owl.carousel.css';
@import 'jquery.fancybox.css';
@import 'jquery.mmenu.all.css';
@import "bootstrap-select.css";
@import "jquery.mCustomScrollbar.css";
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');
@import "animate.css";
*{}
::-webkit-scrollbar {
    width: 8px;
    margin-left:5px;
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #100c27;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #222;
}
::selection {
    background-color: #222;
    color: #fff;
}
::placeholder {color: #dcdcdc; opacity: 1; /* Firefox */}
html{}
body{background-color: #fff;font-size: 14px;color:#222;font-family: 'Montserrat', sans-serif;font-weight: 400;overflow-x: hidden;}

.talepformu {width: 320px;text-align: center;height: 100%;position: fixed;background-color: #ffffff;display: table;right: 0;top: 0;border-left: 3px solid #3c3c3c;padding: 5% 25px;z-index: 9;}
.talepformu .hiza { display: table-cell; vertical-align: middle; }
.talepformu h1 {font-size: 22px;font-weight: 800;color: #373737;}
.talepformu p {font-size: 12px;font-weight: 300;line-height: 16px;color: #bfbfbf; text-align:left;}
.talepformu a.telefon{font-size: 26px;color: #af032b;padding: 2% 3% 0% 3%;display: inline-block;font-weight: 800;}
.talepformu form { margin-top: 10%; }
.talepformu form input[type=text] {width: 100%;margin-bottom: 14px;border: none;background: transparent;border-bottom: 1px solid #b7b7b7;font-size: 13px;color: #000;padding: 5px;}
.talepformu form input[type=tel] {width: 100%;margin-bottom: 14px;border: none;background: transparent;border-bottom: 1px solid #b7b7b7;font-size: 13px;color: #000;padding: 5px;}
.talepformu form input[type=email] {width: 100%;margin-bottom: 14px;border: none;background: transparent;border-bottom: 1px solid #b7b7b7;font-size: 13px;color: #000;padding: 5px;}
.talepformu form textarea {width: 100%;border: none;background: transparent;border-bottom: 1px solid #b7b7b7;margin-bottom: 5px;font-size: 13px;color:#000;}
.talepformu form input[type=submit] {width: 100%;font-size: 16px;background-color: #002248;color: #fff;padding: 5px;cursor:pointer;font-weight: bold;border: none;}
.talepformu form .onayradio { margin: 15px 0 8px 0; }
.talepformu form label {cursor: pointer;font-weight: 300;}
.talepformu form input[type=radio] {opacity: 0;padding: 0;margin-right: 10px;}
.talepformu form input[type=radio]:not(old) + label {display: inline-block;padding-left: 28px;background: url(../images/checks2.png)no-repeat 0 0;line-height: 25px;cursor: pointer;font-size: 14px;color: #000;}
.talepformu form input[type=radio]:not(old):checked + label { background-position: 0 -29px }
.talepformu form input[type=submit]:hover {background-color: #bc1f3b;color: #fff;}
.talepformu a.logo {margin-bottom: 30px;display: inline-block;}
::placeholder{ color: #b7b7b7; }

#section0{position: relative;}
#section0 .ort { width: calc(100% - 320px); height: 100vh; position: relative; }
#section0 .ort .background {background-image: url(../images/bg.jpg);width: 100%;height: 100%;background-size: cover;position: relative;z-index: 1;background-position: left;}
#section0 .ort .background2 {background-image: url(../images/bg-left.png);width: 100%;height: 100%;background-size: cover;background-position: left;background-repeat: no-repeat;position:absolute;left:0;top: 0;z-index: 12;}

.mobil-slide{ width: 100%; height: auto; float: left; display: none; }

#section1 {position: relative;z-index: 9;float: left;width: 100%;}
#section1 .ort {width: calc(100% - 320px);height: auto;position: relative;padding: 3%;float: left;}
#section1 figure {float: right;margin-left: 2%;position: relative;display: inline-block;margin-top: 0px;width: 35%;margin-bottom: 0px;}
#section1 figure img {border-radius: 20px;border: 4px solid #fff;width: 100%;}
#section1 h2 {font-weight: 300;font-size: 32px;text-align: left;}
#section1 h2 strong {color: #33c9d5;display: block;font-weight: 900;}
#section1 p {font-weight: 300;font-size: 18px;text-align: left;}

#online-kayit-ile-kariyerini-netlestir {position: relative;width: 100%;float: left;background-color: #0726db;}
#online-kayit-ile-kariyerini-netlestir .ort {width: calc(100% - 320px);height: auto;position: relative;padding: 3%;float: left;}
#online-kayit-ile-kariyerini-netlestir h2 {font-weight: bold;font-size: 42px;color: #fff;}
#online-kayit-ile-kariyerini-netlestir .line {width: 200px;height: 2px;background-color: #fff;/* margin: 0 auto; */margin-top: 0px;position: relative;margin-bottom: 20px;}
#online-kayit-ile-kariyerini-netlestir p {font-weight: 400;font-size: 18px;color: #fff;width: 90%;/* margin: 0 auto; */margin-bottom: 20px;}

#basak-kurs {position: relative;width: 100%;float: left;background-image: url(../images/yasam.jpg);background-size: cover;}
#basak-kurs .ort {width: calc(100% - 320px);height: auto;position: relative;padding: 3%;float: left;}
#basak-kurs h2 {}
#basak-kurs .line {width: 200px;height: 2px;background-color: #fff;margin: 0 auto;margin-top: 20px;position: relative;margin-bottom: 20px;}
#basak-kurs h2 {font-weight: bold;font-size: 32px;color: #fff;margin-bottom: 30px;border-left: 5px solid #fff;padding-left: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#basak-kurs h3 {font-weight: bold;font-size: 28px;color: #fff;margin-top: 50px;text-align: center;}
#basak-kurs p {font-weight: 400;font-size: 18px;color: #fff;text-align: center;width: 80%;margin: 0 auto;margin-bottom: 20px;}
#basak-kurs ul {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3; width: 90%; margin:0 auto;margin-top: 40px;}
#basak-kurs ul li {font-size: 18px;color: #fff;line-height: 60px;background-image: url(../images/tick.png);background-repeat: no-repeat;padding-left: 30px;background-size: 18px;background-position: 0px 20px;}
#basak-kurs ul li:nth-child(2n+1) { font-weight: 700; }

.width100 { width: 100%; }
.basak-box-galeri {float: left;margin-bottom: -35px;padding: 0 7px 0 0;}
.basak-box-galeri a:hover .three-boxes:after {background-color: rgba(29,145,192,.6);}
.basak-box-galeri a { display: block; }
.basak-box-galeri .three-boxes { padding: 5px; position: relative; z-index: 1; }
.basak-box-galeri .three-boxes figure {overflow: hidden;position: relative;margin-bottom: 4px;}
.basak-box-galeri .three-boxes img { width: 100%; transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;  }
.basak-box-galeri a:hover .three-boxes img { transform: scale(1.15);-webkit-transform: scale(1.15); }
.basak-box-galeri .three-boxes .boxes-text h1 {position: relative;color: #272727;font-weight: 700;font-size: 16px;width: 100%;z-index: 3;line-height: 23px;text-align:  left;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;height: 41px;overflow:  hidden;}
.basak-box-galeri a:hover .three-boxes .boxes-text h1 {color: #273685;}
.basak-box-galeri .three-boxes .boxes-text p {font-weight: 300;color: #ffffff;line-height: 24px;font-size: 14px;text-align: left;font-weight: 600;background: #002248;display: inline-block;padding: 0 12px;position: relative;top: -27px;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;margin-bottom: 17px;}
.basak-box-galeri:hover .three-boxes .boxes-text p {background-color: #ca0133;}
.basak-box-galeri .three-boxes .boxes-text span {font-weight: 700;color: #555555;line-height: 24px;font-size: 14px;background-color: #f9dc30;padding: 7px 17px;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;}
.basak-box-galeri .three-boxes .boxes-text span:hover {color: #fff;background-color: #000;}
.basak-box-galeri .three-boxes .boxes-text h1 b {color: #000;font-weight: 700;}

#foto-galeri .owl-theme .owl-controls .owl-nav  .owl-prev:hover,#foto-galeri .owl-theme .owl-controls .owl-nav  .owl-next:hover{ opacity: 0.5;}
#foto-galeri .owl-theme .owl-controls .owl-nav  .owl-next{background: url(../images/slider/slidernext.png) no-repeat;padding: 11px 18px;text-indent: -9999px;z-index: 9999;float: right;background-position: center;webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background-size: 9px;background-color: #347b8d;}
#foto-galeri  .owl-dots{display: none !important;position: absolute;top: 45%;right: 2%;width: 10px;}
#foto-galeri .owl-theme .owl-controls .owl-nav .owl-prev{background: url(../images/slider/sliderprev.png) no-repeat;padding: 11px 21px;text-indent: -9999px;z-index: 9999;float: left;background-position: center;webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background-size: 9px;background-color: #347b8d;}

#foto-galeri {position: relative;float: left;width: 100%;}
#foto-galeri .ort {width: calc(100% - 320px);height: auto;position: relative;padding: 3%;float: left;}
#foto-galeri h2 {font-weight: bold;font-size: 32px;color: #002248;margin-bottom: 30px;border-left: 5px solid #002248;padding-left: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

#iletisim {position: relative;background-color: #f2f3f4;width: 100%;float: left;border-top: 2px solid #dbddde; }
#iletisim .ort {width: calc(100% - 320px);height: auto;position: relative;padding: 3%;float: left;}
#iletisim .information .line {width: 200px;height: 2px;background-color: #002248;margin-top: 0px;position: relative;margin-bottom: 20px;}
#iletisim .information h2 {font-weight: bold;font-size: 32px;color: #002248;margin-bottom: 10px;/* text-align: center; */}
#iletisim .maps .iframe {border: 2px solid #dbddde !important;}
#iletisim .information p {font-weight: 400;font-size: 18px;color: #222;margin-bottom: 20px;}
#iletisim .information p img {margin-right: 6px;}
#iletisim .information p strong,#iletisim .information p p { font-weight: 600; }
#iletisim .information .sosyal {display: block;margin-top: 0px;float: left;margin-right: 5px;margin-bottom: 20px;}
#iletisim .information .sosyal .sosyalmedya {border:1px solid #222;width: 40px;}
#iletisim .information .sedd {margin-bottom: 40px;background-color: #000;}
#iletisim .information .sedd:hover {background-color: #347b8d;}
#iletisim .footer-alt{width: calc(100% - 320px);height: 50px;}
#iletisim .footer-alt p{text-align: center;}
#iletisim .footer-alt p span{font-weight: bold;}
.ajaxloader {
    width: 80px;
    text-align: center;
    margin: auto
}

.bubblingG {
    text-align: center;
    width: 80px;
    height: 50px
}

.bubblingG span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 25px auto;
    background: #173c6e;
    -moz-border-radius: 50px;
    -moz-animation: bubblingG 1.3s infinite alternate;
    -webkit-border-radius: 50px;
    -webkit-animation: bubblingG 1.3s infinite alternate;
    -ms-border-radius: 50px;
    -ms-animation: bubblingG 1.3s infinite alternate;
    -o-border-radius: 50px;
    -o-animation: bubblingG 1.3s infinite alternate;
    border-radius: 50px;
    animation: bubblingG 1.3s infinite alternate
}

#bubblingG_1 {
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0
}

#bubblingG_2 {
    -moz-animation-delay: .39s;
    -webkit-animation-delay: .39s;
    -ms-animation-delay: .39s;
    -o-animation-delay: .39s;
    animation-delay: .39s
}

#bubblingG_3 {
    -moz-animation-delay: .78s;
    -webkit-animation-delay: .78s;
    -ms-animation-delay: .78s;
    -o-animation-delay: .78s;
    animation-delay: .78s
}

.radiovalidate {
    position: ABSOLUTE;
    right: -16px;
    top: 6px
}

.izin {
    margin: auto;
    width: 200px
}

@-moz-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        -moz-transform: translateY(0)
    }
    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        -moz-transform: translateY(-21px)
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        -webkit-transform: translateY(0)
    }
    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        -webkit-transform: translateY(-21px)
    }
}

@-ms-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        -ms-transform: translateY(0)
    }
    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        -ms-transform: translateY(-21px)
    }
}

@-o-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        -o-transform: translateY(0)
    }
    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        -o-transform: translateY(-21px)
    }
}

@keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        transform: translateY(0)
    }
    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        transform: translateY(-21px)
    }
}

.formError {
    z-index: 990
}

.formError .formErrorContent {
    z-index: 991
}

.formError .formErrorArrow {
    z-index: 996
}

.ui-dialog .formError {
    z-index: 5000
}

.ui-dialog .formError .formErrorContent {
    z-index: 5001
}

.ui-dialog .formError .formErrorArrow {
    z-index: 5006
}

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    box-sizing: border-box
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

body.rtl .formError .formErrorArrow,
body[dir=rtl] .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow .line10 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 11px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

a.active.galeritab-a {
    color: #e84e0f
}

.donen-daire5 {
    position: absolute;
    border-radius: 100%;
    border: 10px solid rgba(255, 255, 255, 0);
    width: 550px;
    height: 550px;
    top: -35px;
    left: -25px;
    -webkit-animation: donus 4s infinite ease-in-out;
    animation: donus 4s infinite ease-in-out
}

.donen-daire-m5 {
    position: absolute;
    border-radius: 100%;
    border: 12px solid #56ada2;
    width: 20px;
    height: 20px;
    bottom: -5%;
    left: 45%
}

.donen-daire6 {
    position: absolute;
    border-radius: 100%;
    border: 10px solid rgba(255, 255, 255, 0);
    width: 225px;
    height: 225px;
    top: 0;
    left: -20px;
    -webkit-animation: donus1 4s infinite ease-in-out;
    animation: donus1 4s infinite ease-in-out;
    z-index: -1
}

.donen-daire-m6 {
    position: absolute;
    border-radius: 100%;
    border: 5px solid #56ada2;
    width: 10px;
    height: 10px;
    bottom: -5%;
    left: 45%
}

.yukari-ok {
    background: url(../images/ok-yukari.png);
    position: fixed;
    bottom: 20px;
    width: 30px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    background-repeat: repeat-y;
    border-bottom: 4px solid #56ada2;
    left: 10px;
    -webkit-animation: ok-yukari 1s infinite;
    animation: ok-yukari 1s infinite;
    background-position: 50% 0;
    cursor: pointer
}

@keyframes ok-yukari {
    0% {
        background-position: center bottom
    }
    100% {
        background-position: center top
    }
}

@-webkit-keyframes ok-yukari {
    0% {
        background-position: center bottom
    }
    100% {
        background-position: center top
    }
}

@-moz-keyframes ok-yukari {
    0% {
        background-position: center bottom
    }
    100% {
        background-position: center top
    }
}

@-o-keyframes ok-yukari {
    0% {
        background-position: center bottom
    }
    100% {
        background-position: center top
    }
}

@-ms-keyframes ok-yukari {
    0% {
        background-position: center bottom
    }
    100% {
        background-position: center top
    }
}

.donen-kare {
    position: absolute;
    border-radius: 100%;
    border: 10px solid rgba(255, 255, 255, 0);
    top: -35px;
    left: -35px;
    -webkit-animation: kare 4s infinite ease-in-out;
    animation: kare 4s infinite ease-in-out
}

.donen-kare-m {
    position: absolute;
    border-radius: 100%;
    border: 5px solid #fff;
    width: 12px;
    height: 12px;
    top: -5%;
    left: 45%
}

@keyframes kare {
    25% {
        left: 100%;
        top: -35px
    }
    50% {
        top: 100%;
        right: -35px;
        left: initial
    }
    75% {
        right: 100%;
        left: -35px;
        top: 100%
    }
}

.online-kayit-img {width: 28%;margin-left: 40px;float: right;border: 5px solid #facb0c;}
.online-kayit-img img { width: 100%; float: left; }