.navigation.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
            color: #000;
        }


        #login-dp {
            min-width: 250px;
            padding: 14px 14px 0;
            overflow: hidden;
            background-color: rgba(255,255,255,.8);
        }

            #login-dp .help-block {
                font-size: 12px
            }

            #login-dp .bottom {
                background-color: rgba(255,255,255,.8);
                border-top: 1px solid #ddd;
                clear: both;
                padding: 14px;
            }

            #login-dp .social-buttons {
                margin: 12px 0
            }

                #login-dp .social-buttons a {
                    width: 49%;
                }

            #login-dp .form-group {
                margin-bottom: 10px;
            }

        .btn-fb {
            color: #fff;
            background-color: #3b5998;
        }

            .btn-fb:hover {
                color: #fff;
                background-color: #496ebc
            }

        .btn-tw {
            color: #fff;
            background-color: #55acee;
        }

            .btn-tw:hover {
                color: #fff;
                background-color: #59b5fa;
            }

        @media(max-width:768px) {
            #login-dp {
                background-color: inherit;
                color: #fff;
            }

                #login-dp .bottom {
                    background-color: inherit;
                    border-top: 0 none;
                }
        }

        .mt110 {
            margin-top: 110px;
        }

        @media(max-width:768px) {

            .hsn-style {
                display: none;
            }
        }



        nav.sidebar, .main {
            -webkit-transition: margin 200ms ease-out;
            -moz-transition: margin 200ms ease-out;
            -o-transition: margin 200ms ease-out;
            transition: margin 200ms ease-out;
        }

        .main {
            padding: 10px 10px 0 10px;
        }

        @media (min-width: 768px) {

            .main {
                position: absolute;
                width: calc(100% - 40px);
                margin-left: 40px;
                float: right;
            }

            nav.sidebar:hover + .main {
                margin-left: 200px;
            }

            nav.sidebar.navbar.sidebar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
                margin-left: 0px;
            }

            nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
                text-align: center;
                width: 100%;
                margin-left: 0px;
            }

            nav.sidebar a {
                padding-right: 13px;
            }

            nav.sidebar .navbar-nav > li:first-child {
                border-top: 1px #e5e5e5 solid;
            }

            nav.sidebar .navbar-nav > li {
                border-bottom: 1px #e5e5e5 solid;
            }

            nav.sidebar .navbar-nav .open .dropdown-menu {
                position: static;
                float: none;
                width: auto;
                margin-top: 0;
                background-color: transparent;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
                padding: 0 0px 0 0px;
            }

            .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
                color: #777;
            }

            nav.sidebar {
                width: 200px;
                height: 100%;
                margin-left: -160px;
                float: left;
                margin-bottom: 0px;
            }

                nav.sidebar li {
                    width: 100%;
                }

                nav.sidebar:hover {
                    margin-left: 0px;
                }

            .forAnimate {
                opacity: 0;
            }
        }

        @media (min-width: 1330px) {

            .main {
                width: calc(100% - 200px);
                margin-left: 200px;
            }

            nav.sidebar {
                margin-left: 0px;
                float: left;
            }

                nav.sidebar .forAnimate {
                    opacity: 1;
                }
        }

        nav.sidebar .navbar-nav .open .dropdown-menu > li > a:hover, nav.sidebar .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #CCC;
            background-color: transparent;
        }

        nav:hover .forAnimate {
            opacity: 1;
        }

        section {
            padding-left: 15px;
        }

        .hsn-span {
            padding: 0px 10px;
        }

        li.hsn-li:hover {
            background-color: rgba(105,100,116,0.1);
        }

        .navbar-collapse > .nav > li > a:hover, .navbar-collapse > .nav > li > a :hover {
            color: #666;
        }

        .navbar-collapse > .nav > li > a{

            font-size:14px;
        }
        #sidebar {
            position: relative;
            overflow: visible;
            top: auto;
            bottom: auto;
            left: auto;
            transition: none;
            transform: translate(0);
            z-index: 400;
            flex: 0 0 260px;
           
            
            box-shadow: 0 0 2px 2px rgba(0,0,0,0.08);
        }


        .no-padding {
            padding: 0px !important;
        }

        @media(max-width:1024px) {

            #sidebar {
                height: 100%;
            }
        }

        @media(max-width:768px) {

            #sidebar {
                height: 50px;
            }
        }


        @media(max-width:768px) {
            .navbar-form {
                padding-left: 20px !important;
                padding-right: 20px !important;
            }
        }



        .hsn-padding {
            padding-top: 15px;
        }


        @media(max-width:768px) {
            .hsn-padding {
                padding-top: 30px;
            }
        }

        @media(max-width:768px) {
            .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
                margin-right: 0px;
                background:#fafafa;
            }
        }

        .prettyline {
            height: 5px;
            border-top: 0;
            background: #c4e17f;
            border-radius: 5px;
            background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
            background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
            background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
            background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
        }

        .navbar-form {
            margin-right: 15px;
        }

        @media(max-width:768px) {

            .navbar-form {
                margin-right: 0px;
            }
        }

        @media(min-width:767px) {
            .modal-content.custom-height {
                width: 400px;
            }
        }

        .hsn-toggle {
            display: none;
            color: white;
        }


        @media(max-width:768px) {
            .hsn-toggle {
                color: white;
                float: right;
                line-height: initial;
                display: inline;
                margin-top: 10px;
                
                font-size: 20px;
            }
        }

        label.hsn-form {
            line-height: initial;
            color: white;
            margin-top: 5px;
            font-size: 11px;
            display:block;
        }

        @media(max-width:768px) {
            label.hsn-form {
                position: relative;
            }
        }


        @media(max-width:768px) {

            #headerText {
                display: none;
            }
        }


        /*    --------------------------------------------------
	:: General
	-------------------------------------------------- */
        body {
            font-family: 'Open Sans', sans-serif;
            color: #353535;
        }

        .content h1 {
            text-align: center;
        }

        .content .content-footer p {
            color: #6d6d6d;
            font-size: 12px;
            text-align: center;
        }

            .content .content-footer p a {
                color: inherit;
                font-weight: bold;
            }

        /*	--------------------------------------------------
	:: Table Filter
	-------------------------------------------------- */
        .panel {
            border: 1px solid #ddd;
            background-color: #fcfcfc;
        }

            .panel .btn-group {
                margin: 15px 0 30px;
            }

                .panel .btn-group .btn {
                    transition: background-color .3s ease;
                }

        .table-filter {
            background-color: #fff;
            border-bottom: 1px solid #eee;
        }

            .table-filter tbody tr:hover {
                cursor: pointer;
                background-color: #eee;
            }

            .table-filter tbody tr td {
                padding: 10px;
                vertical-align: middle;
                border-top-color: #eee;
            }

            .table-filter tbody tr.selected td {
                background-color: #eee;
            }

            .table-filter tr td:first-child {
                width: 38px;
            }

            .table-filter tr td:nth-child(2) {
                width: 35px;
            }

        .ckbox {
            position: relative;
        }

            .ckbox input[type="checkbox"] {
                opacity: 0;
            }

            .ckbox label {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .ckbox label:before {
                    content: '';
                    top: 1px;
                    left: 0;
                    width: 18px;
                    height: 18px;
                    display: block;
                    position: absolute;
                    border-radius: 2px;
                    border: 1px solid #bbb;
                    background-color: #fff;
                }

            .ckbox input[type="checkbox"]:checked + label:before {
                border-color: #2BBCDE;
                background-color: #2BBCDE;
            }

            .ckbox input[type="checkbox"]:checked + label:after {
                top: 3px;
                left: 3.5px;
                content: '\e013';
                color: #fff;
                font-size: 11px;
                font-family: 'Glyphicons Halflings';
                position: absolute;
            }

        .table-filter .star {
            color: #ccc;
            text-align: center;
            display: block;
        }

            .table-filter .star.star-checked {
                color: #F0AD4E;
            }

            .table-filter .star:hover {
                color: #ccc;
            }

            .table-filter .star.star-checked:hover {
                color: #F0AD4E;
            }

        .table-filter .media-photo {
            width: 35px;
        }

        .table-filter .media-body {
            display: block;
            /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
        }

        .table-filter .media-meta {
            font-size: 11px;
            color: #999;
        }

        .table-filter .media .title {
            color: #2BBCDE;
            font-size: 14px;
            font-weight: bold;
            line-height: normal;
            margin: 0;
        }

            .table-filter .media .title span {
                font-size: .8em;
                margin-right: 20px;
            }

                .table-filter .media .title span.pagado {
                    color: #5cb85c;
                }

                .table-filter .media .title span.pendiente {
                    color: #f0ad4e;
                }

                .table-filter .media .title span.cancelado {
                    color: #d9534f;
                }

        .table-filter .media .summary {
            font-size: 14px;
        }




        .hsn-custom-icon {
            background-image: url(http://teknikservistakip.wiki.com.tr/imgpromo/Adsiz.png);
            top: 1px;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            background-size: cover;
            position: relative;
            margin: 10px;
        }

.hsn-custom-icon1 {
    background-image: url(http://teknikservistakip.wiki.com.tr/imgpromo/Adsiz1.png);
    top: 1px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    background-size: cover;
    position: relative;
    margin: 10px;
}

        .mtop {
            margin-top: 0px;
        }

        @media(max-width:992px) {


            .mtop {
                margin-top: -15px;
            }
        }

         /*----------------------------------------------------*/
/*----------------- Testimonials CSS -----------------*/
/*----------------------------------------------------*/
.testimonial{
    margin-bottom: 10px;
}

    .testimonial-section {
        width: 100%;
        height: auto;
        padding: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        border: 1px solid #fff;
        margin-bottom:16px;
    }
    .testimonial-section:after {
        top: 100%;
        left: 50px;
        border: solid transparent;
        content: " ";
        position: absolute;
        border-top-color: #fff;
        border-width: 15px;
        margin-left: -15px;
    }

    .testimonial-desc {
        margin-top: 20px;
        text-align:left;
        padding-left: 15px;
    }
        .testimonial-desc img {
            border: 1px solid #f5f5f5;
            border-radius: 150px;
            height: 70px;
            padding: 3px;
            width: 70px;
            display:inline-block;
            vertical-align: top;
        }

        .testimonial-writer{
            display: inline-block;
            vertical-align: top;
            padding-left: 10px;
        }

            .testimonial-writer-name{
                font-weight: bold;
            }

            .testimonial-writer-designation{
                font-size: 85%;
            }

            .testimonial-writer-company{
                font-size: 85%;
            }
    /*---- Outlined Styles ----*/
    .testimonial.testimonial-default{
        
    }
        .testimonial.testimonial-default .testimonial-section{
            border-color: #777;
        }

            .testimonial.testimonial-default .testimonial-section:after{
                border-top-color: #777;
            }

        .testimonial.testimonial-default .testimonial-desc{
            
        }

            .testimonial.testimonial-default .testimonial-desc img{
                border-color: #777;
            }

            .testimonial.testimonial-default .testimonial-writer-name{
                color: #777;
            }

    .testimonial.testimonial-primary{
        
    }
        .testimonial.testimonial-primary .testimonial-section{
            border-color: #337AB7;
            color: #286090;
            background-color: rgba(51, 122, 183, 0.1);
        }

            .testimonial.testimonial-primary .testimonial-section:after{
                border-top-color: #337AB7;
            }

        .testimonial.testimonial-primary .testimonial-desc{
            
        }

            .testimonial.testimonial-primary .testimonial-desc img{
                border-color: #337AB7;
            }

            .testimonial.testimonial-primary .testimonial-writer-name{
                color: #337AB7;
            }

    .testimonial.testimonial-info{
        
    }
        .testimonial.testimonial-info .testimonial-section{
            border-color: #5BC0DE;
            color: #31b0d5;
            background-color: rgba(91, 192, 222, 0.1);
        }

            .testimonial.testimonial-info .testimonial-section:after{
                border-top-color: #5BC0DE;
            }

        .testimonial.testimonial-info .testimonial-desc{
            
        }

            .testimonial.testimonial-info .testimonial-desc img{
                border-color: #5BC0DE;
            }

            .testimonial.testimonial-info .testimonial-writer-name{
                color: #5BC0DE;
            }


    .testimonial.testimonial-success{
        
    }
        .testimonial.testimonial-success .testimonial-section{
            border-color: #5CB85C;
            color: #449d44;
            background-color: rgba(92, 184, 92, 0.1);
        }

            .testimonial.testimonial-success .testimonial-section:after{
                border-top-color: #5CB85C;
            }

        .testimonial.testimonial-success .testimonial-desc{
            
        }

            .testimonial.testimonial-success .testimonial-desc img{
                border-color: #5CB85C;
            }

            .testimonial.testimonial-success .testimonial-writer-name{
                color: #5CB85C;
            }

    .testimonial.testimonial-warning{
        
    }
        .testimonial.testimonial-warning .testimonial-section{
            border-color: #F0AD4E;
            color: #d58512;
            background-color: rgba(240, 173, 78, 0.1);
        }

            .testimonial.testimonial-warning .testimonial-section:after{
                border-top-color: #F0AD4E;
            }

        .testimonial.testimonial-warning .testimonial-desc{
            
        }

            .testimonial.testimonial-warning .testimonial-desc img{
                border-color: #F0AD4E;
            }

            .testimonial.testimonial-warning .testimonial-writer-name{
                color: #F0AD4E;
            }

    .testimonial.testimonial-danger{
        
    }
        .testimonial.testimonial-danger .testimonial-section{
            border-color: #D9534F;
            color: #c9302c;
            background-color: rgba(217, 83, 79, 0.1);
        }

            .testimonial.testimonial-danger .testimonial-section:after{
                border-top-color: #D9534F;
            }

        .testimonial.testimonial-danger .testimonial-desc{
            
        }

            .testimonial.testimonial-danger .testimonial-desc img{
                border-color: #D9534F;
            }

            .testimonial.testimonial-danger .testimonial-writer-name{
                color: #D9534F;
            }

    /*---- Filled Styles ----*/
    .testimonial.testimonial-default-filled{
        
    }
        .testimonial.testimonial-default-filled .testimonial-section{
            color: #fff;
            border-color: #777;
            background-color: #777;
        }

            .testimonial.testimonial-default-filled .testimonial-section:after{
                border-top-color: #777;
            }

        .testimonial.testimonial-default-filled .testimonial-desc{
            
        }

            .testimonial.testimonial-default-filled .testimonial-desc img{
                border-color: #777;
                background-color: #777;
            }

            .testimonial.testimonial-default-filled .testimonial-writer-name{
                color: #777;
            }

    .testimonial.testimonial-primary-filled{
        
    }
        .testimonial.testimonial-primary-filled .testimonial-section{
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }

            .testimonial.testimonial-primary-filled .testimonial-section:after{
                border-top-color: #337AB7;
            }

        .testimonial.testimonial-primary-filled .testimonial-desc{
            
        }

            .testimonial.testimonial-primary-filled .testimonial-desc img{
                border-color: #2e6da4;
                background-color: #337ab7;
            }

            .testimonial.testimonial-primary-filled .testimonial-writer-name{
                color: #337AB7;
            }

    .testimonial.testimonial-info-filled{
        
    }
        .testimonial.testimonial-info-filled .testimonial-section{
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da;
        }

            .testimonial.testimonial-info-filled .testimonial-section:after{
                border-top-color: #5BC0DE;
            }

        .testimonial.testimonial-info-filled .testimonial-desc{
            
        }

            .testimonial.testimonial-info-filled .testimonial-desc img{
                border-color: #46b8da;
                background-color: #5bc0de;
            }

            .testimonial.testimonial-info-filled .testimonial-writer-name{
                color: #5BC0DE;
            }


    .testimonial.testimonial-success-filled{
        
    }
        .testimonial.testimonial-success-filled .testimonial-section{
            color: #fff;
            background-color: #5cb85c;
            border-color: #4cae4c;
        }

            .testimonial.testimonial-success-filled .testimonial-section:after{
                border-top-color: #5CB85C;
            }

        .testimonial.testimonial-success-filled .testimonial-desc{
            
        }

            .testimonial.testimonial-success-filled .testimonial-desc img{
                border-color: #4cae4c;
                background-color: #5cb85c;
            }

            .testimonial.testimonial-success-filled .testimonial-writer-name{
                color: #5CB85C;
            }

    .testimonial.testimonial-warning-filled{
        
    }
        .testimonial.testimonial-warning-filled .testimonial-section{
            color: #fff;
            background-color: #f0ad4e;
            border-color: #eea236;
        }

            .testimonial.testimonial-warning-filled .testimonial-section:after{
                border-top-color: #F0AD4E;
            }

        .testimonial.testimonial-warning-filled .testimonial-desc{
            
        }

            .testimonial.testimonial-warning-filled .testimonial-desc img{
                border-color: #eea236;
                background-color: #f0ad4e;
            }

            .testimonial.testimonial-warning-filled .testimonial-writer-name{
                color: #F0AD4E;
            }

    .testimonial.testimonial-danger-filled{
        
    }
        .testimonial.testimonial-danger-filled .testimonial-section{
                color: #fff;
                background-color: #d9534f;
                border-color: #d43f3a;
        }

            .testimonial.testimonial-danger-filled .testimonial-section:after{
                border-top-color: #D9534F;
            }

        .testimonial.testimonial-danger-filled .testimonial-desc{
            
        }

            .testimonial.testimonial-danger-filled .testimonial-desc img{
                border-color: #d43f3a;
                background-color: #D9534F;
            }

            .testimonial.testimonial-danger-filled .testimonial-writer-name{
                color: #D9534F;
            }


             p.testimonial-section.sag:after {

                    left:90%;
    
           }


           
     #message-panel{

         
         margin-bottom:200px;

     }


     @media(max-width:767px){

    #sidebar{
    
    position:fixed;
    width:100%;
    margin-top:-25px;
   -webkit-overflow-scrolling:touch;
    background:none;
   
   
    }
  
}


        @media(min-width:768px) {
            li.hsn-li.display-none {
                display: none;
            }
        }
     

        */ Color line credit to ninjamonk: [[http://bootsnipp.com/snippets/featured/mix-amp-match-login]]