/*
MARMARA UNIVERSI TESI
BILGI ISLEM DAIRE BASKANLIGI
MARMARA.EDU.TR CSS
( WEB TAKIMI )
*/


/*Open Sans Font Family from Google Web Fonts */

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,300italic,400italic,500italic,600italic,700italic&subset=latin,latin-ext);

/* ------------ Plugins ------------ */


/* Swiper */

@import "swiper/swiper.min.css";

/* Hover */

@import "hover/hover-min.css";

/* LightGallery */

@import "lightgallery/lightgallery.min.css";

/* EricMeyer Reset.Css */

@import "reset.css";

/* ------------ BootStrap ------------ */

@import "bootstrap/bootstrap.min.css";

/* ------------ WebSite ------------ */


/* Extends */

#wrapper,
#header,
#marmaraMenu,
#slider,
#mainContent,
#footer,
#footer #fNavSocial,
#footer #fContent {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

#mainContent:focus,
#wrapper:focus,
article:focus,
div:focus,
section:focus,
h1:focus,
h2:focus {
    outline: none;
}

.browsehappy {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

header ul,
header ol,
footer ul,
footer ol {
    margin: 0;
    padding: 0;
    list-style: none outside;
}

.newSlider .nSTitle.nSTitleLeft,
.newSlider .nSTitle.nSTitleRight {
    width: 200px;
    height: auto;
    min-height: 250px;
    max-height: 360px;
    overflow: hidden;
    padding: 10px;
}

.newSlider .nSTitle.nSTitleLeftTop,
.newSlider .nSTitle.nSTitleLeftBottom,
.newSlider .nSTitle.nSTitleRightTop,
.newSlider .nSTitle.nSTitleRightBottom {
    width: 382px;
    height: auto;
    max-height: 300px;
    overflow: hidden;
    padding: 10px;
}

.newSlider .nSTitle.nSTitleBottom,
.newSlider .nSTitle.nSTitleTop {
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow: hidden;
    padding: 10px;
}

.naeBox {
    position: relative;
    width: 100%;
    display: block;
    background: #ffffff;
}

.naeBox .nBTitle {
    height: 40px;
    display: block;
    background: #2d90d3;
}

.naeBox .nBContent {
    position: relative;
    height: 200px;
    padding: 1px;
    display: block;
    overflow: hidden;
    background: #ffffff;
}

.naeBox .nBContent .swiper-container .swiper-slide.aNew:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 3px;
    height: 100%;
    display: block;
    background: url(../images/aNew.gif) top left no-repeat;
}


/* Starting, Templates, Properties */

html,
body {
    height: 100%;
}

body {
    font-family: "Helvetica Neue", Helvetica, "Noto Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    color: #4c4c4c;
    background: #dcdcdc url(../images/bG.gif) 50% 240px no-repeat;
}

::selection {
    background: #0f3d6e;
    color: #ffffff;
    text-shadow: none;
}

::-moz-selection {
    background: #0f3d6e;
    color: #ffffff;
    text-shadow: none;
}

a {
    text-decoration: none;
    line-height: inherit;
    color: #4c4c4c;
    outline: 0;
}

a:hover {
    text-decoration: none;
    color: #1c1c1c;
    outline: 0;
}

a:focus {
    text-decoration: none;
    color: #1c1c1c;
    outline: 0;
}

a:active {
    text-decoration: none;
    color: #1c1c1c;
    outline: 0;
}

a img {
    border: none;
}

.browsehappy {
    background: #dcdcdc;
    color: #4c4c4c;
    padding-top: 100px;
}

#display {
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index: 0;
}

#wrapper {
    margin-top: 20px;
    min-height: 360px;
}

.mB10 {
    margin-bottom: 10px;
}

.mB30 {
    margin-bottom: 30px;
}

.pLR15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pLR25 {
    padding-left: 25px;
    padding-right: 25px;
}


/* Marmara Grid */

[class*='m-col-'] {
    float: left;
    padding: 0;
    margin: 0;
}

.mgrid:after {
    content: "";
    display: table;
    clear: both;
}

.m-col-1 {
    width: 100%;
}

.m-col-2 {
    width: 50%;
}

.m-col-3 {
    width: 33.33%;
}

.m-col-4 {
    width: 25%;
}

.m-col-5 {
    width: 20%;
}

.m-col-6 {
    width: 16.6666666667%;
}

.m-col-7 {
    width: 14.2857142857%;
}

.m-col-8 {
    width: 12.5%;
}

.m-col-9 {
    width: 11.1111111111%;
}

.m-col-10 {
    width: 10%;
}

.m-col-11 {
    width: 9.09090909091%;
}

.m-col-12 {
    width: 8.33%;
}

.m-col-13 {
    width: 7.69%;
}

.m-col-14 {
    width: 7.14%;
}

.m-col-15 {
    width: 6.66%;
}

.m-col-16 {
    width: 6.25%;
}

.m-col-17 {
    width: 5.88%;
}

.m-col-18 {
    width: 5.55%;
}

.m-col-20 {
    width: 20%;
}

.m-col-25 {
    width: 25%;
}

.m-col-30 {
    width: 30%;
}

.m-col-70 {
    width: 70%;
}

.m-col-75 {
    width: 75%;
}

.m-col-80 {
    width: 80%;
}

.m-col-85 {
    width: 85%;
}

.m-col-90 {
    width: 90%;
}


/* Header */

#header {
    z-index: 11;
    background-color: #ffffff;
}

#topNav {
    position: relative;
    height: auto;
    padding: 0;
    background: #0f3d6e;
}

#topNav .topNavBorder {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 2px;
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0;
    background: #0c3158;
}

#topNav .row {
    position: relative;
    z-index: 11;
    margin: 0px;
}

#topNav #topMenu {
    padding: 0px;
    overflow: hidden;
}

#topNav #topMenu .openTopMenu {
    position: relative;
    float: left;
    width: 38px;
    height: 33px;
    display: none;
    cursor: pointer;
    background: #0c3158;
}

#topNav #topMenu .openTopMenu span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    display: block;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#topNav .searchBox {
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
    height: 32px;
    padding: 0px 0px 0px 4px;
    background: #0c3158;
}

#topNav .searchBox form {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#topNav .searchBox form .atrigger {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    width: 38px;
    height: 32px;
    cursor: pointer;
    background: url(../images/blank.gif) top left repeat;
}

#topNav .searchBox form input {
    position: relative;
    z-index: 5;
    float: right;
}

#topNav .searchBox form input[type="submit"] {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0px 0px 0px 4px;
    padding: 0px;
    text-indent: -9999px;
    border: 0px;
    background: url(../images/searchButton.png) center center no-repeat;
}

#topNav .searchBox form input[type="submit"]:focus {
    outline: none;
}

#topNav .searchBox form input[type="text"],
#topNav .searchBox form input[type="search"] {
    width: 0px;
    height: 24px;
    display: none;
    margin-top: 4px;
    padding: 2px 4px 2px 8px;
    border: 0px;
    border-right: 1px solid #ffffff;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    background-color: #2d90d3;
    opacity: 0;
}

#topNav .searchBox form input[type="text"]:focus,
#topNav .searchBox form input[type="search"]:focus {
    outline: none;
}

#topNav .searchBox form input[type="text"]::-webkit-input-placeholder,
#topNav .searchBox form input[type="search"]::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

#topNav .searchBox form input[type="text"]:-moz-placeholder,
#topNav .searchBox form input[type="search"]:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

#topNav .searchBox form input[type="text"]::-moz-placeholder,
#topNav .searchBox form input[type="search"]::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

#topNav .searchBox form input[type="text"]:-ms-input-placeholder,
#topNav .searchBox form input[type="search"]:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

@media only screen and (min-width: 600px) and (max-width: 991px) {
    #topMenu {
        float: left;
    }
}

@media only screen and (min-width: 960px) {
    #topNav {
        height: 32px;
    }
    #topNav ul {
        float: left;
        width: auto;
        display: block !important;
        min-width: 210px;
        /* max-width: 610px; */
    }
    #topNav ul li {
        float: left;
        border-right: 1px solid #0c3158;
    }
    #topNav ul li a {
        float: left;
        height: 32px;
        margin: 0px 0px 0px 0px;
        padding: 0 10px;
        display: block;
        font-size: 12px;
        line-height: 32px;
        vertical-align: middle;
        color: #f2f1ef;
        /* color: #6C7FA0; */
        border-top: 2px solid #0c3158;
    }
    #topNav ul li a:hover {
        color: #7bbde7;
        border-top: 2px solid #2d90d3;
        text-decoration: none;
    }
}

@media only screen and (max-width: 959px) {
    #topNav .openTopMenu {
        display: block !important;
    }
    #topNav ul {
        float: left;
        width: 100%;
        height: auto;
        display: none;
        border-top: 1px solid #0c3158;
    }
    #topNav ul li {
        float: left;
        width: 100%;
        display: block;
        border-bottom: 1px solid #0c3158;
    }
    #topNav ul li a {
        float: left;
        width: 100%;
        height: 32px;
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 32px;
        vertical-align: middle;
        color: #6C7FA0;
    }
    #topNav ul li a:hover {
        color: #ffffff;
        background-color: #2d90d3;
        text-decoration: none;
    }
}

#logoBanner {
    position: relative;
    height: 160px;
    display: block;
    padding: 0px;
}

#logoBanner .row {
    margin: 0px;
}

#logoBanner .logo,
#logoBanner .siluet {
    padding: 0px;
}

#logoBanner .logo a,
#logoBanner .siluet a {
    display: block;
}

#logoBanner .logo a img,
#logoBanner .siluet a img {
    border: 0px;
    outline: none;
}

#logoBanner .logo img {
    margin-top: 19px;
}

@media only screen and (max-width: 767px) {
    .logo,
    .siluet {
        position: absolute;
        top: 0px;
        height: 160px;
    }
    .logo {
        z-index: 10;
        left: 0px;
    }
    .siluet {
        z-index: 9;
        right: 0px;
    }
    .siluet img {
        opacity: 0.75;
    }
}

