/* lightbox */
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../img/lightbox/close.png) url(../img/lightbox/loading.gif) url(../img/lightbox/prev.png) url(../img/lightbox/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/lightbox/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}



/* reset */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,footer,header,main,menu,nav,section{display:block}a{text-decoration: none;background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}img{border:0}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



/* core */
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {font-family: "proxima-nova", Helvetica, Arial, sans-serif;font-size: 18px; color: #323232}
a {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
p {margin: 0;}
section, nav, footer, #map, img, .mobile, main {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
h1 {font-size: 24px;line-height: 24px; margin: 0 0 70px; text-align: center; letter-spacing: 3px; color: rgba(200,200,200,1);}
h2 {font-size: 24px;line-height: 24px; margin: 0 0 35px; text-align: center; letter-spacing: 3px;}
@media (max-width: 768px) {h1 {line-height: 30px}}
.container {margin-right: auto;margin-left: auto;padding-left: 20px;padding-right: 20px;}
@media (min-width: 768px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 970px;}}
.row {margin-left: -20px;margin-right: -20px;}



/* nav */
nav {position: fixed;top:0;margin: 35px 20px 20px;width: calc(100vw - 40px);height: 50px;font-weight: 600;line-height: 50px;z-index: 10;background: url(../img/bg/hbg.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
nav .logo {float: left;margin-left: -13px;}
nav h1 {margin: 0;padding: 0; float: left}
nav .lang img {margin-top: 12px; width: 20px; height: 20px; border: 2px solid white;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; box-sizing: content-box;}
nav #menu {display: none;}
nav .mobile {background: #1A3142; margin-left: -20px; margin-right: -20px;text-align: right; padding: 20px; margin-top: 70px; display: block !important;}
nav .mobile a {display: block; color: white;}
.trigger {position: relative;width: 25px;height: 18px;margin: 16px 0 16px 20px;float:right;-webkit-transition-duration: 0.5s;transition-duration: 0.5s}
.trigger .icon {-webkit-transition-duration: 0.5s;transition-duration: 0.5s;position: absolute;height: 2px;width: 25px;top: 8px;background-color: #fff;}
.trigger .icon:before {-webkit-transition-duration: 0.5s;transition-duration: 0.5s;position: absolute;width: 25px;height: 2px;content: "";top: -8px;background-color: #fff;}
.trigger .icon:after {-webkit-transition-duration: 0.5s;transition-duration: 0.5s;position: absolute;width: 25px;height: 2px;content: "";top: 8px;background-color: #fff;}
.trigger.open-the-menu .icon {-webkit-transition-duration: 0.5s;transition-duration: 0.5s;background: transparent !important}
.trigger.open-the-menu .icon:before {-webkit-transform: rotateZ(45deg) scaleX(1) translate(6.5px, 6.5px);transform: rotateZ(45deg) scaleX(1) translate(5.5px, 5.5px)}
.trigger.open-the-menu .icon:after {-webkit-transform: rotateZ(-45deg) scaleX(1) translate(6px, -6px);transform: rotateZ(-45deg) scaleX(1) translate(6px, -6px)}
.trigger:hover {cursor: pointer}
@media (min-width: 992px) {.trigger {display: none;}#menu {display: block !important;float: right;margin-left: 10px}#menu a {float: left;color: white; margin: 0 10px 0 0;font-size: 14px;}nav .active {color:rgba(255,255,255,.75) !important}}
@media (max-width: 992px) {
}



/* main */
main{margin: 100px 20px 20px;position: relative;padding: 70px 0;background: rgba(240,240,240,1);}


#ogretmenler .col {width: 50%; float: left;}

/* intro */
#intro {margin: 100px 20px 20px;position: relative;height: calc(75vh - 110px);width: calc(100vw - 40px);background: url(../img/bg/bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; color: #1756a1}
#intro .center {position: absolute;top:50%;margin-top: -55px;}
#intro .small {margin: 0; display: block;}
#intro .lead {font-size: 20px;font-weight: bold}
@media (max-width: 768px) {#intro {text-align: center; height: 50vh}#intro .lead {font-size: 20px;} #intro .small {font-size: 14px} #intro .center {top:50%;margin-top: -35px;}}


/* universities */
#universities{margin: 20px;position: relative;padding: 70px 0;background: rgba(245,245,245,1);text-align: center; color: #1A3142}
#universities .row {margin-left: -10px;margin-right: -10px;}
#universities .col {position: relative; float: left; width: calc(25% - 20px); margin: 10px}
#universities .col img {width: 100%;height: auto;display: block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
@media (max-width: 768px) {#universities .col {width: calc(50% - 20px);}}



/* abou us */
#about-us p {margin-bottom: 20px}
#about-us img {margin-top: 70px;width: 100%; height: auto;border: 3px solid #fff;}



/* why yakamoz */
#why-yakamoz {width: calc(100vw - 40px);text-align: center;color: white}
#why-yakamoz .col {margin-bottom: 70px;}
#why-yakamoz .col:last-child {margin-bottom:0;}
#why-yakamoz .col p {font-weight: bold; font-size: 18px;color: #1A3142}
#why-yakamoz .col span {font-weight: 500;font-size: 16px;color: #323232}
#why-yakamoz h2 {color: #323232;
	font-size: 18px;
    line-height: 18px;
    margin: 70px 0 35px;
    letter-spacing: 1px;
}
@media (min-width: 992px) {#why-yakamoz .col {position:relative;float:left;margin:20px;width: calc(33.3333% - 40px);}#ogretmenler .col {width: 33.3333%; padding: 15px; float: left;}#formalar .col {width: 50%; padding: 15px; float: left;}}



/* gallery */
#gallery .col {position: relative;margin: 20px;float: left; width: calc(100% - 40px);}
#gallery .col img {width: 100%;height: auto;display: block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 3px solid white}
@media (min-width: 992px) {#gallery .col {margin:20px;width: calc(33.3333% - 40px);}}



/* contact */
#contact .address {position: relative;width: 100%;float: left; margin-bottom: 50px;text-align: center}
#contact h2 {margin: 0 0 10px;font-size: 24px; line-height: 24px; letter-spacing: 0; text-align: center}
#contact h3 {margin: 0 0 20px; font-weight: normal; font-size: 18px;line-height: 18px;}
#contact address {font-style: normal; margin-bottom: 20px;}
#contact ul{margin: 20px 0 0;padding: 0;list-style: none;}
#contact ul li {display: inline-block;}
#contact a {color: inherit;}
#contact a:hover {text-decoration: underline}
#contact iframe {width: 100%; height:400px; float: left; border: 3px solid white}
@media (min-width: 992px) {#contact .address {width: 33.3333%; margin-bottom: 0}#contact iframe {width: 66.6666%;}#contact .address, #contact h2 {text-align: left}}



/* hostel */
#hostel {margin: 20px;position: relative;padding: 70px 0;background: #1756a1;text-align: center;color: white}
#hostel .call-to-action {margin: 50px 0 0;padding: 0;list-style: none;}
#hostel .call-to-action li {display: inline-block;}
#hostel .call-to-action li:first-child {margin-right: 10px;}
#hostel .call-to-action li a {font-weight: bold;padding: 5px 20px;font-size: 18px;line-height: 18px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;color: white;}
#hostel .call-to-action li .white {background: #fff;border: 3px solid #fff; color: #1A3142;}
#hostel .call-to-action li .white:hover {background: transparent; border: 3px solid #fff; color: #fff;}
#hostel .call-to-action li .outline {background: transparent;border: 3px solid #fff; color: #fff;}
#hostel .call-to-action li .outline:hover {background: #fff; border: 3px solid #fff; color: #1A3142;}
@media (max-width: 768px) {#hostel .mb {display: block;margin-bottom: 40px;}}



/* documents */
#documents {margin: 20px;position: relative;padding: 70px 0;background: #939598;text-align: center;color: white}
#documents .col {margin-bottom: 50px;}
@media (min-width: 992px) {#documents .col {width: 25%;float: left; padding: 0 20px; margin-bottom: 0;} #documents .col img {width: 100%; height: auto; display: block;}}

/* documentss */
#documentss {margin: 20px;position: relative;padding: 70px 0;background: #13bdeb;text-align: center;color: white}
#documentss .col {margin-bottom: 50px;}
@media (min-width: 992px) {#documentss .col {width: 33.3333%;float: left; padding: 0 20px; margin-bottom: 0;} #documentss .col img {width: 100%; height: auto; display: block;}}



/* core */
main:after, main:before, nav:after, nav:before, section:after, section:before, .container:before, .container:after, .row:before, .row:after {content: " ";display: table;}
section:after, .container:after,.row:after, main:after, nav:after {clear: both;}
@-ms-viewport {width: device-width;}

@media (min-width: 992px) {.promotions .col {width: calc(50% - 40px) !important}}

.brd {border: 2px solid white}
.mavis h2 span {color: #3cfee3}