@charset "UTF-8";

/* CSS Document */


/* gallery
--------------------------- */

@media (max-width:768px) {
    .galleryCon {
        float: left;
        width: 100%;
        text-align: center;
    }
    .galleryCon a {
        color: #d3232a;
    }
    .galleryCon a:hover {
        color: #231f20;
        text-decoration: none;
    }
    .bgcon {
        height: 300px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .gallerTitle {
        text-align: center;
        font-size: 20px;
        margin-top: 5px;
    }
}

@media (min-width:768px) {
    .galleryCon {
        float: left;
        width: 240px;
        padding: 5px;
        text-align: center;
    }
    .galleryCon a {
        color: #d3232a;
    }
    .galleryCon a:hover {
        color: #231f20;
        text-decoration: none;
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    .bgcon {
        height: 250px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .gallerTitle {
        text-align: center;
        font-size: 20px;
        margin-top: 5px;
    }
}

@media (min-width:992px) {
    .galleryCon {
        float: left;
        width: 313px;
        padding: 15px;
        text-align: center;
    }
    .galleryCon a {
        color: #d3232a;
    }
    .galleryCon a:hover {
        color: #231f20;
        text-decoration: none;
    }
    .bgcon {
        height: 300px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .gallerTitle {
        text-align: center;
        font-size: 20px;
        margin-top: 5px;
    }
}

@media (min-width:1200px) {
    .galleryCon {
        float: left;
        width: 380px;
        padding: 15px;
        text-align: center;
    }
    .galleryCon a {
        color: #d3232a;
    }
    .galleryCon a:hover {
        color: #231f20;
        text-decoration: none;
    }
    .bgcon {
        height: 300px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .gallerTitle {
        text-align: center;
        font-size: 20px;
        margin-top: 5px;
    }
}


/* gallery finish
--------------------------- */

@font-face {
    font-family: 'eurostileregular';
    src: url('../fonts/eurostile-regular/eurostile_regular-webfont.eot');
    src: url('../fonts/eurostile-regular/eurostile_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/eurostile-regular/eurostile_regular-webfont.woff2') format('woff2'), url('../fonts/eurostile-regular/eurostile_regular-webfont.woff') format('woff'), url('../fonts/eurostile-regular/eurostile_regular-webfont.ttf') format('truetype'), url('../fonts/eurostile-regular/eurostile_regular-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_probold';
    src: url('../fonts/zona-pro/zonapro-bold-webfont.eot');
    src: url('../fonts/zona-pro/zonapro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zona-pro/zonapro-bold-webfont.woff2') format('woff2'), url('../fonts/zona-pro/zonapro-bold-webfont.woff') format('woff'), url('../fonts/zona-pro/zonapro-bold-webfont.ttf') format('truetype'), url('../fonts/zona-pro/zonapro-bold-webfont.svg#zona_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_prothin';
    src: url('../fonts/zona-thin/zonapro-thin-webfont.eot');
    src: url('../fonts/zona-thin/zonapro-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zona-thin/zonapro-thin-webfont.woff2') format('woff2'), url('../fonts/zona-thin/zonapro-thin-webfont.woff') format('woff'), url('../fonts/zona-thin/zonapro-thin-webfont.ttf') format('truetype'), url('../fonts/zona-thin/zonapro-thin-webfont.svg#zona_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_DINNextW1G-Regular';
    src: url('../fonts/dint-next-regular/DINNextW1G-Regular.eot');
    src: local('☺'), url('../fonts/dint-next-regular/DINNextW1G-Regular.woff') format('woff'), url('../fonts/dint-next-regular/DINNextW1G-Regular.ttf') format('truetype'), url('../fonts/dint-next-regular/DINNextW1G-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('../fonts/avenirnext-regular/AvenirNextLTPro-Regular.eot');
    src: url('../fonts/avenirnext-regular/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/avenirnext-regular/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/avenirnext-regular/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../fonts/avenirnext-regular/AvenirNextLTPro-Regular.svg#zona_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/avenirnext-bold/AvenirNextLTPro-Bold.eot');
    src: url('../fonts/avenirnext-bold/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/avenirnext-bold/AvenirNextLTPro-Bold.woff') format('woff'), url('../fonts/avenirnext-bold/AvenirNextLTPro-Bold.ttf') format('truetype'), url('../fonts/avenirnext-bold/AvenirNextLTPro-Bold.svg#zona_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'kohinoor_devanagariregular';
    src: url('../fonts/kohinoordevanagari/regular/kohinoordevanagari-regular-webfont.eot');
    src: url('../fonts/kohinoordevanagari/regular/kohinoordevanagari-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kohinoordevanagari/regular/kohinoordevanagari-regular-webfont.woff2') format('woff2'), url('../fonts/kohinoordevanagari/regular/kohinoordevanagari-regular-webfont.woff') format('woff'), url('../fonts/kohinoordevanagari/regular/kohinoordevanagari-regular-webfont.ttf') format('truetype'), url('../fonts/kohinoordevanagari/regular/kohinoordevanagari-regular-webfont.svg#kohinoor_devanagariregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* top nav 
--------------------------- */

.conone {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #dddddd;
}

@media (max-width:767px) {
    .ceyCon img {
        width: 120px;
        text-align: center;
        margin-left: 110px;
    }
}

@media (max-width:768px) {
    .col-5 {
        display: block;
        width: 100%;
        text-align: center;
    }
    .col-5 h3 {
        font-size: 25px;
        text-align: center;
        font-family: 'AvenirNextLTPro-Bold';
        border-bottom: 1px solid #bc1518;
        padding-bottom: 5px;
    }
    .col-6 {
        float: left;
        width: 50%;
    }
    .col-7 {
        float: left;
        width: 50%;
        font-size: 30px;
        text-align: right;
        padding-top: 55px;
        line-height: 28px;
        font-family: 'zona_probold';
    }
    .colm-1 {
        float: left;
        width: 100%;
    }
    .ceyCon {
        border-right: none !important;
    }
    .colm-2 {
        display: block;
        float: none;
        width: 369px;
        margin: 0 auto;
    }
    .logo {
        display: block;
        width: 250px;
        margin: 0 auto !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar {
        min-height: 0;
        margin-bottom: 0;
        font-family: 'AvenirNextLTPro-Bold';
        font-size: 19px
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-nav {
        margin: 0;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 10px 20px;
        clear: both;
        font-size: 16px !important;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        border-bottom: 1px dashed #CCCCCC;
        text-align: center !important;
    }
    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        color: #FFF !important;
        text-decoration: none;
        background-color: #bc1518 !important
    }
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: #fff !important;
        text-decoration: none;
        background-color: #bc1518 !important;
        outline: 0
    }
}

@media (min-width:768px) {
    .col-5 {
        display: block;
        width: 100%;
        text-align: center;
    }
    .col-5 h3 {
        font-size: 25px;
        text-align: center;
        font-family: 'AvenirNextLTPro-Bold';
        border-bottom: 1px solid #bc1518;
        padding-bottom: 5px;
    }
    .col-6 {
        float: left;
        width: 50%;
    }
    .col-7 {
        float: left;
        width: 50%;
        font-size: 30px;
        text-align: right;
        padding-top: 55px;
        line-height: 28px;
        font-family: 'zona_probold';
    }
    .colm-1 {
        float: left;
        width: 180px;
    }
    .colm-2 {
        float: right;
        width: 369px;
    }
    .logo {
        width: 100%;
        padding-top: 8px;
    }
    .navbar {
        min-height: 0;
        margin-bottom: 0;
        font-family: 'AvenirNextLTPro-Bold';
        font-size: 10px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 10px 20px;
        clear: both;
        font-size: 12px !important;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        border-bottom: 1px dashed #CCCCCC;
    }
    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        color: #FFF !important;
        text-decoration: none;
        background-color: #bc1518 !important;
    }
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: #fff !important;
        text-decoration: none;
        background-color: #bc1518 !important;
        outline: 0
    }
}

@media (min-width:992px) {
    .col-5 {
        display: block;
        width: 100%;
        text-align: center;
    }
    .col-5 h3 {
        font-size: 20px;
        text-align: center;
        font-family: 'AvenirNextLTPro-Bold';
        border-bottom: 1px solid #bc1518;
        padding-bottom: 5px;
    }
    .col-6 {
        float: left;
        width: 50%;
    }
    .col-7 {
        float: left;
        width: 50%;
        font-size: 22px;
        text-align: center;
        padding-top: 37px;
        line-height: 28px;
        font-family: 'zona_probold';
    }
    .colm-1 {
        float: left;
        width: 270px;
    }
    .colm-2 {
        float: right;
        width: 369px;
    }
    .logo {
        width: 100%;
        padding-top: 0;
    }
    .navbar {
        min-height: 0;
        margin-bottom: 0;
        font-family: 'AvenirNextLTPro-Bold';
        font-size: 13px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 10px 20px;
        clear: both;
        font-size: 14px !important;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        border-bottom: 1px dashed #CCCCCC;
    }
    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #bc1518
    }
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #bc1518;
        outline: 0
    }
}

@media (min-width:1200px) {
    .col-5 {
        display: block;
        width: 100%;
        text-align: center;
    }
    .col-5 h3 {
        font-size: 19px;
        text-align: center;
        font-family: 'AvenirNextLTPro-Bold';
        border-bottom: 1px solid #bc1518;
        padding-bottom: 5px;
    }
    .col-6 {
        float: left;
        width: 50%;
    }
    .col-7 {
        float: left;
        width: 50%;
        font-size: 26px;
        text-align: center;
        padding-top: 37px;
        line-height: 28px;
        font-family: 'zona_probold';
    }
    .colm-1 {
        float: left;
        width: 270px;
    }
    .colm-2 {
        float: right;
        width: 369px;
    }
    .navbar {
        min-height: 0;
        margin-bottom: 0;
        font-family: 'AvenirNextLTPro-Bold';
        font-size: 16px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 10px 20px;
        clear: both;
        font-size: 16px !important;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        border-bottom: 1px dashed #CCCCCC;
    }
    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #bc1518
    }
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #bc1518;
        outline: 0
    }
}

.topNavList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.topNavList>li {
    float: left;
    border-right: 1px solid #cacaca;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 9px;
    height: 33px;
}

.ceyOnline {
    padding-top: 4px;
}

.phoneBtn {
    font-family: 'eurostileregular';
    font-size: 17px;
    padding-top: 5px;
    display: block;
    background-image: url(../images/img/phicon.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 33px;
    padding-left: 40px;
    color: #292526;
    transition: all 0.1s ease-in-out 0.1s;
    text-decoration: none !important;
}

.phoneBtn a:hover {
    color: #bb1518 !important;
    text-decoration: none !important;
    transition: all 0.1s ease-in-out 0.1s;
}

.languageCon {
    font-family: 'Conv_DINNextW1G-Regular';
    font-size: 15px;
    padding-top: 7px;
}

.languageCon a {
    color: #cacaca;
    transition: all 0.1s ease-in-out 0.1s;
}

.languageCon a:hover {
    color: #bb1518;
    text-decoration: none;
    transition: all 0.1s ease-in-out 0.1s;
}

.searchCon {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 22px;
    padding-top: 2px;
}

.searchCon a {
    color: #5a5a5a !important;
    text-decoration: none !important;
}

.searchCon a:hover {
    color: #bb1518 !important;
    text-decoration: none !important;
}

.searchCon2 {
    width: 100%;
    height: 100% !important;
    display: none;
}

.searchCon2 h3 {
    margin: 0;
    padding: 0;
    color: #bc1518;
    border-bottom: 1px solid #bc1518;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.nav>li>a {
    padding: 0;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #000 !important;
    border-bottom: 1px solid #FFF;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #bc1518 !important;
    border-bottom: 1px solid #bc1518;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #FFF;
    background-color: transparent;
    border-bottom: 1px solid #bc1518 !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #bc1518 !important;
    background-color: transparent;
    border-bottom: 1px solid #bc1518;
}


/* top nav finish
--------------------------- */


/* slide area
--------------------------- */

#main-slider {
    position: relative;
}

#main-slider .carousel h2 {
    font-size: 60px;
    font-family: 'zona_probold';
    text-align: center !important;
    color: #FFF;
    text-shadow: -2px 4px 5px rgba(0, 0, 0, 0.13);
}

#main-slider .carousel p {
    font-size: 26px;
    text-align: center !important;
    color: #FFF;
    text-shadow: -2px 4px 5px rgba(0, 0, 0, 0.13);
}

#main-slider .carousel .btn {
    border: 3px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    border-radius: 0;
    margin-top: 5px;
}

#main-slider .carousel .btn:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

#main-slider .carousel .boxed {
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.8);
    display: inline-block;
}

#main-slider .carousel .item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
}