@media only screen and (max-width: 670px) {
    .siluet img {
        opacity: 0.1;
    }
}

#marmaraMenu {
    height: auto;
    background-color: #2d90d3;
}

#marmaraMenu .container {
    padding: 0px;
}

ul#marMenu {
    position: relative;
    width: 100%;
    height: 48px;
}

ul#marMenu > li {
    border-right: 1px solid #6cb2e0;
}

ul#marMenu > li:last-child {
    border: 0px;
}

ul#marMenu > li > a {
    padding: 16px 0px;
    display: block;
    text-align: center;
    color: #ffffff;
    font: normal normal 500 16px/16px "Open Sans", Arial, sans-serif;
}

ul#marMenu > li > a:hover,
ul#marMenu > li > a:active {
    text-decoration: none;
}

ul#marMenu > li .hWrapper {
    position: absolute;
    top: 48px;
    left: 0px;
    width: 100%;
    height: 0px;
    padding: 10px 0px 10px 10px;
    background-color: #2d90d3;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

ul#marMenu > li .hWrapper .row {
    margin: 0px;
}

ul#marMenu > li .hWrapper .hMenus {
    position: relative;
    float: left;
    width: 100%;
    height: 446px;
}

ul#marMenu > li .hWrapper .hMenus .hmenu {
    height: auto;
    /* margin-bottom: 10px; */
    margin-bottom: 25px;
    padding-right: 8px;
}

ul#marMenu > li .hWrapper .hMenus .hmenu span.title {
    display: block;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #96c8e9;
    color: #ffffff;
    font: normal normal 300 18px/24px "Open Sans", Arial, sans-serif;
}

ul#marMenu > li .hWrapper .hMenus .hmenu span.title a {
    color: #ffffff;
}

ul#marMenu > li .hWrapper .hMenus .hmenu ul {
    margin-left: 12px;
    list-style-position: outside;
}

ul#marMenu > li .hWrapper .hMenus .hmenu ul li {
    display: list-item;
    list-style-image: url(../images/hmenu-icon.png);
}

ul#marMenu > li .hWrapper .hMenus .hmenu ul li a {
    display: block;
    color: #ffffff;
    /* font: normal normal 400 11px/15px "Open Sans", Arial, sans-serif; */
    font: normal normal 400 12px/16px "Open Sans", Arial, sans-serif;
}

ul#marMenu > li .hWrapper .hMenus .hmenu ul li:hover {
    list-style-image: url(../images/hmenu-icon-h.png);
}

ul#marMenu > li .hWrapper .hMenus .hmenu ul li:hover a {
    color: #0f3d6e;
}

ul#marMenu > li .quicks {
    padding: 0px !important;
}

ul#marMenu > li .quicks .row:first-child {
    border-bottom: 1px solid #6cb2e0;
}

ul#marMenu > li .quicks #qMenus {
    /* height: 381px; */
    height: 453px;
    padding: 0px 25px;
    border-right: 1px solid #6cb2e0;
}


/* *SEO* #qMenus h2 > #qMenus p */

ul#marMenu > li .quicks #qMenus p {
    margin: 0px;
    padding-bottom: 10px;
    display: block;
    font-family: "Open Sans", Arial, sans-serif;
    color: #ffffff;
}


/* #qMenus h2 > #qMenus p.qTitle */

ul#marMenu > li .quicks #qMenus p.qTitle {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    border-bottom: 1px solid #6cb2e0;
}


/* #qMenus h3 > #qMenus p.qTitle2 */

ul#marMenu > li .quicks #qMenus p.qTitle2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

ul#marMenu > li .quicks #qMenus ul {
    margin-left: 12px;
    list-style-position: outside;
}

ul#marMenu > li .quicks #qMenus ul li {
    display: list-item;
    list-style-image: url(../images/hmenu-icon.png);
}

ul#marMenu > li .quicks #qMenus ul li a {
    display: block;
    color: #ffffff;
    font: normal normal 400 12px/18px "Open Sans", Arial, sans-serif;
}

ul#marMenu > li .quicks #qMenus ul li:hover {
    list-style-image: url(../images/hmenu-icon-h.png);
}

ul#marMenu > li .quicks #qMenus ul li:hover a {
    color: #0f3d6e;
}

ul#marMenu > li .quicks #qButtons {
    padding: 0px;
}

ul#marMenu > li .quicks #qButtons a {
    width: 100%;
    height: 38px;
    margin: 0px;
    padding: 10px 0px;
    display: block;
    font: normal normal 300 13px/16px "Open Sans", Arial, sans-serif;
    color: #ffffff;
    text-align: center;
    border-bottom: 1px solid #6cb2e0;
}

ul#marMenu > li .quicks #qButtons a:first-child {
    border-top: 1px solid #6cb2e0;
}

ul#marMenu > li .quicks #qButtons a:last-child {
    height: 39px;
    border-bottom: 0px !important;
}

ul#marMenu > li .quicks #qButtons a:hover {
    background: #0f3d6e;
    color: #ffffff;
}

ul#marMenu > li .quicks #qFootNav {
    padding: 0px;
}

ul#marMenu > li .quicks #qFootNav ul {
    width: 100%;
    margin: 0px;
    list-style: none;
}

ul#marMenu > li .quicks #qFootNav ul li {
    display: inline-block;
}

ul#marMenu > li .quicks #qFootNav ul li a {
    width: 100%;
    height: 46px;
    padding: 13px 0px 13px 0px;
    display: block;
    font: normal normal 300 13px/13px "Open Sans", Arial, sans-serif;
    color: #ffffff;
    text-align: center;
    border-right: 1px solid #6cb2e0;
}

ul#marMenu > li .quicks #qFootNav ul li a:hover {
    background: #0f3d6e;
    color: #ffffff;
}

ul#marMenu > li .quicks #qSocialLinks {
    height: 46px;
    padding: 0px;
}

ul#marMenu > li .quicks #qSocialLinks a {
    height: 23px;
    display: block;
    margin-top: 11px;
    font-size: 0px;
    text-indent: -999px;
    overflow: hidden;
}

ul#marMenu > li .quicks #qSocialLinks a.qFacebook {
    background: url(../images/qFacebookIcon.png) center center no-repeat;
}

ul#marMenu > li .quicks #qSocialLinks a.qTwitter {
    background: url(../images/qTwitterIcon.png) center center no-repeat;
}

ul#marMenu > li .quicks #qSocialLinks a.qInstagram {
    background: url(../images/qInstagramIcon.png) center center no-repeat;
}

ul#marMenu > li .quicks #qSocialLinks a.qGoogle {
    background: url(../images/qGoogleIcon.png) center center no-repeat;
}

ul#marMenu > li .quicks #qSocialLinks a.qYoutube {
    background: url(../images/qYoutubeIcon.png) center center no-repeat;
}

ul#marMenu > li .quicks #qSocialLinks a.qLinkedin {
    background: url(../images/qLinkedinIcon.png) center center no-repeat;
}

ul#marMenu > li .quicks #qSocialLinks a:hover {
    margin-top: 15px;
}

ul#rmarMenu {
    position: relative;
    width: 100%;
    /* max-width: 600px; */
    max-width: 767px;
    height: auto;
    background-color: #2d90d3;
}

ul#rmarMenu > li {
    height: auto;
    display: block;
    border-bottom: 1px solid #6cb2e0;
}

ul#rmarMenu > li:first-child {
    border-bottom: 1px solid #6cb2e0;
}

ul#rmarMenu > li:last-child {
    border-bottom: 0px;
}

ul#rmarMenu > li.rmenus,
ul#rmarMenu > li.rmenubottom {
    display: none;
}

ul#rmarMenu > li > a {
    width: 100%;
    height: 32px;
    display: block;
    color: #ffffff;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
}

ul#rmarMenu > li > a:hover {
    background: #0f3d6e;
}

ul#rmarMenu > li > a.rmenuOpen,
ul#rmarMenu > li > a.rmenuClose {
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}

ul#rmarMenu > li > a.rmenuOpen span,
ul#rmarMenu > li > a.rmenuClose span {
    margin-top: 5px;
}

ul#rmarMenu > li > ul > li {
    border-bottom: 1px solid #0c3158;
}

ul#rmarMenu > li > ul > li:last-child {
    border-bottom: 0px;
}

ul#rmarMenu > li > ul > li > a {
    height: 28px;
    line-height: 28px;
    text-indent: 10px;
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

ul#rmarMenu > li > ul > li > a:hover {
    background: #3b6693;
}

ul#rmarMenu > li.rTopMenuOpened {
    background: #0f3d6e;
}

ul#rmarMenu > li.rTopMenuOpened > ul > li {
    /* sub menu acildiginda... */
}

ul#rmarMenu > li.rTopMenuOpened > ul > li.rSubMenuOpened > a {
    background: #3b6693;
}

ul#rmarMenu > li.rTopMenuOpened > ul > li ul {
    background: #ffffff;
}

ul#rmarMenu > li.rTopMenuOpened > ul > li ul li a {
    height: 24px;
    line-height: 24px;
    text-indent: 5px;
    color: #323F4D;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

ul#rmarMenu > li.rTopMenuOpened > ul > li ul li a:hover {
    color: #ffffff;
    background: #86909A;
}

ul#rmarMenu ul {
    float: left;
    width: 100%;
    padding: 0px 10px 10px 10px;
    height: auto;
    display: none;
}

ul#rmarMenu ul ul {
    padding: 5px;
    display: none;
}

ul#rmarMenu ul li {
    float: left;
    width: 100%;
    display: block;
}

ul#rmarMenu ul li a {
    float: left;
    width: 100%;
    display: block;
}


/* @media only screen and (min-width: 600px) { */

@media only screen and (min-width: 768px) {
    ul#marMenu {
        display: block;
    }
    ul#rmarMenu {
        display: none;
    }
}


