﻿@import url(https://fonts.googleapis.com/css?family=Montserrat);

.body {
    color: black;
}

.site-section {
    background-color: #f4f3ef !important;
}

.table {
    margin-top: 5rem;
}

.prop .rec {
    width: 100px;
    height: 58px;
    display: block;
    margin: 0 auto 30px auto;
    visibility: hidden;
}

.prop h2 {
    padding: 15px;
    visibility: hidden;
}

.prop li {
    font-family: "Montserrat", sans-serif;
    list-style: none;
    padding: 8px 0px 5px 0px;
    margin: 7px 0;
    /*        display: inline-block;*/
    border-bottom: 1px dashed #cbc5e6;
    text-align: right;
}

.price {
    background: #fff;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
}

    .price h2 {
        font-family: "Montserrat", sans-serif;
        font-size: 1.5em;
        text-transform: uppercase;
        text-align: center;
        padding: 15px;
        color: #566270;
    }

    .price li:nth-child(even) {
        background: #f4f3ef;
    }

    .price li:nth-child(odd) {
        background: #e4ddd8;
    }

    .price li {
        list-style: none;
        text-align: center;
        padding: 3px;
        margin: 10px 0;
        color: black;
    }

    .price .btn {
        display: block;
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-size: 1.2em;
        color: black;
        border: 1px solid #e4ddd8;
        margin: 0 10% 0 10%;
        /*   border: 1px solid #f95b01;
        background-color: #f95b01;*/
        /*        box-shadow: 1px 0px 4px 1px #777;*/
    }

        .price .btn strong {
            font-size: 2.2em;
        }


.visible-xs {
    display: none;
}

@media (max-width: 74.9em) {
    .table {
        margin: 100px 0;
    }

    .visible-xs {
        display: none;
        margin: 5px 0;
        font-family: "Montserrat", sans-serif;
    }
}

@media (max-width: 61.9em) {
    .prop {
        display: none;
    }

    .visible-xs {
        display: block;
    }
}

.maddeler {
    margin-left: -40px;
}

.paket {
    margin-left: 35%;
    font-size: 80px;
    color: #f95b01;
}

.price {
    
    padding: 3%;
}
.fa-check {
    color: #6ebb6e;
}
.fa-times{
    color:red;
}

.price svg {
    display: block;
    margin: 0 auto 24px auto;
    width: 100px;
    height: 100px;
    fill: #f95b01;
}

@media (max-width:768px) {
    .price {
        margin-top: 1%;
    }
}


.fa-infinity {
    color: #f95b01;
}