@media (max-width:768px) {
    #main-slider .carousel .item {
        height: 200px;
    }
}

@media (min-width:768px) {
    #main-slider .carousel .item {
        height: 250px;
    }
}

@media (min-width:992px) {
    #main-slider .carousel .item {
        height: 330px;
    }
}

@media (min-width:1200px) {
    #main-slider .carousel .item {
        height: 430px;
    }
}

#main-slider .carousel .item:first-child {
    top: auto;
    position: relative;
}

#main-slider .carousel .item.active {
    opacity: 1;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    z-index: 1;
}

#main-slider .prev,
#main-slider .next {
    position: absolute;
    top: 50%;
    color: #fff;
    display: inline-block;
    margin-top: -25px;
    font-size: 90px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {}

#main-slider .prev {
    left: 10px;
}

#main-slider .next {
    right: 10px;
}

#main-slider .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    -moz-animation: fadeInUp 300ms linear 300ms both;
    -o-animation: fadeInUp 300ms linear 300ms both;
    -ms-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp 300ms linear 600ms both;
    -moz-animation: fadeInUp 300ms linear 600ms both;
    -o-animation: fadeInUp 300ms linear 600ms both;
    -ms-animation: fadeInUp 300ms linear 600ms both;
    animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
    -webkit-animation: fadeInUp 300ms linear 900ms both;
    -moz-animation: fadeInUp 300ms linear 900ms both;
    -o-animation: fadeInUp 300ms linear 900ms both;
    -ms-animation: fadeInUp 300ms linear 900ms both;
    animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
    -webkit-animation: fadeInUp 300ms linear 1200ms both;
    -moz-animation: fadeInUp 300ms linear 1200ms both;
    -o-animation: fadeInUp 300ms linear 1200ms both;
    -ms-animation: fadeInUp 300ms linear 1200ms both;
    animation: fadeInUp 300ms linear 1200ms both;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}