/* @media only screen and (max-width: 599px) { */

@media only screen and (max-width: 767px) {
    ul#marMenu {
        display: none;
    }
    ul#rmarMenu {
        display: block;
    }
}

@media only screen and (min-width: 600px) and (max-width: 859px) {
    ul#marMenu .quicks #qButtons a {
        font-size: 11px !important;
        line-height: 13px !important;
    }
    ul#marMenu .quicks #qFootNav ul li a {
        font-size: 13px !important;
        font-weight: 400 !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .hmenu .title {
        font-size: 16px !important;
        line-height: 18px !important;
    }
    .hmenu ul li a {
        font-size: 10px !important;
        line-height: 13px !important;
    }
    ul#marMenu > li > a {
        font-size: 13px !important;
    }
}


/* Slider */

#slider {
    /* height: auto; */
    overflow: hidden;
    z-index: 10;
}

#slider .container {
    position: relative;
    height: 100%;
    /* height options */
    max-height: 519px;
    overflow: hidden;
    padding: 0px;
}

#slider .swiper-container {
    width: 100%;
    height: 100%;
}

#slider .swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
    /* height options */
    max-height: 499px;
}

.newSlider {
    position: relative;
    width: 100%;
    max-width: 1170px;
    height: auto;
    z-index: 1;
}

.newSlider .nSTitle {
    position: absolute;
    background: url(../images/titBg2.png) top left repeat;
}

.newSlider .nSTitle h2,
.newSlider .nSTitle h3 {
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", Arial, sans-serif;
    text-align: left;
    color: #ffffff;
}

.newSlider .nSTitle a {
    color: #ffffff;
}

.newSlider .nSTitle a:hover {
    color: #ffffff;
}

.newSlider .nSTitle h2 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    letter-spacing: 1px;
}

.newSlider .nSTitle h3 {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 17px;
    font-weight: lighter;
    font-style: italic;
}

.newSlider .nSTitle.nSTitleLeft {
    top: 50px;
    left: 50px;
    margin-left: -360px;
}

.newSlider .nSTitle.nSTitleRight {
    top: 50px;
    right: 50px;
    margin-right: -360px;
}

.newSlider .nSTitle.nSTitleLeftTop {
    top: 10%;
    left: 0;
    margin-left: -382px;
}

.newSlider .nSTitle.nSTitleLeftBottom {
    bottom: 10%;
    left: 0;
    margin-left: -382px;
}

.newSlider .nSTitle.nSTitleRightTop {
    top: 10%;
    right: 0;
    margin-right: -382px;
}

.newSlider .nSTitle.nSTitleRightBottom {
    bottom: 10%;
    right: 0;
    margin-right: -382px;
}

.newSlider .nSTitle.nSTitleBottom {
    bottom: 0;
    left: 0;
    margin-bottom: -200px;
}

.newSlider .nSTitle.nSTitleTop {
    top: 0;
    left: 0;
    margin-top: -200px;
}

.newSlider .nSTitle.nSTitleCenter {
    bottom: 10%;
    left: 5%;
    margin-bottom: -20%;
    width: 90%;
    height: auto;
    max-height: 200px;
    overflow: hidden;
    padding: 10px;
}

.newSlider .nSArrowsContainer {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 1px;
    margin-top: 0.5px;
    overflow: visible;
    display: none;
}

.newSlider .nSArrowsContainer .swiper-button-disabled {
    opacity: 0.5;
}

.newSlider .nSArrowsContainer .prev,
.newSlider .nSArrowsContainer .next {
    position: absolute;
    top: -16px;
    width: 33px;
    height: 33px;
    display: block;
    cursor: pointer;
    background: url(../images/slaytOk.gif) top left no-repeat;
    font-size: 0;
    text-indent: -9999px;
}

.newSlider .nSArrowsContainer .prev {
    left: 0;
}

.newSlider .nSArrowsContainer .next {
    right: 0;
    background-position: top right;
}

.nSBulletContainer {
    position: absolute;
    right: 5px;
    bottom: 8px;
    z-index: 10;
    width: 100%;
    height: 21px;
    display: block;
    /*display: none !important;*/
    text-align:right;
}

.nSBulletContainer ul {
    position: relative;
    width: auto;
    height: 21px;
    margin: 0px auto;
    display: block;
    list-style: none;
}

.nSBulletContainer ul li {
    float: none !important;
    width: 21px;
    height: 21px; 
    display: inline-block;
    cursor: pointer;
    margin: 0px 3px;
    background: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

.nSBulletContainer ul li.swiper-pagination-bullet {
    opacity: 0.4;
}

.nSBulletContainer ul li:hover,
.nSBulletContainer ul li.swiper-pagination-bullet-active {
    opacity: 1 !important;
}

.nSBulletContainer ul li span {
    width: 21px;
    height: 21px;
    display: block;
    font-size: 10px;
    line-height: 21px;
    text-align: center;
    color: black;
    background: white;
    border-radius: 21px;
}

.nSThumbsContainer {
    position: relative;
    z-index: 11;
    width: 100%;
    height: 3px;
    display: block;
    margin: 7px 0px 0px 0px;
    background: #0c3158;
}

.nSThumbsContainer .nSThumbs {
    width: 100%;
    height: 3px;
    margin: 0px;
    display: block;
    list-style: none;
}

.nSThumbsContainer .nSThumbs li {
    position: relative;
    text-indent: -9000px;
    border-left: 1px solid #ffffff;
}

.nSThumbsContainer .nSThumbs li.swiper-pagination-bullet {
    height: 3px;
    opacity: 1;
    background: #0c3158;
    border-radius: 0px;
}

.nSThumbsContainer .nSThumbs li.swiper-pagination-bullet-active {
    background: #2d90d3;
    border-left: 1px solid #ffffff;
}

.nSThumbsContainer .nSThumbs li:first-child {
    border-left: 0px;
}

.nSThumbsContainer .nSThumbs li:last-child {
    border-right: 0px;
}

.nSThumbsContainer .nSThumbs li:hover {
    background: #2d90d3;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.nSThumbsContainer .nSThumbs li img {
    position: absolute;
    bottom: 11px;
    z-index: 999;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.nSThumbsContainer .nSThumbs li:hover img {
    opacity: 1;
    bottom: 1px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.7), 0 1px 0 1px rgba(255, 255, 255, 0.5);
}


/* Main Content */

#mainContent {
    z-index: 10;
    margin: 30px 0px 0px 0px;
}

.naeBox .nBTitle div {
    font-family: "Open Sans", Arial, sans-serif;
    margin: 0px;
    padding: 5px 0px 5px 15px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
}

.naeBox .nBTitle div a {
    margin-right: 10px;
    padding: 0px;
    display: inline-block;
    color: #ffffff;
}

.naeBox .nBTitle div a.rss {
    width: 16px;
    height: 16px;
    margin-top: 7px;
    font-size: 0px;
    text-indent: -9999px;
    background: url(../images/rssIcon.png) top left no-repeat;
}

.naeBox .nBTitle div a.toAll {
    float: right;
    width: 100px;
    height: 30px;
    margin-right: 15px;
    padding-right: 20px;
    font-size: 11px;
    font-weight: 400;
    line-height: 30px;
    background: url(../images/toAllicon.png) center right no-repeat;
}

.naeBox .nBContent .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.naeBox .nBContent .swiper-container .swiper-slide.aNew {
    position: relative;
}

#mCAnnouncements {
    padding: 0px 5px 0px 0px;
}

#mCAnnouncements #announcementsTabs {
    position: relative;
    height: 160px;
    overflow: hidden;
}

#mCAnnouncements #announcementsTabs .aTabPanel {
    position: relative;
    z-index: 5;
    height: 160px;
    padding: 0px;
}

#mCAnnouncements #announcementsTabs .aTabPanel .swiper-slide {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 1px;
    border-bottom: 1px solid #d4d4d4;
}

#mCAnnouncements #announcementsTabs .aTabPanel .swiper-slide a {
    width: 100%;
    height: 100%;
    padding: 4px 8px;
    display: block;
    color: #6c6c6c;
    border-right: 3px solid #ffffff;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    /* yazi sinirlama */
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

#mCAnnouncements #announcementsTabs .aTabPanel .swiper-slide a:hover {
    color: #5c5c5c;
    background-color: #f1f1f1;
    border-right: 3px solid #0f3d6e;
}

#mCAnnouncements #announcementsTabLinks {
    height: 40px;
    margin-top: -1px;
    border-top: 1px solid #d4d4d4;
}

#mCAnnouncements #announcementsTabLinks .m-col-1 {
    height: 40px;
}

#mCAnnouncements #announcementsTabLinks .m-col-1 > * {
    float: left;
}

#mCAnnouncements #announcementsTabLinks a {
    position: relative;
    margin: 10px 10px 0px 10px;
    padding: 3px 10px;
    display: inline-block;
    cursor: pointer;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #6c6c6c;
    transition: none;
    -webkit-transition: none;
}

#mCAnnouncements #announcementsTabLinks a span {
    position: absolute;
    top: -5px;
    left: 50%;
    width: 9px;
    height: 11px;
    display: none;
    margin-left: -5px;
    background: #2d90d3;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mCAnnouncements #announcementsTabLinks a.active {
    color: #ffffff;
    background-color: #2d90d3;
}

#mCAnnouncements #announcementsTabLinks a.active span {
    display: block;
}

#mCAnnouncements #announcementsTabLinks a:hover {
    color: #ffffff;
    background-color: #2d90d3;
}

#mCAnnouncements #announcementsTabLinks a:hover span {
    display: block;
}

#mCAnnouncements #announcementsTabLinks .aTabBorder {
    position: relative;
    width: 1px;
    height: 21px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
    background: #d4d4d4;
}

#mCNews {
    padding: 0px 0px 0px 5px;
}

#mCNews .nBContent {
    padding: 10px 0px 10px 10px;
}

