﻿@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('Font/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('Font/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Font/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Font/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Font/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('Font/eot/IRANSansWeb(FaNum).eot');
    src: url('Font/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Font/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Font/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Font/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

* {
    font-family: "IRANSans";
}



h1, h2, h3, h4 {
    letter-spacing: 3px;
}

body {
    /*background-color: #e7e7e7;*/
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
    margin: 0px;
    padding: 0px;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
    background-color: white;
    overflow: hidden;
}

.takpars-container {
    background-color: #3d6098 !important;
}
/*LazyLoad*/
img {
    opacity: 1;
    transition: opacity 0.3s;
}

    img[data-src] {
        opacity: 0;
    }

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
            padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists
           will truncate terms that are too long to fit in the left column
        */
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.takpars-menu {
    background-color: #0375B4;
    background-color: #3d6098 !important;
    color: white;
    height: 50px !important;
    margin-bottom: -1px;
   border-color: #3d6098 !important;

}

    .takpars-menu a {
        color: white !important;
        min-width: 100px;
        text-align: center;
        -moz-transition: ease 0.5s all;
        -o-transition: ease 0.5s all;
        -webkit-transition: ease 0.5s all;
        transition: ease 0.5s all;
    }

        .takpars-menu a:hover {
            background-color: #213159 !important;
            font-weight: bold;
            cursor: pointer;
        }

.takpars-divider {
    padding: 1px;
    margin: 0px auto 20px;
    background-color: #f04b4c;
    background-color: #3d6098 !important;
    /*background-color:white;*/
    color: #ffce00;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid black;
    text-align: center;
}

.takpars-aboutus {
    margin-top: 0px;
    /*background-color: #213159;*/
    min-height: 300px;
    color: white;
    text-align: center;
    overflow: hidden;
}

    .takpars-aboutus h2 {
        padding: 20px 10px 5px 10px;
        color: #ffce00;
    }

    .takpars-aboutus p {
        padding: 5px;
        font-size: 16px;
        width: 70%;
        margin: 0px auto;
    }

.navbar-nav > li > a {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.navbar {
    min-height: 72px !important;
    border-radius: 0px;
}

footer {
    background-color: #262228;
    height: 310px;
    color: white;
    position: relative;
    margin: 0px;
    /*margin-top:10px;*/
}

    footer .container {
        background-color: #262228;
    }

.footer-item {
    height: 250px;
    padding: 50px 50px;
    border-left: 1px dotted #404040;
}

    .footer-item:nth-child(3) {
        border-left: 0px dotted #404040;
    }

    .footer-item h4 {
        color: #ffce00;
    }

.footer-copyright {
    padding: 15px;
    border-top: 1px dotted #5e5c5c;
    text-align: center;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin: 0 auto;
}


.takpars-content {
    padding: 30px 50px;
    min-height: 400px;
}


.thumbnail {
    border-color: #3d6098;
    text-align: center;
}

    .thumbnail .caption {
        border-top: 1px solid #d7e0ed;
        overflow: hidden;
        height: 60px;
    }

        .thumbnail .caption h4 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            line-height: 16px; /* fallback */
            max-height: 60px; /* fallback */
            -webkit-line-clamp: 2; /* number of lines to show */
            -webkit-box-orient: vertical;
        }

.shop-content {
    padding: 20px 0px;
}

.panel-heading {
    background-color: #3d6098 !important;
    border-radius: 0px;
}

.panel-title {
    font-weight: bold;
    color: white !important;
}

.panel-body ul {
    list-style: none;
}



.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

/*Index Page*/
.gray-bkg {
    background-color: #262228 !important;
    color: white;
}

.white-bkg {
    background-color: white !important;
    padding: 10px 0px;
    min-height: 400px;
}

.blue-bkg {
    background-color: #3d6098 !important;
    padding: 10px 0px;
    color: white;
    overflow: hidden !important;
}

.hide-me {
    opacity: 0;
}

/*Top Brand Info*/
.white-bkg .col-md-6 {
    overflow: hidden !important;
}

.top-brand {
    padding: 10px 5px 5px 20px;
    max-width: 90%;
}

.top-brand-img {
    width: auto;
    padding: 10px 2px;
    min-height: 50px;
    max-height: 500px;
    min-width: 50px;
    max-width: 500px;
    /*padding-bottom: 900px;*/
}



.top-brand-info {
    margin-top: 70px;
    text-align: center;
}

    .top-brand-info h2 {
        text-align: right;
        padding: 5px;
        font-weight: 300;
        letter-spacing: 0;
        font-size: 2.5em;
    }

    .top-brand-info h3 {
        text-align: right;
        padding: 5px;
        font-weight: 300;
        letter-spacing: 0;
    }

    .top-brand-info p {
        font-size: 15px;
        padding: 5px;
        text-align: right;
    }
/*All Brands*/
.all-brands {
    text-align: center;
}

    .all-brands h2 {
        text-align: center;
        padding-bottom: 10px;
    }

    .all-brands .thumbnail {
        border: none !important;
    }

        .all-brands .thumbnail img {
            border-radius: 10px;
        }

    .all-brands .carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
    /* The controlsy */
    .all-brands .carousel-control {
        left: -10px;
        height: 40px;
        width: 40px;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        margin-top: 100px;
    }

        .all-brands .carousel-control.right {
            right: 10px;
        }
    /* The indicators */
    .all-brands .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: -1px;
        margin-right: -19px;
    }
        /* The colour of the indicators */
        .all-brands .carousel-indicators li {
            background: #cecece;
        }

        .all-brands .carousel-indicators .active {
            background: #428bca;
        }


@media screen and (max-width: 500px) /* Mobile */ {
    body {
        font-size: 2em;
    }

    .top-brand-img {
        width: 100%;
    }

    .hide-me {
        opacity: 1;
    }

    .footer-item {
        border-bottom: 1px dotted #404040;
    }
}


.side-filter-checkbox-title {
    padding: 0px 5px;
    font-size: 13px;
}

.side-filter-checkbox {
    position: relative;
    padding-right: 10px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    .side-filter-checkbox input[type=checkbox] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


    .side-filter-checkbox:hover input[type=checkbox]:checked ~ .side-filter-checkmark {
        background-color: #ebebeb;
    }

    /* When the checkbox is checked, add a blue background */
    .side-filter-checkbox input[type=checkbox]:checked ~ .side-filter-checkmark {
        background-color: #3d6098;
    }



        /* Show the checkmark when checked */
        .side-filter-checkbox input[type=checkbox]:checked ~ .side-filter-checkmark:after {
            display: block;
        }

    /* Style the checkmark/indicator */
    .side-filter-checkbox .side-filter-checkmark:after {
        right: 7px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.side-filter-checkmark {
    position: absolute;
    top: 10px;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    background-color: #ebebeb;
}

    .side-filter-checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.side-filter-plus {
    position: relative;
    padding-left: 10px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .side-filter-plus i {
        position: absolute;
        right: -9px;
        top: 9px;
        height: 20px;
        width: 20px;
        border-radius: 3px;
        background-color: #ebebeb;
    }


        .side-filter-plus i :after {
            right: 0px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
        }