/* slide area finish
--------------------------- */


/* button area
--------------------------- */

.marginCon {
    margin-top: 15px;
}

.marginCon2 {
    margin-top: 40px;
}

.marginBottom {
    margin-bottom: 40px;
}

@media (max-width:768px) {
    .colm-3 {
        float: left;
        width: 100%;
        height: 100px;
        padding: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .colm-4 {
        float: left;
        width: 100%;
        padding: 0;
        height: 100px;
        margin-bottom: 0;
    }
    .ceynak {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(https://www.ceyporttasucu.com.tr/Content/images/img/ceynakLogo.jpg?v=1.1);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceynak:hover {
        background-image: url(https://www.ceyporttasucu.com.tr/Content/images/img/ceynakLogoOv.jpg?v=1.1);
    }
    .ceynakActive {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(https://www.ceyporttasucu.com.tr/Content/images/img/ceynakLogoOv.jpg?v=1.1);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceysan {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/ceysanLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceysan:hover {
        background-image: url(../images/img/ceysanLogoOv.jpg);
    }
    .ceysanActive {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/ceysanLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyport {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/ceyportLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyport:hover {
        background-image: url(../images/img/ceyportLogoOv.jpg);
    }
    .ceyportActive {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/ceyportLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .samsunport {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/samsunportLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .samsunport:hover {
        background-image: url(../images/img/samsunportLogoOv.jpg);
    }
    .samsunportActive {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/samsunportLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .tekirdag {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/tekirdagLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .tekirdag:hover {
        background-image: url(../images/img/tekirdagLogoOv.jpg);
    }
    .tekirdagActive {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/tekirdagLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyportTasucu {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/ceytasucu.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyportTasucu:hover {
        background-image: url(../images/img/ceytasucuOv.jpg);
    }
    .ceyportTasucuActive {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/ceytasucuOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .mesbas {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/mesbas.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .mesbas:hover {
        background-image: url(../images/img/mesbasOv.jpg);
    }
    .ceylidas {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/ceylidas.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceylidas:hover {
        background-image: url(../images/img/ceylidasOv.jpg);
    }
    .ceylidasActive {
        display: block;
        width: 100%;
        height: 100px;
        background-image: url(../images/img/celyidasOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
}

@media (min-width:768px) {
    .colm-3 {
        float: left;
        width: 33.33%;
        height: 210px;
        padding: 10px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .colm-4 {
        float: left;
        width: 33.33%;
        padding: 10px;
        height: 210px;
        margin-bottom: 20px;
    }
    .ceynak {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceynakLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceynak:hover {
        background-image: url(../images/img/ceynakLogoOv.jpg);
    }
    .ceynakActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceynakLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceysan {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceysanLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceysan:hover {
        background-image: url(../images/img/ceysanLogoOv.jpg);
    }
    .ceysanActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceysanLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyport {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceyportLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyport:hover {
        background-image: url(../images/img/ceyportLogoOv.jpg);
    }
    .ceyportActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceyportLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .samsunport {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/samsunportLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .samsunport:hover {
        background-image: url(../images/img/samsunportLogoOv.jpg);
    }
    .samsunportActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/samsunportLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .tekirdag {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/tekirdagLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .tekirdag:hover {
        background-image: url(../images/img/tekirdagLogoOv.jpg);
    }
    .tekirdagActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/tekirdagLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyportTasucu {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceytasucu.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyportTasucu:hover {
        background-image: url(../images/img/ceytasucuOv.jpg);
    }
    .ceyportTasucuActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceytasucuOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .mesbas {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/mesbas.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .mesbas:hover {
        background-image: url(../images/img/mesbasOv.jpg);
    }
    .ceylidas {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceylidas.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceylidas:hover {
        background-image: url(../images/img/ceylidasOv.jpg);
    }
    .ceylidasActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/celyidasOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
}

@media (min-width:992px) {
    .colm-3 {
        float: left;
        width: 33.33%;
        height: 210px;
        padding: 10px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .colm-4 {
        float: left;
        width: 33.33%;
        padding: 10px;
        height: 210px;
        margin-bottom: 20px;
    }
    .ceynak {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceynakLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceynak:hover {
        background-image: url(../images/img/ceynakLogoOv.jpg);
    }
    .ceynakActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceynakLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceysan {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceysanLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceysan:hover {
        background-image: url(../images/img/ceysanLogoOv.jpg);
    }
    .ceysanActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceysanLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyport {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceyportLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyport:hover {
        background-image: url(../images/img/ceyportLogoOv.jpg);
    }
    .ceyportActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceyportLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .samsunport {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/samsunportLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .samsunport:hover {
        background-image: url(../images/img/samsunportLogoOv.jpg);
    }
    .samsunportActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/samsunportLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .tekirdag {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/tekirdagLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .tekirdag:hover {
        background-image: url(../images/img/tekirdagLogoOv.jpg);
    }
    .tekirdagActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/tekirdagLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyportTasucu {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceytasucu.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyportTasucu:hover {
        background-image: url(../images/img/ceytasucuOv.jpg);
    }
    .mesbas {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/mesbas.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .mesbas:hover {
        background-image: url(../images/img/mesbasOv.jpg);
    }
    .ceyportTasucuActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceytasucuOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceylidas {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceylidas.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceylidas:hover {
        background-image: url(../images/img/ceylidasOv.jpg);
    }
    .ceylidasActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/celyidasOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
}

@media (min-width:1200px) {
    .colm-3 {
        float: left;
        width: 16.66%;
        height: 210px;
        padding: 10px;
        margin-right: 0;
    }
    .colm-4 {
        float: left;
        width: 16.66%;
        padding: 10px;
        height: 210px;
    }
    .ceynak {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceynakLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceynak:hover {
        background-image: url(../images/img/ceynakLogoOv.jpg);
    }
    .ceynakActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceynakLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceysan {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceysanLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceysan:hover {
        background-image: url(../images/img/ceysanLogoOv.jpg);
    }
    .ceysanActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceysanLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyport {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceyportLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyport:hover {
        background-image: url(../images/img/ceyportLogoOv.jpg);
    }
    .ceyportActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceyportLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .samsunport {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/samsunportLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .samsunport:hover {
        background-image: url(../images/img/samsunportLogoOv.jpg);
    }
    .samsunportActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/samsunportLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .tekirdag {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/tekirdagLogo.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .tekirdag:hover {
        background-image: url(../images/img/tekirdagLogoOv.jpg);
    }
    .tekirdagActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/tekirdagLogoOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyportTasucu {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceytasucu.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceyportTasucu:hover {
        background-image: url(../images/img/ceytasucuOv.jpg);
    }
    .mesbas {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/mesbas.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .mesbas:hover {
        background-image: url(../images/img/mesbasOv.jpg);
    }
    .ceyportTasucuActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceytasucuOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceylidas {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/ceylidas.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
    .ceylidas:hover {
        background-image: url(../images/img/ceylidasOv.jpg);
    }
    .ceylidasActive {
        display: block;
        width: 100%;
        height: 210px;
        background-image: url(../images/img/celyidasOv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: 1000px;
        overflow: hidden;
    }
}


/* button area finish
--------------------------- */


/* sertifika
--------------------------- */

.sertifikaCon .col-md-3 {
    margin-bottom: 20px;
}


/* sertifika finish
--------------------------- */


/* bar area
--------------------------- */

@media (max-width:768px) {
    .colm-5 {
        float: left;
        width: 100%;
        height: auto;
        padding: 23px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
    .txttype {
        float: left;
        font-family: 'AvenirNextLTPro-Bold';
        color: #FFF;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        font-size: 18px;
        border-bottom: 4px solid #bc1518;
    }
    .txttypeWhite {
        float: left;
        font-family: 'AvenirNextLTPro-Bold';
        color: #FFF;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        font-size: 18px;
        border-bottom: 4px solid #FFF;
    }
    .con-p p {
        font-family: 'AvenirNextLTPro-Regular';
        font-size: 17px;
        height: 101px !important;
        overflow: hidden;
        margin: 0;
        padding: 0;
        margin-top: 15px;
        margin-bottom: 5px;
        line-height: 20px;
        color: #FFF;
    }
    .btn01 {
        float: left;
        margin-top: 132px;
        font-size: 16px;
        border: 1px solid #bc1518;
        color: #bc1518 !important;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        font-family: 'AvenirNextLTPro-Regular';
    }
    .btn01:hover {
        border: 1px solid #FFF !important;
        color: #FFF !important;
    }
    .btn02 {
        float: left;
        margin-top: 50px;
        font-size: 16px;
        border: 1px solid #FFF;
        color: #FFF !important;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        font-family: 'AvenirNextLTPro-Regular';
    }
    .btn02:hover {
        border: 1px solid #000;
        color: #000 !important;
    }
    .basinCon {
        background-image: url(../images/bg/bg01-4.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
    .lojistikCon {
        background-image: url(../images/bg/bg02-4.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
}

@media (min-width:768px) {
    .colm-5 {
        float: left;
        width: 239px;
        height: 239px;
        padding: 23px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
    .txttype {
        float: left;
        font-family: 'AvenirNextLTPro-Bold';
        color: #FFF;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        font-size: 18px;
        border-bottom: 4px solid #bc1518;
    }
    .txttypeWhite {
        float: left;
        font-family: 'AvenirNextLTPro-Bold';
        color: #FFF;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        font-size: 16px;
        border-bottom: 4px solid #FFF;
    }
    .con-p p {
        display: block;
        height: 101px !important;
        overflow: hidden;
        font-family: 'AvenirNextLTPro-Regular';
        font-size: 17px;
        margin: 0;
        padding: 0;
        margin-top: 15px;
        margin-bottom: 5px;
        line-height: 20px;
        color: #FFF;
    }
    .btn01 {
        float: left;
        margin-top: 132px;
        font-size: 16px;
        border: 1px solid #bc1518;
        color: #bc1518 !important;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        font-family: 'AvenirNextLTPro-Regular';
    }
    .btn01:hover {
        border: 1px solid #FFF !important;
        color: #FFF !important;
    }
    .btn02 {
        float: left;
        margin-top: 12px;
        font-size: 16px;
        border: 1px solid #FFF;
        color: #FFF !important;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        font-family: 'AvenirNextLTPro-Regular';
    }
    .btn02:hover {
        border: 1px solid #000;
        color: #000 !important;
    }
    .basinCon {
        background-image: url(../images/bg/bg01-3.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
    .lojistikCon {
        background-image: url(../images/bg/bg02-3.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
}

@media (min-width:992px) {
    .colm-5 {
        float: left;
        width: 312px;
        height: 312px;
        padding: 33px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
    .txttype {
        float: left;
        font-family: 'AvenirNextLTPro-Bold';
        color: #FFF;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        font-size: 22px;
        border-bottom: 4px solid #bc1518;
    }
    .txttypeWhite {
        float: left;
        font-family: 'AvenirNextLTPro-Bold';
        color: #FFF;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        font-size: 20px;
        border-bottom: 4px solid #FFF;
    }
    .con-p p {
        font-family: 'AvenirNextLTPro-Regular';
        font-size: 22px;
        height: 141px !important;
        margin: 0;
        padding: 0;
        margin-top: 25px;
        margin-bottom: 5px;
        line-height: 28px;
        color: #FFF;
    }
    .btn01 {
        float: left;
        margin-top: 188px;
        font-size: 16px;
        border: 1px solid #bc1518;
        color: #bc1518 !important;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        font-family: 'AvenirNextLTPro-Regular';
    }
    .btn01:hover {
        border: 1px solid #FFF !important;
        color: #FFF !important;
    }
    .btn02 {
        float: left;
        margin-top: 17px;
        font-size: 16px;
        border: 1px solid #FFF;
        color: #FFF !important;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        font-family: 'AvenirNextLTPro-Regular';
    }
    .btn02:hover {
        border: 1px solid #000;
        color: #000 !important;
    }
    .basinCon {
        background-image: url(../images/bg/bg01-2.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
    .lojistikCon {
        background-image: url(../images/bg/bg02-2.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
}

@media (min-width:1200px) {
    .colm-5 {
        float: left;
        width: 379px;
        height: 380px;
        padding: 33px;
    }
    .basinCon {
        background-image: url(../images/bg/bg01.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
    .lojistikCon {
        background-image: url(../images/bg/bg02.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #bc1518;
    }
    .txttype {
        float: left;
        font-family: 'AvenirNextLTPro-Bold';
        color: #FFF;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        font-size: 24px;
        border-bottom: 4px solid #bc1518;
    }
    .txttypeWhite {
        float: left;
        font-family: 'AvenirNextLTPro-Bold';
        color: #FFF;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        font-size: 24px;
        border-bottom: 4px solid #FFF;
    }
    .con-p p {
        font-family: 'AvenirNextLTPro-Regular';
        font-size: 25px;
        height: 196px !important;
        margin: 0;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 5px;
        line-height: 28px;
        color: #FFF;
    }
    .btn01 {
        float: left;
        margin-top: 250px;
        font-size: 16px;
        border: 1px solid #bc1518;
        color: #bc1518 !important;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        font-family: 'AvenirNextLTPro-Regular';
    }
    .btn01:hover {
        border: 1px solid #FFF !important;
        color: #FFF !important;
    }
    .btn02 {
        float: left;
        margin-top: 29px;
        font-size: 16px;
        border: 1px solid #FFF;
        color: #FFF !important;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        font-family: 'AvenirNextLTPro-Regular';
    }
    .btn02:hover {
        border: 1px solid #000;
        color: #000 !important;
    }
}

.sideBarNav li a {
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding: 10px 10px 7px 10px;
    background-color: #005faf;
    color: white !important;
    border-bottom: none;
}

.sideBarNav li a:hover {
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding: 10px 10px 7px 10px;
    border-bottom: none;
    background-color: #D9D9D9;
}

.sideBarNav li a:hover {
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding: 10px 10px 7px 10px;
    border-bottom: none;
    color: #fff !important;
    background-color: #00345e;
}

.sideBarNav>li.active>a,
.sideBarNav>li.active>a:focus,
.sideBarNav>li.active>a:hover {
    color: #fff;
    background-color: #00345e
}


/* bar area finish
--------------------------- */


/* detailpage title
--------------------------- */

@media (max-width:530px) {
    .titleConBg {
        width: 100%;
        height: 100%;
        padding-top: 28px !important;
        padding-bottom: 40px !important;
        background: no-repeat left top;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
    .titleH1 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 23px !important;
        color: #FFF;
        margin: 0;
        padding: 0;
    }
    .titleH2 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 16px !important;
        color: #FFF;
        margin: 0;
        padding: 0;
        background-image: url(../images/bg/h2bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
}

@media (max-width:466px) {
    .titleConBg {
        width: 100%;
        height: 100%;
        padding-top: 15px !important;
        padding-bottom: 10px !important;
        background: no-repeat left top;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
    .titleH1 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 23px !important;
        color: #FFF;
        margin: 0;
        padding: 0;
    }
    .titleH2 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 16px !important;
        color: #FFF;
        margin: 0;
        padding: 0;
        background-image: url(../images/bg/h2bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
}

@media (max-width:768px) {
    .titleConBg {
        width: 100%;
        height: 100%;
        padding-top: 35px;
        padding-bottom: 25px;
        background: no-repeat left top;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
    .titleH1 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 30px;
        color: #FFF;
        margin: 0;
        padding: 0;
    }
    .titleH2 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 20px;
        color: #FFF;
        margin: 0;
        padding: 0;
        background-image: url(../images/bg/h2bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
}

@media (min-width:768px) {
    .titleConBg {
        height: 244px;
        padding-top: 75px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .titleH1 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 40px;
        color: #FFF;
        margin: 0;
        padding: 0;
    }
    .titleH2 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 20px;
        color: #FFF;
        margin: 0;
        padding: 0;
        background-image: url(../images/bg/h2bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
}

@media (min-width:992px) {
    .titleConBg {
        height: 344px;
        padding-top: 110px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .titleH1 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 50px;
        color: #FFF;
        margin: 0;
        padding: 0;
    }
    .titleH2 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 24px;
        color: #FFF;
        margin: 0;
        padding: 0;
        background-image: url(../images/bg/h2bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
}

@media (min-width:1200px) {
    .titleConBg {
        height: 344px;
        padding-top: 110px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .titleH1 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 50px;
        color: #FFF;
        margin: 0;
        padding: 0;
    }
    .titleH2 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 24px;
        color: #FFF;
        margin: 0;
        padding: 0;
        background-image: url(../images/bg/h2bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .titleH1-2 {
        text-align: center;
        font-family: 'zona_probold';
        font-size: 40px;
        color: #464646;
        margin: 0;
        padding: 0;
        background-image: url(../images/bg/h1bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        margin-top: 35px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
}

.pdfCon {
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 10px;
    padding-top: 15px;
    font-size: 20px;
}

.pdfCon .col-md-4 {
    text-align: right;
    color: #bb1518;
}

.pdfCon a {
    color: #232323;
}

.pdfCon a:hover {
    color: #bb1518;
}

.pdfTarife {
    padding-bottom: 10px;
    padding-top: 15px;
    font-size: 20px;
}

.pdfTarife .col-md-4 {
    text-align: right;
    color: #bb1518;
}

.pdfTarife a {
    color: #232323;
}

.pdfTarife a:hover {
    color: #bb1518;
}

@media (max-width:768px) {
    .tarifeLink {
        display: inline-block;
        background-color: #d3dcdf;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 5px;
        color: #232323;
        padding-top: 50px;
        font-family: 'zona_probold';
        background-image: url(../images/img/tarife-mobil.jpg);
        background-repeat: no-repeat;
        background-position: center top;
    }
    .tarifeLink:hover {
        display: inline-block;
        color: #bb1518;
    }
    .col-8 {
        text-align: center;
    }
    .col-9 {
        text-align: center;
        color: #bb1518;
    }
}

@media (min-width:768px) {
    .tarifeLink {
        display: inline-block;
        background-color: #d3dcdf;
        background-image: url(../images/img/tarife.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        color: #232323;
        font-family: 'zona_probold';
    }
    .tarifeLink:hover {
        display: inline-block;
        background-color: #e0e7e9;
        background-position: left bottom;
        background-repeat: no-repeat;
        color: #bb1518;
    }
    .col-8 {
        float: left;
        width: 570px;
        height: 99px;
        padding-left: 135px;
        padding-right: 10px;
        font-size: 20px;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .col-9 {
        float: left;
        width: 150px;
        height: 99px;
        text-align: center;
        color: #bb1518;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #c6cfd2;
    }
}

@media (min-width:992px) {
    .tarifeLink {
        display: inline-block;
        background-color: #d3dcdf;
        background-image: url(../images/img/tarife.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        color: #232323;
        font-family: 'zona_probold';
    }
    .tarifeLink:hover {
        display: inline-block;
        background-color: #e0e7e9;
        background-position: left bottom;
        background-repeat: no-repeat;
        color: #bb1518;
    }
    .col-8 {
        float: left;
        width: 790px;
        height: 99px;
        padding-left: 135px;
        padding-right: 10px;
        font-size: 20px;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .col-9 {
        float: left;
        width: 150px;
        height: 99px;
        text-align: center;
        color: #bb1518;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #c6cfd2;
    }
}

@media (min-width:1200px) {
    .tarifeLink {
        display: inline-block;
        background-color: #d3dcdf;
        background-image: url(../images/img/tarife.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        color: #232323;
        font-family: 'zona_probold';
    }
    .tarifeLink:hover {
        display: inline-block;
        background-color: #e0e7e9;
        background-position: left bottom;
        background-repeat: no-repeat;
        color: #bb1518;
    }
    .col-8 {
        float: left;
        width: 990px;
        height: 99px;
        padding-left: 135px;
        padding-right: 10px;
        font-size: 20px;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .col-9 {
        float: left;
        width: 150px;
        height: 99px;
        text-align: center;
        color: #bb1518;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #c6cfd2;
    }
}


/* detailpage title finish
--------------------------- */

.btn04 {
    color: black;
    text-decoration: none;
}

.btn04:hover {
    color: brown;
    text-decoration: none;
}


/* detailpage area
--------------------------- */

@media (max-width:768px) {
    .detailpageTxt {
        margin-top: 30px;
        font-family: 'AvenirNextLTPro-Regular';
        font-size: 18px;
        color: #000000;
        text-align: justify;
    }
    .detailpageTxt p {
        margin-bottom: 30px;
    }
}

@media (min-width:768px) {
    .detailpageTxt {
        margin-top: 30px;
        font-family: 'AvenirNextLTPro-Regular';
        font-size: 20px;
        color: #000000;
        text-align: justify;
    }
    .detailpageTxt p {
        margin-bottom: 30px;
    }
}

@media (min-width:992px) {
    .detailpageTxt {
        margin-top: 30px;
        font-family: 'AvenirNextLTPro-Regular';
        font-size: 22px;
        color: #000000;
        text-align: justify;
    }
    .detailpageTxt p {
        margin-bottom: 30px;
    }
}

@media (min-width:1200px) {
    .detailpageTxt {
        margin-top: 30px;
        font-family: 'AvenirNextLTPro-Regular';
        font-size: 22px;
        color: #000000;
        text-align: justify;
    }
    .detailpageTxt p {
        margin-bottom: 30px;
    }
}

.dateCon {
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: 1px dashed #000;
    margin-bottom: 10px;
    font-size: 28px;
}

.ceyLife h3>a {
    text-align: center !important;
    color: #d3232a;
    padding-bottom: 10px;
}

.ceyLife h3>a:hover {
    text-align: center;
    color: #2F2F2F;
    padding-bottom: 10px;
    text-decoration: none;
}

.ceyLife h3 {
    text-align: center !important;
    height: 60px;
    font-size: 20px;
}

.ceylifeCon {
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #2F2F2F;
    margin-bottom: 15px;
}

.ceylifeCon span {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.ceylifeCon span a {
    color: #d3232a;
}

.ceylifeCon span a:hover {
    color: #2F2F2F;
    text-decoration: none;
}


/* detailpage area finish
--------------------------- */


/* form area
--------------------------- */

.formCon {
    font-size: 14px !important;
}

.formCon h3 {
    font-family: 'AvenirNextLTPro-Bold';
    background-color: #f4f4f4;
    text-align: center;
    t-size: 24px;
    color: #bc1518;
    padding-bottom: 10px;
    padding-top: 10px;
}

.formCon hr {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

.textareaSize {
    min-height: 250px !important;
}

.textareaSize2 {
    min-height: 101px !important;
}

label {
    color: black;
    font-size: 18px;
    font-weight: bold;
    display: block;
    border-bottom: 1px dashed #7E7E7E;
    margin-bottom: 15px;
}

.btn03 {
    color: white;
    background: rgba(87, 87, 87, 1);
    background: -moz-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87, 87, 87, 1)), color-stop(100%, rgba(24, 24, 24, 1)));
    background: -webkit-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    background: -o-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    background: -ms-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    background: linear-gradient(to bottom, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#181818', GradientType=0);
}

.btn03:hover {
    color: red;
    background: rgba(87, 87, 87, 1);
    background: -moz-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87, 87, 87, 1)), color-stop(100%, rgba(24, 24, 24, 1)));
    background: -webkit-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    background: -o-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    background: -ms-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    background: linear-gradient(to bottom, rgba(87, 87, 87, 1) 0%, rgba(24, 24, 24, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#181818', GradientType=0);
}


/* form area
--------------------------- */


/* calender start
--------------------------- */

.calenderCon {
    border: 1px solid #CECECE;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

@media (max-width:768px) {
    .col-1 {
        float: left;
        width: 100px;
    }
    .col-2 {
        float: left;
        width: 245px;
    }
    .col-3 {
        float: left;
        width: 100%;
        padding-right: 10px;
        border-top: 1px solid #CACACA;
        margin-top: 10px;
    }
    .col-4 {
        float: none;
        display: block;
        clear: both;
        width: 100%;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width:768px) {
    .col-1 {
        float: left;
        width: 100px;
    }
    .col-2 {
        float: left;
        width: 245px;
    }
    .col-3 {
        float: left;
        width: 403px;
        padding-right: 10px;
    }
    .col-4 {
        float: none;
        display: block;
        clear: both;
        width: 100%;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width:992px) {
    .col-1 {
        float: left;
        width: 100px;
    }
    .col-2 {
        float: left;
        width: 245px;
    }
    .col-3 {
        float: left;
        width: 460px;
        padding-right: 10px;
    }
    .col-4 {
        float: left;
        width: 150px;
        clear: inherit;
        padding-top: 55px;
        padding-left: 10px;
    }
}

@media (min-width:1200px) {
    .col-1 {
        float: left;
        width: 100px;
    }
    .col-2 {
        float: left;
        width: 245px;
    }
    .col-3 {
        float: left;
        width: 655px;
        padding-right: 10px;
    }
    .col-4 {
        float: left;
        width: 150px;
        padding-top: 55px;
        padding-left: 10px;
    }
}

.btn-1 {
    background-color: #D70003;
    color: white;
}

.text1 {
    font-size: 30px;
    font-family: 'zona_probold';
    text-align: center;
    color: #D70003;
    padding-top: 21px;
}

.text2 {
    font-size: 20px;
    font-family: 'zona_probold';
    text-align: center;
    color: #D70003;
}

.text3 {
    font-size: 15px;
    font-family: 'zona_probold';
    text-align: center;
}

.text4 {
    padding-top: 10px;
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Bold';
}

.text5 {
    font-size: 16px;
    margin-top: 10px;
    overflow: hidden;
    height: 90px;
    font-family: 'AvenirNextLTPro-Regular';
}

.text6 {
    font-size: 15px;
    margin-top: 10px;
    font-family: 'AvenirNextLTPro-Regular';
}


/* calender finish
--------------------------- */


/* butonList
--------------------------- */

@media (max-width:768px) {
    .buton1 {
        float: left;
        width: 33.33%;
        background-color: #bc1518;
    }
}

@media (min-width:768px) {
    .buton1 {
        float: left;
        width: 11.11%;
        background-color: #0C9;
    }
}

@media (min-width:992px) {
    .buton1 {
        float: left;
        width: 11.11%;
        background-color: #bc1518;
    }
}

@media (min-width:1200px) {
    .buton1 {
        float: left;
        width: 11.11%;
    }
}

.btntype1 {
    display: block;
    width: 100%;
    height: 180px;
    padding-bottom: 18px;
    background-color: #d3dcdf;
    color: #5b5b5b;
    text-align: center;
    background-repeat: no-repeat;
    font-family: 'AvenirNextLTPro-DemiCn';
    font-size: 21px;
    padding-top: 120px;
    line-height: 22px;
    background-position: 50% 20px;
    text-decoration: none !important;
}

.btntype1:hover {
    width: 100%;
    background-color: #d3dcdf;
    background-position: 50% -151px;
    color: #000000;
    text-decoration: none !important;
}

.btntype2 {
    display: block;
    width: 100%;
    height: 180px;
    padding-bottom: 18px;
    background-color: #c6cfd2;
    color: #5b5b5b;
    text-align: center;
    background-repeat: no-repeat;
    font-family: 'AvenirNextLTPro-DemiCn';
    font-size: 21px;
    padding-top: 120px;
    line-height: 22px;
    background-position: 50% 20px;
    text-decoration: none !important;
}

.btntype2:hover {
    width: 100%;
    background-color: #c6cfd2;
    background-position: 50% -151px;
    color: #000000;
    text-decoration: none !important;
}


/* butonList finish
--------------------------- */


/* contact area
--------------------------- */

.iletisimTitle {
    font-size: 24px;
    color: #464646;
    font-family: 'zona_probold';
}

.contactBottom {
    display: block;
    border-bottom: 1px dashed #333333;
    padding-top: 25px;
    padding-bottom: 5px;
    font-family: 'kohinoor_devanagariregular';
    font-size: 15px;
}

.contactBottomTxt {
    float: left;
    padding-top: 10px;
}

.iconStyle {
    color: #bc1518;
    font-size: 28px;
    width: 42px;
    float: left;
}

.contactBottom2 {
    display: block;
    border-bottom: 1px dashed #333333;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'kohinoor_devanagariregular';
    font-size: 15px;
}


/* faq area
--------------------------- */

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#container {
    width: 100%;
    overflow: auto;
    margin: 0;
    margin-top: 40px;
}

.faq li {
    padding: 10px;
    margin-bottom: 10px;
}

.faq li.q {
    font-family: 'zona_probold';
    font-weight: bold;
    font-size: 23px;
    color: #464646;
    background-color: #eeeeee;
    cursor: pointer;
}

.faq li.a {
    background: #ffffff !important;
    display: none;
    color: #999;
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


/* faq area finish
--------------------------- */


/* contact area finish
--------------------------- */


/* search start
--------------------------- */

.searchCon3 {
    color: #2D2D2D;
}

.searchCon3 a {
    color: #2D2D2D;
}

.searchCon3 a:hover {
    color: #919191;
    text-decoration: none;
}


/* search finish
--------------------------- */


/* footer nav
--------------------------- */

.footerbg {
    background-color: #eeeeee;
    margin-top: 15px;
}

.f-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

.f-list ul li {
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 19px
}

.f-list ul li ul li {
    font-size: 15px;
}

.f-list ul li a {
    color: #bc1518;
    border-bottom: 1px solid #969696;
    width: 100%;
    display: block;
}

.f-list ul li a:hover {
    color: #bc1518;
}

.f-list ul li ul li a {
    color: #7e7e7e;
    border-bottom: 1px dashed #d9d9d9;
    padding-top: 5px;
    padding-bottom: 5px;
}


/* footer nav finish
--------------------------- */


/* social nav
--------------------------- */

.contwo {
    border-top: 1px solid #FFF;
    background-color: #eeeeee;
    padding-top: 8px;
    padding-bottom: 8px;
}

.social {
    font-size: 40px;
}

@media (max-width:768px) {
    .social a {
        color: #222222;
        border-bottom: 1px solid #222222 !important;
    }
    .social a:hover {
        color: #bc1518;
        border-bottom: 1px solid #bc1518 !important;
    }
}

@media (min-width:768px) {
    .social a {
        color: #222222;
        border-bottom: none !important;
    }
    .social a:hover {
        color: #bc1518;
    }
}

@media (min-width:992px) {
    .social a {
        color: #222222;
        border-bottom: none !important;
    }
    .social a:hover {
        color: #bc1518;
    }
}

@media (min-width:1200px) {
    .social a {
        color: #222222;
        border-bottom: none !important;
    }
    .social a:hover {
        color: #bc1518;
    }
}


/* social nav finish
--------------------------- */


/* footer bottom nav
--------------------------- */

.footerList {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 14px;
}

.footerList li {
    float: left;
    border-right: 1px solid #333;
    padding-right: 10px;
    margin-right: 10px;
}

.footerList li a {
    color: #535353;
}

.footerList li a:hover {
    color: #bc1518;
}

.footerTxt {
    font-family: 'AvenirNextLTPro-Regular';
    color: #535353;
    font-size: 14px;
    margin-top: 10px;
}


/* footer bottom nav finish
--------------------------- */

.pdfCon {}

.cc-link {
    padding: 3px 0 !important;
}

/* gallery 
---------------------------*/
.gallery {
    padding: 2px;
    transition: 0.3s;
}
.gallery:hover .gallery__image {
    filter: grayscale(1);
}
.gallery__column {
    float: left;
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
    .gallery__column {
        width: 100% !important;
    }
}
@media (min-width: 768px) {
    .gallery__column {
        width: 25% !important;
    }
}
@media (min-width: 992px) {
    .gallery__column {
        width: 25% !important;
    }
}
@media (min-width: 1200px) {
    .gallery__column {
        width: 25% !important;
    }
}
.gallery__link {
    margin: 2px;
    overflow: hidden;
}
.gallery__link:hover .gallery__image {
    filter: grayscale(0);
}
.gallery__link:hover .gallery__caption {
    opacity: 1;
}
.gallery__thumb {
    position: relative;
}
.gallery__image {
    display: block;
    width: 100%;
    transition: 0.3s;
}
.gallery__image:hover {
    transform: scale(1.1);
}
.gallery__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 15px 15px;
    width: 100%;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    color: white;
    opacity: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    transition: 0.3s;
}