#mCNews .nBContent .swiper-slide.aNew:after {
    top: 58px;
}

#mCNews .nBContent .swiper-pagination {
    top: 97%;
    right: 10px;
}

#mCNews .nBContent .swiper-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    display: inline-block;
    margin: 0px 2px;
}

#mCNews .nBContent .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2d90d3;
}


/* newsTitle - h2 > newsTitle - div */

#mCNews div.newsTitle {
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 0px 0px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #5c5c5c;
}

#mCNews .newsDetail {
    margin-bottom: 10px;
    border-top: 1px solid #d4d4d4;
}

#mCNews .newsDetail .newsImage {
    margin-top: -1px;
    padding: 0px 10px 0px 0px;
    text-align: center;
    background: #ffffff;
}

#mCNews .newsDetail .newsImage img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 120px;
    padding: 3px;
    border: 1px solid #e6e6e6;
}

#mCNews .newsDetail .newsImage:hover img {
    border: 1px solid #d4d4d4;
}

#mCNews .newsDetail .newsDateDescription {
    position: relative;
    margin-top: 10px;
    padding: 0px 10px 0px 0px;
    font-family: "Open Sans", Arial, sans-serif;
    max-height: 78px;
    overflow: hidden;
}

#mCNews .newsDetail .newsDateDescription span {
    position: absolute;
    top: -20px;
    right: 0px;
    width: 100px;
    height: 20px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    color: #5c5c5c;
    background: #ffffff;
}

#mCNews .newsDetail .newsDateDescription p {
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
}

#mCNews .newsDetail .newsDateDescription p a {
    color: #6c6c6c;
}

#mCNews .newsDetail .newsDateDescription p a:hover {
    text-decoration: underline;
    color: #5c5c5c;
}

#mCEvents {
    padding: 0px 5px 0px 0px;
}

#mCEvents .swiper-slide {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 15px;
}

#mCEvents .swiper-slide:hover div.mgrid {
    background-color: #f1f1f1;
}

#mCEvents .swiper-slide:hover span {
    border-right: 3px solid #0f3d6e;
    background: #d4d4d4;
}

#mCEvents .swiper-slide:hover a {
    color: #5c5c5c;
}

#mCEvents .swiper-slide div.mgrid {
    margin: 1px 0px;
    border-bottom: 1px solid #d4d4d4;
}

#mCEvents .swiper-slide div.mgrid .m-col-10 {
    float: right;
}

#mCEvents .swiper-slide p {
    margin: 0px;
    padding: 0px;
}

#mCEvents .swiper-slide p a {
    width: 100%;
    height: 100%;
    padding: 4px 8px;
    display: block;
    color: #6c6c6c;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    /* yazi sinirlama */
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

#mCEvents .swiper-slide span {
    padding: 4px 0px 4px 4px;
    height: 100%;
    display: block;
    font-size: 11px;
    text-align: center;
    color: #6c6c6c;
    border-right: 3px solid #f1f1f1;
    background: #f1f1f1;
}

#mCLists {
    padding: 0px 0px 0px 5px;
}

#mCLists #tabLists {
    position: relative;
    float: left;
    width: 100%;
    height: 160px;
    overflow: hidden;
    background-color: #ffffff;
    /* Scrollbar */
}

#mCLists #tabLists > div {
    position: relative;
    float: left;
    width: 100%;
    height: 160px;
    padding: 10px;
    background-color: #ffffff;
}

#mCLists #tabLists ul {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    list-style: none;
}

#mCLists #tabLists ul li a {
    padding-left: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #6c6c6c;
    background: url(../images/tablistIcon.png) center left no-repeat;
}

#mCLists #tabLists ul li a:hover {
    background: url(../images/tablistIconH.png) center left no-repeat;
}

#mCLists #tabLists .swiper-slide {
    height: auto;
    padding: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mCLists #tabLists .swiper-scrollbar2,
#mCLists #tabLists .swiper-scrollbar3,
#mCLists #tabLists .swiper-scrollbar4 {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

#mCLists #tabLists .swiper-container-vertical > .swiper-scrollbar2,
#mCLists #tabLists .swiper-container-vertical > .swiper-scrollbar3,
#mCLists #tabLists .swiper-container-vertical > .swiper-scrollbar4 {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

#mCLists #tabLinks {
    position: relative;
    float: left;
    width: 100%;
    height: 80px;
    overflow: hidden;
    background-color: #ffffff;
}

#mCLists #tabLinks .mgrid > div {
    padding: 10px;
}


/* *SEO* #tabLinks h4 > #tabLinks p */

#mCLists #tabLinks p {
    float: left;
    width: 100%;
    margin: 60px 0px 0px 0px;
    padding: 0px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    color: #ffffff;
}

#mCLists #tabLinks #adayOgrenci,
#mCLists #tabLinks #ogrenci,
#mCLists #tabLinks #akademikIdari,
#mCLists #tabLinks #mezun {
    position: relative;
    height: 80px;
    display: block;
    cursor: pointer;
    border-right: 1px solid #49a4e2;
    background-color: #2d90d3;
}

#mCLists #tabLinks #adayOgrenci span.ucgen,
#mCLists #tabLinks #ogrenci span.ucgen,
#mCLists #tabLinks #akademikIdari span.ucgen,
#mCLists #tabLinks #mezun span.ucgen {
    position: absolute;
    top: -10px;
    left: 50%;
    width: 10px;
    height: 16px;
    display: none;
    margin-left: -5px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mCLists #tabLinks #adayOgrenci.active,
#mCLists #tabLinks #ogrenci.active,
#mCLists #tabLinks #akademikIdari.active,
#mCLists #tabLinks #mezun.active {
    border-right: 1px solid #0F3664;
    background-color: #0f3d6e;
}

#mCLists #tabLinks #adayOgrenci.active span.ucgen,
#mCLists #tabLinks #ogrenci.active span.ucgen,
#mCLists #tabLinks #akademikIdari.active span.ucgen,
#mCLists #tabLinks #mezun.active span.ucgen {
    display: block;
}

#mCLists #tabLinks #adayOgrenci:hover,
#mCLists #tabLinks #ogrenci:hover,
#mCLists #tabLinks #akademikIdari:hover,
#mCLists #tabLinks #mezun:hover {
    background-color: #0f3d6e;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#mCLists #tabLinks #adayOgrenci:hover span.ucgen,
#mCLists #tabLinks #ogrenci:hover span.ucgen,
#mCLists #tabLinks #akademikIdari:hover span.ucgen,
#mCLists #tabLinks #mezun:hover span.ucgen {
    display: block;
}

#mCLists #tabLinks #mezun.active {
    border-right: 0px;
}

#mCLists #tabLinks #adayOgrenci {
    background-image: url(../images/adayOgrenciIcon.png);
    background-position: 50% 10px;
    background-repeat: no-repeat;
}

#mCLists #tabLinks #ogrenci {
    background-image: url(../images/ogrenciIcon.png);
    background-position: 50% 10px;
    background-repeat: no-repeat;
}

#mCLists #tabLinks #akademikIdari {
    background-image: url(../images/akademikIdariIcon.png);
    background-position: 50% 8px;
    background-repeat: no-repeat;
}

#mCLists #tabLinks #mezun {
    border-right: 0px;
    background-image: url(../images/mezunIcon.png);
    background-position: 50% 5px;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    #mCAnnouncements {
        margin-bottom: 10px;
        padding: 0px 10px;
    }
    #mCNews {
        padding: 0px 10px;
    }
    #mCEvents {
        margin-bottom: 10px;
        padding: 0px 10px;
    }
    #mCLists {
        padding: 0px 10px;
    }
}


/* Footer */

#footer {
    z-index: 10;
    height: auto;
    /* min-height: 272px; */
    min-height: 298px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #8c8c8c;
    background-color: #2c2c2c;
}

#footer #fNavSocial {
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #4c4c4c;
}

#footer #fNavSocial .container {
    padding: 0px;
}

#footer #fNavSocial #fNav ul li {
    float: left;
    height: 49px;
    border-right: 1px solid #4c4c4c;
}

#footer #fNavSocial #fNav ul li:last-child {
    border-right: 0px;
}

#footer #fNavSocial #fNav ul li:hover {
    background: #4c4c4c;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#footer #fNavSocial #fNav ul li:hover a {
    color: #ffffff;
}

#footer #fNavSocial #fNav ul li a {
    width: auto;
    height: 49px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 29px;
    color: #f2f1ef;
    /* color: #8c8c8c; */
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

#footer #fNavSocial #fSocial {
    height: 49px;
}

#footer #fNavSocial #fSocial ul {
    float: right;
    width: 100%;
    height: 100%;
}

#footer #fNavSocial #fSocial ul li {
    padding: 5px 0px;
    text-align: center;
}

#footer #fNavSocial #fSocial ul li a {
    width: 28px;
    height: 28px;
    margin-top: 1px;
    display: inline-block;
    font-size: 0px;
    text-indent: -9999px;
}

#footer #fNavSocial #fSocial ul li a:hover {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

#footer #fNavSocial #fSocial ul li a.facebook {
    background: url(../images/f_FacebookIcon.png) top left no-repeat;
}

#footer #fNavSocial #fSocial ul li a.facebook:hover {
    background: url(../images/f_FacebookIconH.png);
}

#footer #fNavSocial #fSocial ul li a.twitter {
    background: url(../images/f_TwitterIcon.png) top left no-repeat;
}

#footer #fNavSocial #fSocial ul li a.twitter:hover {
    background: url(../images/f_TwitterIconH.png);
}

#footer #fNavSocial #fSocial ul li a.instagram {
    background: url(../images/f_InstagramIcon.png) top left no-repeat;
}

#footer #fNavSocial #fSocial ul li a.instagram:hover {
    background: url(../images/f_InstagramIconH.png);
}

#footer #fNavSocial #fSocial ul li a.google {
    background: url(../images/f_GoogleIcon.png) top left no-repeat;
}

