/* BODY */
body{ font-family: 'Open Sans', sans-serif; color: #333; }

/*header{ height: 810px; position: relative; overflow: hidden; }*/

.navbar-bg:after{ content: ''; z-index: -1; position: absolute; left: 0; top:0; width:100%; height: 100%; background-color: #01114d; opacity: .65;  }

.navbar-custom{ border-radius: 0; top : 65px; border: 0; z-index: 999; font-family: 'DINbek'; }
.navbar-custom a{ color:#fff; font-size:17pt; }
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus { background-color: transparent; color:#C5DFF4; }
.navbar-custom .navbar-right li{ padding: 0; margin: 0; }
.navbar-custom .navbar-right .phone{ color:#fff; font-size:30pt; line-height: 35pt; text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.35); }
.navbar-custom .navbar-right .phone i{ position: absolute; left:-50px; }
.navbar-custom .navbar-nav{ margin-left: 30px; }

.navbar-toggle .icon-bar{ background-color: #fff; }

.container-header{ width: 95%; margin: 0 auto; }
.ptop20{ padding-top: 20px; }

.navbar-brand{ position:relative;  }
.navbar-brand img{position:relative;/* top:-50px; */float:left;}
.navbar-brand span{ margin-left: 10px; font-size:20pt; }

.video-background { background: #AFCDD5 url(img/top-background.jpg) center no-repeat; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: -99;}
.video-background .video-player { position: absolute; top: 0; left: 0; width: 100%; z-index: 1;  }
.video-background:after{ content:""; position: absolute; left:0; top:0; width:100%; height: 100%; background: url(img/video-mask.png); z-index: 2; }


.form-container{ width: 400px; right: 0; padding: 15px; top:80px; position: absolute;}
.form-container form{ background-color: #01114d; padding: 20px;}
.form-container .form-control-custom{ width: 100%; padding: 8px; border:0; font-size: 13pt; }
.form-container .form-group{ margin-bottom: 6px; }
.form-container .title{ font-family: 'DINbek'; display: block; font-size:27pt; font-weight: bold; color:#fff; text-align: center; }
.form-container .message{ display: block; font-size:13pt; color:#91d7ff; text-align: center; margin-bottom: 15px; }
.form-container .btn-default{ width: 100%; background-color: #75a3cd; border-radius: 0; border: 0; font-size:15pt; color:#fff; font-weight: bold; padding: 10px; }
.form-container label{ color:#fff; }
.form-container:before{ content: ""; width: 100%; height: 100%; background-color: #01114d; position: absolute; left: 0; top:0; z-index: -1; opacity: .65 }

.form-container .form-result{ display:none; background-color: #01114d; padding: 20px; padding-top: 120px; padding-bottom: 120px; color:#fff; font-size: 20pt; font-family: 'DINbek'; }
.form-container .form-result strong{ display: block; margin-bottom: 20px; }


.text-slider{ position: absolute; bottom :105px; left:60px; width: 52%; }
.text-slider span{ display: none; color: #fff; font-family: 'DINbek'; font-size: 30pt; line-height: 33pt; text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.65); }


.big-menu{ position: relative; margin-top:-80px; }

.big-button{ margin:0; padding: 0;}
.big-button li{ margin:0; padding: 0; list-style: none; float: left; width: 25%; height: 185px;  }
.big-button li a{ display: flex; align-items: center; position: relative; vertical-align: middle; text-align: center; width: 100%; height: 100%; text-decoration: none; color:#fff; font-family: 'DINbek'; font-size: 20pt; }
.big-button li a:hover{ text-decoration: none; }
.big-button li a.active:after{ content:''; position: absolute; width: 100%; height: 15px; bottom:-15px; left:0;}
.big-button li a span{ position: relative; margin:0 auto; width: 100%; }
.big-button li a span .title{ height: 60px; }
.big-button li a span .title .line2{ position: relative;width: 210px;line-height: 21pt;display: inline-block; }
.big-button li a span .info{ display: flex; width: 100%; height: 0; font-family: 'Century Gothic', sans-serif; font-size:10pt; align-items: center; position: relative; vertical-align: middle;  overflow: hidden;}
.big-button li a span .info .text{ position:relative; margin:0 auto; }
.big-button li a span .info .link{ width: 100%; position: absolute; left:0; bottom:0; background-color: #4775a0; color:#fff; padding: 2px 0; font-size: 15pt; font-family: 'DINbek'; }
.big-button li a:hover .info{ height: 100px; padding-bottom: 30px; transition: height .1s;-moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s;-webkit-transition: height .2s;}
.big-button li a.active:hover .info{ height: 0; padding-bottom: 0; transition: height .1s;-moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s;-webkit-transition: height .2s; }

.color-kilavuz, .color-kilavuz a.active:after{ background-color: #01114d; }
.color-burs, .color-burs a.active:after{ background-color: #75a3cd; }
.color-tercih, .color-tercih a.active:after{ background-color: #8ebde7; }
.color-yurt, .color-yurt a.active:after{ background-color: #badefe; }
.color-360tur, .color-360tur a.active:after{ background-color: #badefe; }
.color-sayilar, .color-sayilar a.active:after{ background-color: #8ebde7; }
.color-erasmus, .color-erasmus a.active:after{ background-color: #75a3cd; }
.color-gecis, .color-gecis a.active:after{ background-color: #01114d; }


.search-container{ width: 100%; background-color: #01114d; margin:15px 0; padding: 30px 15px; }
.search-container span.label{ color:#fff; font-family: 'DINbek'; font-size: 20pt; }
.search-container .search-input{ border:0; padding:8px; width: 100%; margin-bottom:10px; }
.search-container .search-select{ border:0; padding:8px; width: 100%; margin-bottom:10px; }
.search-container .search-submit{ background-color: #75a3cd; border:0; color:#fff; font-family: 'DINbek'; padding: 8px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.search-container .search-button{ background-color: #8ebde7; border:0; color:#fff; font-family: 'DINbek'; padding: 8px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.search-container .search-detail{ display: none; }

.search-result-container{ background-color: #fff; margin-top:30px; padding: 10px; }
.search-result-item{ margin-bottom:40px; }
.search-result-item a{ text-decoration: none; color:#333; }
.search-result-item h4{ color:#00219c; font-weight: bold; padding: 0; margin:0; margin-bottom: 5px;}

.tab-container{ position: relative; }
.tab-container .tab{ display: none; margin-top:15px; position: relative; padding: 20px;}
.tab-container .tab .tab-content{ background-color: #fff; padding: 15px; }
.tab-container .active{ display: block; }




.media-container{ background: url(img/media-background.jpg) center bottom no-repeat; padding-bottom: 40px; margin-top: 15px; margin-bottom: 15px; }
.media-title{ background-color: #01114d; padding: 5px 10px; font-family: 'DINbek'; color:#fff; font-size:17pt;  }
.media-content{ padding: 15px; position: relative; }
.media-content *{ position: relative; }
.media-content:before{ content:""; left:0; top:0; background-color: #01114d; opacity: .5; width: 100%; height: 100%; position: absolute; }
.media-content iframe{ border: none; display:block; }

.media-container .col-md-7{ padding-right: 0; }
.media-container .col-md-5{ padding-left: 0; }

.owl-carousel .owl-nav { position: absolute; top:50%; margin-top:-25px; width: 100%; }
.owl-carousel .owl-nav .owl-prev{ color:#fff; font-size:18pt; text-align: center; padding: 5px; width:70px; position: absolute; left:0; top:0; }
.owl-carousel .owl-nav .owl-next{ color:#fff; font-size:18pt; text-align: center; padding: 5px; width:70px; position: absolute; right:0; top:0; }

.owl-carousel .owl-nav div:before{ content:""; z-index: 0; background-color: #01114d; width:100%; height: 100%; left:0; top:0; position: absolute; opacity: .5; }



.box-container{ background: url(img/bottom-background.jpg) center no-repeat; position: relative; padding-top:25px; padding-bottom: 10px; margin-bottom: 15px; }
.box-container .box-list{ padding:0; margin:0; list-style: none; }
.box-container .box-list li{ font-family: 'DINbek'; font-size: 22pt; letter-spacing: -2px; display: flex; align-items: center; position: relative; vertical-align: middle; text-align: center; width:25%; height: 185px; float: left; margin-bottom: 15px; color:#fff;  text-align: center; }
.box-container .box-list li div{ margin: 0 auto; padding: 0 5px; }
.box-container .box-list li *{ display: block; z-index: 1; }

.boxColor1:after{ content:""; width:100%; height:100%; left:0; top:0; position: absolute; background-color: #01114d; opacity: .85; }
.boxColor2:after{ content:""; width:100%; height:100%; left:0; top:0; position: absolute; background-color: #75a3cd; opacity: .85; }
.boxColor3:after{ content:""; width:100%; height:100%; left:0; top:0; position: absolute; background-color: #8ebde7; opacity: .85; }
.boxColor4:after{ content:""; width:100%; height:100%; left:0; top:0; position: absolute; background-color: #badefe; opacity: .85; }

.box-container .font-big{ font-size:34pt; }
.box-container .font-medium{ font-size:30pt; }


.scroll-form{ display: none; position: fixed; text-align: center; bottom:0; left:0; z-index: 999; width: 100%; height: 50px; background-color: #01114d; padding:8px 0; }
.scroll-form span{ color:#fff; font-family: 'DINbek'; font-size: 18pt; margin-right: 15px; }
.scroll-form .form-control-custom{ width: 100%; padding: 4px 8px; border:0; font-size: 13pt; }
.scroll-form button[type="submit"]{ background-color:#75a3cd; color:#fff; border:0; }


/* FOOTER */
footer section{background-color: #012447;padding: 45px 0;}
footer .widget-title{ color:#fff; font-weight: bold; text-transform: uppercase; font-size: 10.5pt; margin-bottom: 20px; }

footer .textwidget{ padding:0; margin:0; }
footer .textwidget li{ padding:0; margin:0; list-style: none; margin-bottom: 5px; }
footer .textwidget li a{ color:#fff; font-size: 10pt; display: inline-block; line-height: 1.2em; }
footer .textwidget li a:hover{ text-decoration: none; color:#C5DFF4; }
footer .copyright{ text-align: center; color:#001348; padding: 20px 0; font-weight: bold; padding-bottom: 65px; }



/* ICON */
[class^="icon-"],[class*=" icon-"] { display:inline-block; top:0; left:0; vertical-align:middle; background-image:url(icon/icon-pack.png); background-repeat:no-repeat }
.icon-360tur{width:74px;height:71px;background-position:-163px -138px; top: -5px; position: relative;}
.icon-arama{width:79px;height:73px;background-position:-84px -125px;}
.icon-arrow{width:19px;height:16px;background-position:-87px -102px;}
.icon-burslar{width:73px;height:56px;background-position:-0px -187px; top: -5px; position: relative;}
.icon-erasmus{width:98px;height:57px;background-position:-0px -0px; top: -15px; position: relative;}
.icon-gecis{width:72px;height:43px;background-position:-73px -198px; }
.icon-kilavuz{width:74px;height:59px;background-position:-163px -79px; top: -5px;position: relative;}
.icon-sayilar{width:84px;height:62px;background-position:-0px -125px;}
.icon-telefon{width:53px;height:57px;background-position:-175px -0px;}
.icon-tercih{width:87px;height:68px;background-position:-0px -57px; top: -5px; position: relative;}
.icon-yurt{width:77px;height:79px;background-position:-98px -0px; top: -10px; position: relative;}
.icon-favico{width:23px;height:23px;background-position:-87px -79px; margin-top:-2px;}


/* FONT */
@font-face {
    font-family: 'DINbek';
    src: url('../fonts/DINbek/DINbekBold.eot');
    src: url('../fonts/DINbek/DINbekBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DINbek/DINbekBold.woff') format('woff'),
    url('../fonts/DINbek/DINbekBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DINMittbek';
    src: url('../fonts/DINMittbek/DINMittbek-Alternate.eot');
    src: url('../fonts/DINMittbek/DINMittbek-Alternate.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DINMittbek/DINMittbek-Alternate.woff') format('woff'),
    url('../fonts/DINMittbek/DINMittbek-Alternate.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}





@media (max-width: 1375px) {

    .navbar-custom .navbar-right .phone{ font-size:20pt; }
    .navbar-brand span{ font-size:15pt; }
    .navbar-custom a{ font-size: 15pt; }

    .big-button li a{ font-size: 15pt; }

    .big-button li a[data-tab="tab-erasmus"] span .info{ display:none; }
}


@media (max-width: 1200px) {
    .navbar-brand span{ display: none; }
    .navbar-custom .navbar-nav{ margin-left: 0; }

    .search-container span.label{font-size:15pt;}
    .search-container .search-button{ margin-top: 10px;}
    .search-container .text-right{ text-align: center; }

    .scroll-form span{ font-size: 14pt; }
    .scroll-form .container{ padding-right: 0; padding-left: 0; width: 100%; }
    .scroll-form .form-control-custom{ font-size:11pt; }

    .media-title{ font-size: 14pt; }

    .big-button li a{ font-size: 10pt; }
    .big-button li a span .info{ font-size:9pt; }
    .big-button li a span .info .link{ font-size: 10pt; }

}

@media (max-width: 992px) {
    .form-container{ position: relative; margin:0 auto; }
    .text-slider{ display: none; }

    .big-menu{ margin-top: 0px; }
    .big-button li{ width: 100%; }

    .box-container{ background-repeat: repeat-y; }
    .box-container .box-list li{ width: 50%; }

    .scroll-form{ display: none!important; }

    .media-container .col-md-7{ padding-right: 15px;}
    .media-container .col-md-5{ padding-left: 15px; }
    .media-container .text-right{ text-align: left; }

    .big-button li a{ font-size: 20pt; }
    .big-button li a span .info{ font-size:10pt; }
    .big-button li a[data-tab="tab-erasmus"] span .info{ display:flex; }
}

@media (max-width: 767px) {

    .navbar-custom .navbar-right{ display: none; }
    .navbar-custom .navbar-nav > li > a{ text-align: center; }

}

@media (max-width: 468px) {

    .form-container{ width: 100%; margin-top: 30px; }
    .form-container .title{ font-size: 18pt; }
    .form-container .message{ font-size: 11pt; }

    .search-container span.label{ font-size: 15pt; }
    .search-container .text-right{ text-align: center; padding-top: 0; }
    .search-container .search-button{ font-size: 10pt; padding: 8px 7px; margin-top: 10px; }

    .box-container .box-list li{ width: 100%; }

    .video-background iframe { display: none; }

}