.main-body {
    margin-top: 100px;
}

.page {
    padding-bottom: 50px;
}

    .page .top-image img {
        max-width: 100%;
        max-height: 100%;
    }

    .page .page-content {
        margin-top: 20px;
    }

        .page .page-content .page-header h3 {
            font-size: 27px;
            font-weight: bold;
            color: #575153;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .page .page-content .page-header {
            border-bottom: 1px solid #c4c4c4;
            margin-bottom: 20px;
        }

        .page .page-content .page-menu {
            padding: 0px;
            font-size: 18px;
            margin-bottom: 5px;
        }

        .page .page-content .page-name {
            margin-bottom: 5px;
        }

        .page .page-content .page-menu a,
        .page .page-content .page-menu a:hover,
        .page .page-content .page-menu a:focus {
            color: #575153;
            font-weight: bold;
            text-decoration: none;
            padding-right: 10px;
        }

        .page .page-content .page-menu .border-linear {
            background: -webkit-linear-gradient(90deg, rgb(196, 196, 196) 0%, rgb(196, 196, 196) 50%, rgb(255, 255, 255) 97%);
            background: -o-linear-gradient(90deg, rgb(196, 196, 196) 0%, rgb(196, 196, 196) 50%, rgb(255, 255, 255) 97%);
            background: -moz-linear-gradient(90deg, rgb(196, 196, 196) 0%, rgb(196, 196, 196) 50%, rgb(255, 255, 255) 97%);
            background: linear-gradient(90deg, rgb(196, 196, 196) 0%, rgb(196, 196, 196) 50%, rgb(255, 255, 255) 97%);
            height: 2px;
            width: 80%;
        }

        .page .page-content .page-menu .active a,
        .page .page-content .page-menu .active a:hover,
        .page .page-content .page-menu .active a:focus {
            color: #00c8c8;
        }

        .page .page-content .page-main {
            font-size: 13px;
            margin-top: 10px;
            font-style: italic;
        }

    .page .page-menu-mobil {
        width: 100%;
        margin-bottom: 20px;
    }

        .page .page-menu-mobil .btn,
        .page .page-menu-mobil .btn:hover,
        .page .page-menu-mobil .btn:focus {
            width: 100%;
            background-color: #0084c6;
            border-color: #0084c6;
            border-radius: 0px;
        }

        .page .page-menu-mobil .dropdown-menu {
            width: 100%;
        }

    .page .page-content .area-header h4 {
        font-size: 20px;
        color: #575153;
        font-weight: 800;
        text-transform: uppercase;
    }

    .page .page-content .form-area {
        margin-top: 20px;
    }

        .page .page-content .form-area .form-control::placeholder {
            font-size: 12px;
        }

        .page .page-content .form-area .form-control {
            border-radius: 0px;
            font-size: 13px;
        }

        .page .page-content .form-area .no-back-btn {
            background-color: #fff;
            border-color: #737373;
            color: #737373;
            font-size: 13px;
            padding: 10px 25px;
            border-radius: 0px;
        }

        .page .page-content .form-area .input-validation-error.form-control {
            box-shadow: 1px 1px 5px 1px rgba(250,206,195,1);
        }

        .page .page-content .form-area .field-validation-error {
            color: #ff0000;
            font-size: 12px;
        }

    .page .success-area {
        padding: 10px;
        background-color: #d7f9c6;
        display: block;
    }

    .page .iletisim-bilgi .info-area {
        margin-bottom: 8px;
        font-size: 13px;
        color: #727272;
    }

    .page .iletisim-bilgi .icon-wrapper {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .page .iletisim-bilgi .contact {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .page .bord-area {
        max-width: 2px;
        height: 400px;
        background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 5%, rgb(196, 196, 196) 50%, rgb(255, 255, 255) 97%);
        padding: 10px 0px;
        margin-left: 50px;
        margin-right: 50px;
    }

.kampanya-area {
    border-width: 5px;
    border-color:#8dc02f;
    border-style:double;
    margin: 30px 10px;
    padding:20px 10px;
    position:relative;
    cursor:context-menu;
}

    .kampanya-area .baslik-tarih {
        font-weight: bold;
        color: #006BB3;
        background-color:#fff;
        padding:10px;
        position:absolute;
        top:-25px;
        right:5px;
    }
        .kampanya-area .baslik-tarih .text:before {
            content:"\f073";
            font-family:'FontAwesome';
            margin-right:5px;
        }

        .kampanya-area .baslik{
            font-size:25px;
            text-align:center;
            color:#0084c6;
            margin-top:0px;
            padding:0px 10px;
        }
            .kampanya-area .baslik:before {
                content:'-';
            }
              .kampanya-area .baslik:after {
                content:'-';
            }
              .kampanya-area .detay{
                  font-size:13px;
                  color:#575153;
              }
              .kampanya-area .link{
                  background-color:#fff;
                  padding:10px;
                  position:absolute;
                  left:50%;
                  margin-left:-100px;
                  bottom:-20px;
                  width:215px;
              }
              .kampanya-area .link .excel{
                  border:1px solid #07743c;
                  padding:7px;
                  text-align:center;
              }
              .kampanya-area .link .pdf{
                  border:1px solid #ff0000;
                  padding:7px;
                  text-align:center;
              }
                .kampanya-area .link .excel,
                .kampanya-area .link .pdf {
                    margin:auto;
                    min-width:100px;
                }
                .page .page-content .btn-ara{
                    background-color:#62b531;
                    color:#fff;
                    font-size:13px;
                    padding:8px 18px;
                }   
                .page .plasiyer-area .head-tag{
                    color:#0084c6;
                    font-size:20px;
                    font-style:italic;
                    font-weight:700;
                    border-bottom:1px solid #0084c6;
                }
.page .plasiyer-area .head-tag div:first-child,
.page .plasiyer-area .content-area div:first-child{
    width:70%;
}
.page .plasiyer-area .head-tag div:last-child,
.page .plasiyer-area .content-area div:last-child{
    width:30%;
}
.page .plasiyer-area .content-area{
    margin:10px 0px;
    font-style:italic;
}
.page .plasiyer-area .content-area div:first-child:before{

    border-top: 1px solid #dfdfdf;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 80%;
    left: -19%;
    right: 0;
    bottom: 0;
    width: 55%;
    z-index: 0;
}
    .elem {
        display: inline-block;
        font-size: 0;
        width: 33%;
        border: 10px solid #0084c6;
    
        background: #fff;
        padding: 5px;
        height: auto;
        background-clip: padding-box;
    }

        .elem, .elem * {
            box-sizing: border-box;
            margin: 0 !important;
        }

            .elem > span {
                display: block;
                cursor: pointer;
                height: 0;
                padding-bottom: 70%;
                background-size: cover;
                background-position: center center;
            }

@media(max-width:991px) {
    .elem {
        width:49%;
    }
}
@media(max-width:768px) {
     .elem {
        width:100%;
    }
}