#footer #fNavSocial #fSocial ul li a.google:hover {
    background: url(../images/f_GoogleIconH.png);
}

#footer #fNavSocial #fSocial ul li a.youtube {
    background: url(../images/f_YoutubeIcon.png) top left no-repeat;
}

#footer #fNavSocial #fSocial ul li a.youtube:hover {
    background: url(../images/f_YoutubeIconH.png);
}

#footer #fNavSocial #fSocial ul li a.linkedin {
    background: url(../images/f_LinkedinIcon.png) top left no-repeat;
}

#footer #fNavSocial #fSocial ul li a.linkedin:hover {
    background: url(../images/f_LinkedinIconH.png);
}

#footer #fNavSocial #fTopResponsive {
    font-family: "Open Sans", Arial, sans-serif;
}

#footer #fNavSocial #fTopResponsive.fTopMenuOpened a.fTopMenuOpen {
    border-bottom: 1px solid #4c4c4c;
}

#footer #fNavSocial #fTopResponsive a {
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: #8c8c8c;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

#footer #fNavSocial #fTopResponsive a:hover {
    color: #ffffff;
    background: #4c4c4c;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#footer #fNavSocial #fTopResponsive a.fTopMenuOpen,
#footer #fNavSocial #fTopResponsive a.fTopMenuClose {
    float: left;
    width: 100%;
    height: 40px;
    display: block;
    cursor: pointer;
}

#footer #fNavSocial #fTopResponsive a.fTopMenuClose {
    border-top: 1px solid #4c4c4c;
    display: none;
}

#footer #fNavSocial #fTopResponsive > ul {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    display: none;
}

#footer #fNavSocial #fTopResponsive > ul li {
    border-bottom: 1px solid #4c4c4c;
}

#footer #fNavSocial #fTopResponsive > ul li:last-child {
    border-bottom: 0px;
}

#footer #fNavSocial #fTopResponsive > ul li > a {
    width: 100%;
    height: 40px;
    display: block;
}

#footer #fNavSocial #fTopResponsive > ul li > ul {
    height: 100%;
}

#footer #fNavSocial #fTopResponsive > ul li > ul li {
    text-align: center;
    border-bottom: 0px;
    border-right: 1px solid #4c4c4c;
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a {
    width: 28px;
    height: 28px;
    margin: 6px 0px;
    display: inline-block;
    font-size: 0px;
    text-indent: -9999px;
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a:hover {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a.facebook {
    background: url(../images/f_FacebookIcon.png) top left no-repeat;
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a.facebook:hover {
    background: url(../images/f_FacebookIconH.png);
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a.twitter {
    background: url(../images/f_TwitterIcon.png) top left no-repeat;
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a.twitter:hover {
    background: url(../images/f_TwitterIconH.png);
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a.google {
    background: url(../images/f_GoogleIcon.png) top left no-repeat;
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a.google:hover {
    background: url(../images/f_GoogleIconH.png);
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a.youtube {
    background: url(../images/f_YoutubeIcon.png) top left no-repeat;
}

#footer #fNavSocial #fTopResponsive > ul li > ul li a.youtube:hover {
    background: url(../images/f_YoutubeIconH.png);
}

@media only screen and (min-width: 768px) {
    #footer #fTopResponsive {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    #footer #fTopResponsive {
        display: block;
    }
    #footer #fNav {
        display: none;
    }
    #footer #fSocial {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    #footer #fNav ul li a {
        font-size: 11px !important;
    }
}

#footer #fContent {
    height: auto;
    min-height: 188px;
    padding: 40px 0px;
    color: #ffffff;
    background: url(../images/footerContentBg.gif) top left repeat;
}

#footer #fContent .container {
    padding: 0px;
}

#footer #fContent .row {
    margin: 0px;
}

#footer #fContent [class*='col-md-'] {
    padding: 0;
}

#footer #fContent #fCLogo a {
    float: left;
}

#footer #fContent #fCLogo a img {
    max-width: 100%;
}

#footer #fContent #fCLinks{
    padding-left: 25px;
}

#footer #fContent #fCLinks ul {
    float: left;
    width: 100%;
    height: auto;
}

#footer #fContent #fCLinks ul li {
    list-style-type: disc;
    list-style-position: inside;
}

#footer #fContent #fCLinks ul li a {
    display: inline-block;
    font-weight: 300;
    color: #ffffff;
}

#footer #fContent #fCLinks ul li a:hover {
    text-decoration: underline;
}

#footer #fContent #fCAddress address {
    margin-bottom: 0px;
    line-height: 18px;
}

#footer #fContent #fCAddress address span {
    float: left;
    font-size: 12px;
    font-weight: 300;
}

#footer #fContent #fCAddress address span a {
    display: block;
}

#footer #fContent #fCAddress address span:first-child {
    text-align: center;
}

#footer #fContent #fCAddress address img:hover {
    cursor: default;
}

.tooltip-inner {
    min-width: 150px; //the minimum width
}

#footer #fContent #appMarmara {
    height: 40px;
    padding: 0px 0px 0px 10px;
    margin: 10px 0px 0px 0px;
}

#footer #fContent #appMarmara div {
    margin-right: 10px;
}

#footer #fContent #appMarmara div a {
    float: left;
    width: 28px;
    height: 28px;
    display: block;
    margin-top: 12px;
    font-size: 0px;
    text-indent: -999px;
    overflow: hidden;
}

#footer #fContent #appMarmara div a.marmara {
    width: 34px;
    height: 34px;
    margin-top: 9px;
    background: url(../images/appMarmara.png) center center no-repeat;
}

#footer #fContent #appMarmara div a.ios {
    background: url(../images/appIconIOS.png) center center no-repeat;
}

#footer #fContent #appMarmara div a.android {
    background: url(../images/appIconAndroid.png) center center no-repeat;
}

#footer #fContent #appMarmara div a.windows {
    background: url(../images/appIconWindows.png) center center no-repeat;
}

#footer #fContent .fSupport {
    /* float: right; */
    float: left;
    width: 140px;
    height: 34px;
    /* margin-right: 25px; */
    margin-left: 40px;
    display: block;
    font-size: 18px;
    line-height: 34px;
    font-weight: 700;
}

#footer #fContent .fSupport a {
    margin-top: -2px;
    display: block;
    color: #ffffff;
}

#footer #fContent .fSupport a,
#footer #fContent .fSupport div {
    float: left;
}

#footer #fContent .fSupport div:last-child {
    margin-left: 10px;
}

#footer #fContent .callCenter {
    float: right;
    max-width: 185px;
    /* width: 185px; */
    /* height: 34px; */
    height: auto;
    margin-right: 5px;
}

#footer #fContent .callCenter span,
#footer #fContent .callCenter div {
    float: left;
    /*
  font-size: 18px;
  line-height: 34px;
  */
    font-size: 13px;
    /* line-height: 17px; */
    line-height: 15px;
    font-weight: 700;
}

#footer #fContent .callCenter div a {
    display: block;
}

#footer #fContent .callCenter span em {
    font-size: 11px;
    /* color: #3FE7E8; */
}

#footer #fContent .callCenter div.hvr-float-shadow {
    margin-top: 0px;
    /* margin-top: -3px; */
}

#footer #fContent .callCenter span {
    margin-top: -8px;
    margin-left: 10px;
}

#footer #fContent #fCImageLinks {
    float: right;
    height: auto;
    margin-top: 15px;
}

#footer #fContent #fCImageLinks .swiper-container {
    float: right;
    width: 372px;
    height: 56px;
    padding: 5px 16px;
    margin: 15px 0px 0px 0px;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: inset 3px 3px 15px -3px rgba(0, 0, 0, 0.75);
}

#footer #fContent #fCImageLinks .swiper-container .swiper-slide {
    width: 110px;
    height: 46px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#footer #fContent #fCImageLinks .swiper-container .swiper-slide img {
    max-height: 46px;
    border: 0px;
}

@media only screen and (min-width: 1200px) {
    #footer .fSupport {
        margin-right: 10px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #footer #fContent [class*='col-md-'] {
        padding: 5px;
    }
    #footer #fContent #fRLogoLinks {
        margin-bottom: 40px;
    }
    #footer #fContent #fCLogo a {
        margin-left: 25px;
    }
    #footer #fContent #fCLinks {
        margin-top: 25px;
    }
    #footer #fContent #fCLinks ul {
        margin-left: 25px;
    }
    #footer #fContent #fCAddress {
        padding: 5px 25px;
    }
    #footer #fContent #fRFBCCIL {
        padding-right: 40px;
    }
    #footer #fContent #fRFBCCIL [class*='col-md-'] {
        padding: 0px;
    }
    #footer #fContent #fRFBCCIL .fSupport {
        float: none !important;
        margin: 0px auto !important;
    }
    #footer #fContent #fRFBCCIL #fCImageLinks {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
    #footer #fContent [class*='col-md-'] {
        padding: 5px;
    }
    #footer #fContent #fRLogoLinks {
        margin-bottom: 40px;
    }
    #footer #fContent #fCLogo a {
        margin-left: 15px;
    }
    #footer #fContent #fCLinks {
        margin-top: 0px;
    }
    #footer #fContent #fCLinks ul {
        margin-left: 15px;
    }
    #footer #fContent #fCAddress {
        float: none !important;
        width: 320px !important;
        margin: 0px auto 40px auto !important;
        padding: 5px 25px;
    }
    #footer #fContent #fRFBCCIL {
        padding: 5px 25px;
    }
    #footer #fContent #fRFBCCIL [class*='col-md-'] {
        padding: 0px;
    }
    #footer #fContent #fRFBCCIL .fSupport {
        float: left !important;
        margin: 0px !important;
    }
    #footer #fContent #fRFBCCIL #fCImageLinks {
        float: left !important;
        width: 100% !important;
    }
    #footer #fContent #fRFBCCIL #fCImageLinks .swiper-container {
        width: 100% !important;
    }
}

@media only screen and (max-width: 459px) {
    #footer #fContent [class*='col-md-'] {
        padding: 5px;
    }
    #footer #fContent #fRLogoLinks {
        margin-bottom: 40px;
    }
    #footer #fContent #fCLogo {
        width: 100%;
        display: block;
        text-align: center;
    }
    #footer #fContent #fCLogo a {
        float: none !important;
        margin: 0px auto !important;
    }
    #footer #fContent #fCLinks {
        display: none;
    }
    #footer #fContent #fCAddress {
        float: none !important;
        width: 320px !important;
        margin: 0px auto 40px auto !important;
        padding: 5px 25px;
    }
    #footer #fContent #fRFBCCIL {
        padding: 5px 25px;
    }
    #footer #fContent #fRFBCCIL [class*='col-md-'] {
        padding: 0px;
    }
    #footer #fContent #fRFBCCIL .col-xs-6 {
        width: 100%;
    }
    #footer #fContent #fRFBCCIL .fSupport {
        float: none !important;
        margin: 0px auto 40px auto !important;
    }
    #footer #fContent #fRFBCCIL .callCenter {
        float: none !important;
        margin: 0px auto 40px auto !important;
    }
    #footer #fContent #fRFBCCIL #fCImageLinks {
        float: left !important;
        width: 100% !important;
    }
    #footer #fContent #fRFBCCIL #fCImageLinks .swiper-container {
        width: 100% !important;
    }
}

#footer #fCopyRight {
    height: 34px;
    border-top: 1px solid #4c4c4c;
}

#footer #fCopyRight p {
    padding: 5px 0px;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
}


/* Sub Page */

#subPage {
    position: relative;
    /* padding: 0px 10px; */
    background: #ffffff;
    font-family: "Open Sans", Arial, sans-serif;
}

#subPage .spRibbon {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    width: 100%;
    height: 80px;
    display: block;
    background: #0f3d6e;
}

#subPage .spRibbon .leftEdge,
#subPage .spRibbon .rightEdge {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 10px;
    height: 90px;
    display: block;
    background-image: url(../images/spRibbon.png);
    background-repeat: no-repeat;
}

#subPage .spRibbon .leftEdge {
    left: -10px;
    background-position: top left;
}

#subPage .spRibbon .rightEdge {
    right: -10px;
    background-position: top right;
}

#subPage #spWrapper {
    position: relative;
    z-index: 6;
    min-height: 300px;
}

#spContent {
    position: relative;
    padding: 0px 10px 0px 15px;
}

#spContent > nav {
    float: left;
    width: 100%;
    height: 80px;
}

#spContent > nav .spBreadCrumb {
    float: left;
    width: 100%;
    display: block;
    margin: 30px 0px 0px 0px;
}

#spContent > nav .spBreadCrumb::after {
    clear: both;
    content: "";
    display: table;
}

#spContent > nav .spBreadCrumb li {
    float: left;
    display: inline-block;
}

#spContent > nav .spBreadCrumb li::after {
    content: '';
    width: 6px;
    height: 14px;
    margin: 0 1em;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/toAllicon.png) center center no-repeat;
}

#spContent > nav .spBreadCrumb li:last-of-type::after {
    display: none;
}

#spContent > nav .spBreadCrumb li > * {
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
    color: #ffffff;
}

#spContent > nav .spBreadCrumb li a:hover {
    color: #6cb2e0;
}

#spContent > nav .spBreadCrumb li.current em {
    color: #6cb2e0;
}

#spContent article {
    float: left;
    width: 100%;
    overflow: hidden;
}


/* #spContent article > * { float: left; } */

#spContent article .spTitle {
    width: 100%;
    margin: 20px 0px;
    padding: 0px 10px 0px 0px;
    border-bottom: 1px solid #a4b4bc;
}

#spContent article .spTitle h1 {
    position: relative;
    padding: 0px;
    margin: 0px 0px -8px 0px;
    font-size: 21px;
    line-height: 29px;
    font-weight: 500;
    color: #4c4c4c;
}

#spContent article .spTitle h1 em {
    background-color: #ffffff;
    padding-right: 10px;
}

#spContent article p {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #6c6c6c;
    /* text-align */
    text-align: justify;
}

#spContent article img {
    padding: 2px;
    border: 1px solid #cfcfcf;
    max-width: 100%;
    height: auto;
}

#pageContent p em{
    font-style:italic;
}
#pageContent p a, #pageContent ul li a, #pageContent table a{
    color:#2d90d3;
}

#spSide {
    position: relative;
    margin: 20px 0px 20px 0px;
    padding: 0px 10px 0px 10px;
}

#spSide nav#spMenu {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    border: 1px solid #cfcfcf;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}

#spSide nav#spMenu h1 {
    position: relative;
    padding: 12px 10px;
    margin: 0px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    color: #2c2c2c;
}

#spSide nav#spMenu ul {
    width: 100%;
    margin: 0px;
}

#spSide nav#spMenu ul ul {
    display: none;
}

#spSide nav#spMenu ul li a {
    display: block;
}

#spSide nav#spMenu ul li:last-child {
    border-bottom: 0px;
}

#spSide nav#spMenu > ul {
    display: block;
}

#spSide nav#spMenu > ul > li {
    margin-top: 1px;
    border-bottom: 1px solid #c3c3c3;
}

#spSide nav#spMenu > ul > li.haveSubMenu > a {
    color: #4c4c4c;
    background: #e2e2e2 url(../images/spMenuLiIcon.png) 95% 50% no-repeat;
}

#spSide nav#spMenu > ul > li.haveSubMenu > a:hover {
    color: #2c2c2c;
    background: #ffffff url(../images/spMenuLiIcon.png) 97% 50% no-repeat;
}

#spSide nav#spMenu > ul > li.haveSubMenu > ul {
    border-top: 1px solid #c3c3c3;
}

#spSide nav#spMenu > ul > li.activeSubMenu > a {
    background: #ffffff url(../images/spMenuLiActiveIcon.png) 95% 50% no-repeat;
}

#spSide nav#spMenu > ul > li.activeSubMenu > a:hover {
    color: #4c4c4c;
    background: #e2e2e2 url(../images/spMenuLiIcon.png) 97% 50% no-repeat;
}

#spSide nav#spMenu > ul > li.activeSubMenu > ul {
    display: block;
}

#spSide nav#spMenu > ul > li > a {
    padding: 10px;
    font-size: 15px;
    line-height: 21px;
    color: #4c4c4c;
    background: #e2e2e2 url(../images/spMenuLiIcon.png) 95% 50% no-repeat;
}

#spSide nav#spMenu > ul > li > a:hover {
    color: #2c2c2c;
    background: #ffffff url(../images/spMenuLiIcon.png) 97% 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li {
    margin-top: 1px;
    border-bottom: 1px solid #e2e2e2;
}

#spSide nav#spMenu > ul > li > ul > li > a {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 18px;
    text-indent: 10px;
    color: #6c6c6c;
    background: #ffffff url(../images/spMenuSubLiIcon.png) 10px 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.activeSubMenu > a {
    color: #ffffff;
    background: #4b6e92 url(../images/spMenuSubLiHoverIcon.png) 10px 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li > a:hover {
    color: #ffffff;
    background: #4b6e92 url(../images/spMenuSubLiHoverIcon.png) 10px 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.haveChildMenu > a {
    background: url(../images/spMenuSubLiIcon.png) 10px 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.haveChildMenu > a:hover {
    color: #ffffff;
    background: #4b6e92 url(../images/spMenuSubLiHoverIcon.png) 10px 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.haveChildMenu > a:hover::after {
    margin: 8px 10px 0px 0px;
    width: 10px;
    height: 4px;
    background: url(../images/spMenuLastLiActiveIcon.png) 50% 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.haveChildMenu > a::after {
    content: '';
    float: right;
    display: inline-block;
    width: 4px;
    height: 10px;
    margin: 4px 10px 0px 0px;
    background: url(../images/spMenuLastLiIcon.png) 50% 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.haveChildMenu:hover {
    background: #4b6e92 url(../images/spMenuLastLiIcon.png) 97% 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.haveChildMenu > ul {
    background: #ffffff;
}

#spSide nav#spMenu > ul > li > ul > li.activeChildMenu {
    background: #4b6e92;
}

#spSide nav#spMenu > ul > li > ul > li.activeChildMenu > a {
    color: #ffffff;
    background: #4b6e92 url(../images/spMenuSubLiHoverIcon.png) 10px 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.activeChildMenu > a:hover {
    color: #6c6c6c;
    background: #ffffff url(../images/spMenuSubLiIcon.png) 10px 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.activeChildMenu > a:hover::after {
    width: 4px;
    height: 10px;
    margin: 4px 10px 0px 0px;
    background: url(../images/spMenuLastLiIcon.png) 50% 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.activeChildMenu > a::after {
    content: '';
    float: right;
    margin: 8px 10px 0px 0px;
    width: 10px;
    height: 4px;
    display: inline-block;
    background: url(../images/spMenuLastLiActiveIcon.png) 50% 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.activeChildMenu:hover {
    background: #4b6e92 url(../images/spMenuLastLiIcon.png) 97% 50% no-repeat;
}

#spSide nav#spMenu > ul > li > ul > li.activeChildMenu > ul {
    display: block;
}

#spSide nav#spMenu > ul > li > ul > li > ul {
    border-bottom: 1px solid #ffffff;
}

#spSide nav#spMenu > ul > li > ul > li > ul li {
    list-style-image: url(../images/spMenuLastSubLiIcon.png);
    list-style-position: inside;
    margin: 0px 1px;
    border-bottom: 1px solid #a5b6c8;
}

#spSide nav#spMenu > ul > li > ul > li > ul li a {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 18px;
    text-indent: 10px;
    color: #143454;
    background: #c9d3de;
}

#spSide nav#spMenu > ul > li > ul > li > ul li a:hover {
    text-indent: 12px;
    background: #a5b6c8;
}

#spInfo {
    margin-top: 40px;
}

#spInfo p {
    font-size: 10px;
    line-height: 14px;
    color: #8c8c8c;
}


/* News, Announcements, Events Pages */

.naeSide {
    position: relative;
    margin: 20px 0px 20px 0px;
    padding: 0px 10px 0px 10px;
}

.naeSide .naeMenu {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    border: 1px solid #cfcfcf;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

.naeSide .naeMenu h1 {
    position: relative;
    padding: 12px 10px;
    margin: 0px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    color: #2c2c2c;
}

.naeSide .naeMenu ul {
    width: 100%;
    margin: 0px;
}

.naeSide .naeMenu ul li a {
    display: block;
}

.naeSide .naeMenu ul li:last-child {
    border-bottom: 0px;
}

.naeSide .naeMenu > ul {
    display: block;
}

.naeSide .naeMenu > ul > li {
    margin-top: 1px;
    border-bottom: 1px solid #c3c3c3;
}

.naeSide .naeMenu > ul > li.active a {
    font-weight: 700;
    color: #4c4c4c;
    background: #e2e2e2 url(../images/spMenuLiIcon.png) 97% 50% no-repeat;
}

.naeSide .naeMenu > ul > li > a {
    padding: 10px;
    font-size: 15px;
    line-height: 21px;
    color: #2c2c2c;
    background: #ffffff url(../images/spMenuLiIcon.png) 95% 50% no-repeat;
}

.naeSide .naeMenu > ul > li > a:hover {
    font-weight: 700;
    color: #4c4c4c;
    background: #e2e2e2 url(../images/spMenuLiIcon.png) 97% 50% no-repeat;
}

.naeSide .naeSideBox {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding-top: 5px;
    /*
  margin-top: 30px;
  */
    margin-bottom: 30px;
    border: 1px solid #cfcfcf;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}

.naeSide .naeSideBox .nSBShadow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 6;
    width: 100%;
    padding: 0px 5px 0px 5px;
    background: url(../images/naeSlideBottom.png) top left repeat-x;
}

.naeSide .naeSideBox .nSBTitle {
    padding: 0px 5px 0px 5px;
    display: block;
}

.naeSide .naeSideBox .nSBTitle h2 {
    position: relative;
    margin: 0px;
    padding: 10px 0px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    color: #2c2c2c;
    border-bottom: 1px dotted #cfcfcf;
}

.naeSide .naeSideBox.naeSideNews .nSBContent {
    height: 390px;
}

.naeSide .naeSideBox.naeSideNews .nSBShadow {
    height: 67px;
}

.naeSide .naeSideBox.naeSideNews .aNew::before {
    top: 14px !important;
}

.naeSide .naeSideBox.naeSideAnnouncements .nSBContent,
.naeSide .naeSideBox.naeSideEvents .nSBContent {
    height: 300px;
    padding: 10px 0px;
}

.naeSide .naeSideBox.naeSideAnnouncements .nSBShadow,
.naeSide .naeSideBox.naeSideEvents .nSBShadow {
    height: 25px;
}

.naeSide .naeSideBox.naeSideAnnouncements .swiper-slide,
.naeSide .naeSideBox.naeSideEvents .swiper-slide {
    border-bottom: 1px solid #cfcfcf;
}

.naeSide .naeSideBox.naeSideAnnouncements .mgrid,
.naeSide .naeSideBox.naeSideEvents .mgrid {
    padding: 0px !important;
    border-bottom: 0px !important;
}

.naeSide .naeSideBox.naeSideAnnouncements .mgrid p,
.naeSide .naeSideBox.naeSideEvents .mgrid p {
    font-size: 13px;
    line-height: 18px;
}

.naeSide .naeSideBox .nSBContent {
    position: relative;
    z-index: 5;
    padding: 5px 0px;
    display: block;
    overflow: hidden;
}

.naeSide .naeSideBox .nSBContent .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -5px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 5px;
    overflow: visible;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-wrapper {
    display: block !important;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide .mgrid {
    padding-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide.aNew {
    position: relative;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide.aNew::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -4px;
    width: 2px;
    height: 100%;
    display: block;
    background: url(../images/aNew.gif) top left no-repeat;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide a:hover {
    text-decoration: underline;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide a:hover img {
    border: 1px solid #c3c3c3;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide h4 {
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
    /* margin: 0px;  */
    padding: 0px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide h4 a {
    display: block;
    color: #535353;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide p {
    float: left;
    width: 100%;
    max-height: 70px;
    overflow: hidden;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    font-size: 12px;
    line-height: 14px;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide p a {
    display: block;
    color: #6c6c6c;
}

.naeSide .naeSideBox .nSBContent .swiper-container .swiper-slide img {
    float: left;
    width: 100%;
    height: auto;
    padding: 1px;
    border: 1px solid #e6e6e6;
}

.ndSide {
    position: relative;
    margin: -10px 0px 20px 0px;
    padding: 0px 10px 0px 10px;
}

.naeContent {
    position: relative;
    padding: 0px 10px;
}

.naeContent > h1 {
    position: relative;
    float: left;
    width: 100%;
    margin: 40px 0px 11px 0px;
    font-size: 21px;
    line-height: 29px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    /*
  padding: 0px 0px 0px 25px;
  background: url(../images/rssIcon.png) center left no-repeat;
  */
}

.naeContent > h1 a {
    float: right;
    width: 120px;
    display: block;
    text-align: right;
    padding-right: 15px;
    font-size: 12px;
    line-height: 29px;
    font-weight: 300;
    color: #ffffff;
    background: url(../images/toAllicon.png) center right no-repeat;
}

.naeContent .aNews {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0px 0px 0px;
    padding: 10px 0px;
    border-top: 1px solid #dcdcdc;
}

.naeContent .aNews h2 {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    text-align: left;
}

.naeContent .aNews h2 a {
    color: #535353;
    display: block;
}

.naeContent .aNews h2 a:hover {
    text-decoration: underline;
}

.naeContent .aNews p {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 16px;
}

.naeContent .aNews p a {
    color: #6c6c6c;
}

.naeContent .aNews p a:hover {
    text-decoration: underline;
}

.naeContent .aNews p a:hover img {
    border: 1px solid #aaa;
}

.naeContent .aNews p a:last-child {
    padding-left: 10px;
}

.naeContent .aNews p a img {
    width: 100%;
    height: auto;
    padding: 1px;
    border: 1px solid #ccc;
}

.naeContent .aNews em {
    position: absolute;
    top: -10px;
    right: 0px;
    width: 100px;
    height: 15px;
    padding-left: 10px;
    display: block;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    background: #ffffff;
}

.naeContent .aPager {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
    border-top: 1px solid #dcdcdc;
}

.naeContent .aPager ul {
    width: auto;
    margin: 10px auto 22px auto;
    padding: 0px 10px;
    text-align: center;
}

.naeContent .aPager ul li {
    margin: 0px 5px;
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    font-weight: 400;
}

.naeContent .aPager ul li a {
    width: 32px;
    height: 18px;
    display: block;
    text-align: center;
    color: #9c9c9c;
}

.naeContent .aPager ul li a:hover {
    color: #ffffff;
    background: #2d90d3;
}

.naeContent .aPager ul li a:hover > span {
    color: #ffffff;
}

.naeContent .aPager ul li a > span {
    font-size: 11px;
    color: #9c9c9c;
}

.naeContent .aPager ul li a.aPagePrev {
    text-indent: -9999px;
    background: #ffffff url(../images/aPagePrev.jpg) center center no-repeat;
}

.naeContent .aPager ul li a.aPagePrev:hover {
    background: #2d90d3 url(../images/aPagePrevH.png) center center no-repeat;
}

.naeContent .aPager ul li a.aPageNext {
    text-indent: -9999px;
    background: #ffffff url(../images/aPageNext.jpg) center center no-repeat;
}

.naeContent .aPager ul li a.aPageNext:hover {
    background: #2d90d3 url(../images/aPageNextH.png) center center no-repeat;
}

.naeContent .aPager ul li > span {
    width: 32px;
    height: 18px;
    display: block;
    text-align: center;
    color: #ffffff;
    background: #2d90d3;
}

.naeContent article {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", Arial, sans-serif;
}

.naeContent article section {
    float: left;
    width: 100%;
}

.naeContent article .naeDTop {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #c3c3c3;
}

.naeContent article .naeDTop h1 {
    float: left;
    width: 100%;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 21px;
    line-height: 29px;
    font-weight: 600;
    text-align: left;
    color: #4c4c4c;
    margin: 20px 0px;
}

.naeContent article .naeDTop h2 {
    float: left;
    width: 100%;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
    color: #4c4c4c;
    margin: 0px 0px 20px 0px;
}

.naeContent article .naeDTop .naeDate {
    position: absolute;
    top: 25px;
    /* right: -40px; */
    right: -45px;
    width: 34px;
    height: 34px;
    display: block;
    font-size: 10px;
    line-height: 17px;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
    border-left: 3px solid #2d90d3;
    background: #ffffff;
}

.naeContent article .naeDTop .fSize {
    float: right;
    width: 61px;
    height: 20px;
    margin-bottom: -1px;
    display: block;
    border-left: 1px solid #ffffff;
    background: #e2e2e2;
}

.naeContent article .naeDTop .fSize a {
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}

.naeContent article .naeDTop .fSize a:hover {
    background: #c3c3c3;
}

.naeContent article .naeDContent {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c3c3c3;
    overflow: hidden;
}

.naeContent article .naeDContent > * {
    max-width: 100%;
}

.naeContent article .naeDContent p {
    max-width: 100%;
    /*
  text-align
  */
    text-align: justify;
}

.naeContent article .naeDContent p img {
    padding: 2px;
    border: 1px solid #cfcfcf;
}

.naeContent article .naeDBottom {
    margin: 0px;
}

.naeContent article .naeDBottom .naePrevNext {
    padding: 0px;
}

.naeContent article .naeDBottom .naePrevNext a {
    float: left;
    width: auto;
    height: 34px;
    display: block;
    font-size: 12px;
    line-height: 34px;
    font-weight: 400;
    color: #4c4c4c;
}

.naeContent article .naeDBottom .naePrevNext a em {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 7px;
    display: block;
    background-color: #e2e2e2;
    background-position: center center;
    background-repeat: no-repeat;
}

.naeContent article .naeDBottom .naePrevNext a:hover {
    color: #1c1c1c;
}

.naeContent article .naeDBottom .naePrevNext a:hover em {
    background-color: #c2c2c2;
}

.naeContent article .naeDBottom .naePrevNext a.naePrev {
    padding-right: 10px;
    border-right: 1px solid #dadada;
}

.naeContent article .naeDBottom .naePrevNext a.naePrev em {
    margin-right: 10px;
    background-image: url(../images/naePrev.png);
}

.naeContent article .naeDBottom .naePrevNext a.naeNext {
    padding-left: 10px;
}

.naeContent article .naeDBottom .naePrevNext a.naeNext em {
    float: right;
    margin-left: 10px;
    background-image: url(../images/naeNext.png);
}

.naeContent article .naeDBottom .naeSocial {
    padding: 0px;
}

.naeContent article .naeDBottom .naeSocial > div {
    float: right;
    height: 20px;
    margin: 7px 0px;
    margin-left: 10px;
    /*
  background-position: center center;
  background-repeat: no-repeat;
  */
}

.naeContent article .naeDBottom .naeSocial > div.naeSG {
    width: 90px;
    /* width: 57px; */
    /* background: url(../images/googleS.jpg); */
}

.naeContent article .naeDBottom .naeSocial > div.naeST {
    width: 96px;
    /* background: url(../images/twitterS.jpg); */
}

.naeContent article .naeDBottom .naeSocial > div.naeSF {
    width: 91px;
    /* background: url(../images/facebookS.jpg); */
}

.naeContent article .naeDBottom .naeInfo {
    margin: 40px 0px 0px 0px;
    padding: 0px;
}

.naeContent article .naeDBottom .naeInfo p {
    padding: 0px;
    font-size: 10px;
    line-height: 12px;
    color: #9c9c9c;
    text-align: right;
}


/* Galleries, Gallery */

#galleries {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0px 0px 0px;
    font-family: "Open Sans", Arial, sans-serif;
}

.gSide {
    position: relative;
    margin: -10px 0px 20px 0px;
    padding: 0px 10px 0px 10px;
}

#galleries .aGallery {
    position: relative;
    margin: 0px 0px 10px 0px;
    padding: 10px 5px;
    border-top: 1px solid #dcdcdc;
}

#galleries .aGallery h2 {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px;
    font-family: inherit;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    text-align: left;
}

#galleries .aGallery h2 a {
    color: #535353;
    display: block;
}

#galleries .aGallery h2 a:hover {
    text-decoration: underline;
}

#galleries .aGallery p {
    float: left;
    width: 100%;
    padding: 0px 20px;
    margin: 0px;
    font-size: 12px;
    line-height: 16px;
}

#galleries .aGallery p a {
    color: #6c6c6c;
}

#galleries .aGallery p a:hover {
    text-decoration: underline;
}

#galleries .aGallery p a:hover img {
    border: 1px solid #acacac;
}

#galleries .aGallery p a img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 1px;
    border: 1px solid #dcdcdc;
}

#galleries .aGallery em {
    position: absolute;
    top: -7px;
    right: 0px;
    width: auto;
    height: 15px;
    padding: 0px 10px;
    display: block;
    cursor: help;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    background: #ffffff;
}

#galleryHeader,
#galleryImages {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0px 0px 0px;
    font-family: "Open Sans", Arial, sans-serif;
    border-bottom: 1px solid #dcdcdc;
}

#galleryFooter {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0px 0px 0px;
    font-family: "Open Sans", Arial, sans-serif;
    border-bottom: 1px solid #dcdcdc;
    border-bottom: 0px;
}

#galleryHeader h1 {
    float: left;
    width: 100%;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 21px;
    line-height: 29px;
    font-weight: 600;
    text-align: left;
    color: #4c4c4c;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

#galleryHeader h2 {
    float: left;
    width: 100%;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
    color: #4c4c4c;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

#galleryFooter > div {
    padding: 0px;
}

#galleryFooter .gSocial {
    margin: 0px 0px 40px 0px;
}

#galleryFooter .gSocial > div {
    float: right;
    height: 20px;
    margin: 7px 0px;
    margin-left: 10px;
    /*
  background-position: center center;
  background-repeat: no-repeat;
  */
}

#galleryFooter .gSocial > div.gSG {
    width: 90px;
    /* width: 57px; */
    /* background: url(../images/googleS.jpg); */
}

#galleryFooter .gSocial > div.gST {
    width: 96px;
    /* background: url(../images/twitterS.jpg); */
}

#galleryFooter .gSocial > div.gSF {
    width: 91px;
    /* background: url(../images/facebookS.jpg); */
}

#galleryFooter p {
    padding: 0px;
    font-size: 10px;
    line-height: 12px;
    color: #9c9c9c;
    text-align: right;
}


/* Modal, mModal */
.modal-backdrop.in{ opacity: 0.85; }

#mModal .modal-content {
    padding: 3px;
    box-shadow: none;
    border-radius: 0px;
}

#mModal .modal-header {
    position: relative;
    padding: 0px;
    min-height: 120px;
    background: #4c4c4c url(../images/mModalTopBg.jpg) 90% 0px no-repeat;
}

#mModal .modal-header .logo {
    position: relative;
    float: left;
    /*
    width: 250px; 
    height: 100px;
    */
    width: auto;
    margin: 10px 0px 10px 10px;
}

#mModal .modal-header .logo img {
    max-width: 100%;
    max-height: 100%;
}

#mModal .modal-header .modal-title {
    position: absolute;
    bottom: -1px;
    right: 0px;
    width: auto;
    max-width: 350px;
    min-width: 120px;
    height: 25px;
    background: #ffffff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}

#mModal .modal-header .modal-title em {
    position: absolute;
    top: 0px;
    left: -25px;
    width: 25px;
    height: 25px;
    display: block;
    background: url(../images/mModalTitleLeft.png) 0px 0px no-repeat;
}

#mModal .modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
}

#mModal .modal-body {
    padding: 10px;
}

#mModal .modal-body h1 {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #1c1c1c;
}

#mModal .modal-body p {
    color: #4c4c4c;
}

#mModal .modal-body a {
    color: #1c1c1c;
}

#mModal .modal-body a:hover {
    text-decoration: underline;
}

#mModal .modal-footer {
    /* margin-top: 10px; */
    margin: 0px;
    padding: 10px;
    border: 0px;
}

/* DarkModal */
#mModal.darkModal .modal-body, #mModal.darkModal .modal-footer { background: #1b1b1b; color: #ffffff; }
#mModal.darkModal .modal-body h1, #mModal.darkModal .modal-body p, #mModal.darkModal .modal-body a { color: #ffffff; }

#mModal.darkModal .modal-header .logo{ width: auto; }
#mModal.darkModal .modal-header .modal-title { color: #949598; background: #1b1b1b; border-top: 1px solid #ffffff; }
#mModal.darkModal .modal-header .modal-title em { top: -1px; height: 26px; background: url(../images/mModalTitleLeftDark.png) 0px 0px no-repeat; }

#mModal.darkModal .modal-footer .btn.btn-default { color: #ffffff; background: #4c4c4c; border: 0px; }

@media screen and (min-width: 980px) {
    .modal-dialog {
        width: 800px;
        padding-top: 90px;
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    .modal-dialog {
        width: 600px;
        padding-top: 90px;
        padding-bottom: 30px;
    }
}


/* ------------ Transition ------------ */

a,
.hmenu ul li:hover,
#mCEvents .swiper-slide:hover .mgrid,
#mCEvents .swiper-slide:hover span,
#mCEvents .swiper-slide:hover a {
    /*transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out*/
}

.masonry {
    -webkit-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: height, width;
    -ms-transition-property: height, width;
    transition-property: height, width;
}


/* ------------ article ------------ */

article h6 {
    background: #eee;
    color: #444;
    font-weight: bold;
    padding: 6px 5px;
    border-bottom: 1px solid #dfdfdf;
}

article .table,
article .table2 {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

article .table th {
    padding: 6px;
    color: #fff;
    background: #50a5dc;
    border-bottom: 1px solid #0b7ec9;
    border-right: 1px solid #0b7ec9;
    border-left: 1px solid #0b7ec9;
    font-size: 12px;
    font-weight: bold;
}

article table td {
    vertical-align: top;
}

article .table th,
article .table2 th {
    border-bottom: 1px solid #0b7ec9 !important;
}

article .table td {
    padding: 6px;
    color: #555;
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 12px;
}

article .tableh2 {
    width: 100%;
    height: 41px;
    display: block;
    margin-bottom: 0 !important;
    font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 41px !important;
    text-indent: 10px;
    color: #F0F3F6 !important;
    background-color: #215285;
}

article .table2 th {
    padding: 6px;
    color: #222;
    background: #ddd;
    border-bottom: 1px solid #0b7ec9;
    font-size: 12px;
    font-weight: bold;
}

article .table2 td {
    padding: 6px;
    color: #555;
    background: #f9f9f9;
    border-bottom: 1px solid #dcdcdc;
    font-size: 12px;
}

article .tableh3 {
    width: 100%;
    height: 41px;
    display: block;
    line-height: 41px;
    font-size: 18px;
    color: #0a4889;
    font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

article .wtd td {
    background: #fff !important;
}

article .reveal-modal {
    display: none;
}


/* Engelsiz Marmara - Css */

.visuallyhidden {
    width: 0px;
    height: 0px;
    position: absolute;
    top: -999em;
    left: -999em;
    overflow: hidden;
    /* visibility: hidden; */
}