/*****style-css start***/


#sb-site {

    /*box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3);

    padding: 50px 0 30px 0;*/

}
.sb-slidebar{
    height:100%;
    overflow-y:auto;
    position:fixed;
    top:0;z-index:0;
    display:none;
    background-color:#330000;
    }
    .sb-slidebar { z-index: 0;}

#sb-site,.sb-site-container
,.sb-slide,.sb-slidebar{
/*-webkit-transform:translate(0px);
-moz-transform:translate(0px);
-o-transform:translate(0px);
transform:translate(0px);*/
-webkit-transition:-webkit-transform 400ms ease;
-moz-transition:-moz-transform 400ms ease;
-o-transition:-o-transform 400ms ease;
transition:transform 400ms ease;
-webkit-transition-property:-webkit-transform,
-webkit-backface-visibility:hidden}

.sb-hide{display:none}
#adverts {
    margin-top: 20px;
}
#about-me > ul {
    list-style: outside none none;
}
.advert {
    border-radius: 3px;
    border: 1px solid #727272;
    margin-bottom: 10px;
    padding: 3px;
}
.navbar {
    /*box-shadow:
        0 5px 0 0 rgba(0, 0, 0, 0.01),
        0 4px 0 0 rgba(0, 0, 0, 0.02),
        0 3px 0 0 rgba(0, 0, 0, 0.04),
        0 2px 0 0 rgba(0, 0, 0, 0.06),
        0 1px 0 0 rgba(0, 0, 0, 0.08),
        0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
        1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
        -1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
        0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%);
    background-repeat: no-repeat;*/
    /*background-color:#330000;
    height:100px;*/
    /* Bootstrap Changes */
    border: none;
    /*width: 100%;*/
    left: auto;
    right: auto;
    display:none;
    margin-top:30px;
}
#logo {
    margin-top: 4px;
    text-align: center;
}
.vandaag_main{
    border-bottom: 1px dashed #666;
    color: #333;
    font-weight: normal !important;
    margin:auto;
    padding-bottom: 10px;
    width: 90%;
    clear:both;
    font-size:13px !important;
    line-height:20px;
    }
.vandaag_main_h1{
    text-transform:uppercase;
    font-weight:bold;
    }
.vandaag_main_up{
    margin-top:7px;
    word-wrap:break-word;
    }
.vandaag_main_up_left{
    width:50%;
    float:left;
    white-space: nowrap !important;
    }
.vandaag_main_up_right{
    width:50%;
    float:left;
    text-align:right;
    }
.order_overlay_part{
    /*border-bottom: 1px dashed #666;*/
    color: #333;
    font-weight: normal !important;
    margin:auto;
    /*padding-bottom: 70px;*/
    padding-bottom: 0px;
    width: 90%;
    font-size:13px !important;
    line-height:20px;
    text-align:center;
    margin-top:10px;
    }

.order_overlay_part_desktop {
  color: #333;
  font-size: 13px !important;
  font-weight: normal !important;
  line-height: 20px;
  margin: 10px auto auto;
  padding-bottom: 0;
  text-align: center;
  width: 90%;
}
.vandaag_payment{
    width: 100px !important;
    margin:auto;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    /* padding-bottom: 100px; */
    }

.order_overlay_part_number{
    /*font-size:18px;
    font-weight:bold;*/
    line-height:20px;
    color:#000;
    }

.order_overlay_part > p {
    margin: 0;
}

.reponsive_circle{
    background: none repeat scroll 0 0 #2ecc71;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    font-weight: 600;
    height: 25px;
    left: 17%;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 25px;
    z-index: 1;
}

#top-arrow {
    padding-top: 17px;
    padding-bottom: 13px;
}

.navbar .sb-toggle-left {
    width: 58px;
    float: left;
    padding: 10px;
}

.navbar .sb-toggle-right {
    width: 58px;
    float: right;
    padding: 14px;
    position: relative;
    right: 30px;
    top:5px;
}

.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
    cursor: pointer;
}

.sb-right {
    margin-top: 50px;
}

.navicon-line {
     background-color: #fff;
    border-radius: 1px;
    height: 10px;
    margin-bottom: 10px;
    width: 70px;
}

ul.navbar-nav {
    display: none;
}

footer {
    margin-top: 30px;
}

/* Slidebars */
.sb-slidebar {
    background-color: #4A4A4A;
}
/* ---------------
 * 003 - Slidebars */
.sb-slidebar {
    color: #e8e8e8; /* Text colour. */
}

.sb-slidebar a {
    color: #FF3971;
    text-decoration: none;
}

.sb-slidebar a:hover {
    color: #F7C231; /* Link hover colour. */
    text-decoration: underline;
}
/* Main Menu */
.sb-menu { /* Apply to <ul> or <ol>. */
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.sb-menu li {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */
}

.sb-menu > li:first-child {
    border-top: none; /* Removes top border from first list item.. */
}

.sb-menu > li:last-child {
    border-bottom: none; /* Removed bottom border from last list item. */
}

.sb-menu li a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 24px;
    line-height: 30px;
    padding: 15px 5px;
}

.sb-menu li a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */
}
/* Borders */
.sb-left .sb-menu li a {
    border-left: 3px solid transparent;
}
.sb-left .sb-menu li a:hover {
    border-left: 3px solid #F7C231; /* Removes transparent colour, so border colour will be the same as link hover colour. */
}

.sb-right .sb-menu li a {
    border-right: 3px solid transparent;
}

.sb-right .sb-menu li a:hover {
    border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
/* Left */
.sb-menu li .sb-open-right, .sb-menu li small {
    display: inline-block;
    padding: 14px;
}



.sb-menu li img {
display:none;
    margin: 15px 5px;

}



/* Right */

aside#about-me {

    padding: 14px 14px 14px 14px;

    font-size:20px;

    line-height:24px;

}



img.img-me {

    margin: 14px auto;

    border: 4px solid #fff;

}



/* Slidebar Type */



.sb-slidebar, .sb-slidebar h3 {

    color: #F0F0F0;

}



.sb-slidebar ul.sb-nav li a {

    color: #DEDEDE;

}



.sb-slidebar ul.sb-nav li a:hover {

    color: #C7C7C7;

    text-decoration: none;

}



.sb-slidebar ul.sb-nav li span:hover {

    color: #C7C7C7;

}



/* Anchor Links */

#download, #api, #options, #helper-classes {

    margin-top: -50px;

    padding-top: 50px;

}



/* Helper Classes */

.add-bottom-margin {

    margin-bottom: 15px;

}



.no-bottom-margin {

    margin-bottom: 0;

}



.add-top-margin {

    margin-top: 15px;

}



.no-top-margin {

    margin-top: 0;

}



.push-down {

    position: relative;

    top: 2px;

}




#bisma {

    display: none;

    text-align: center;

    margin-bottom: 50px;

}



#bisma h2 {

    font-weight: 300;

    color: #f71756;

}



.bisma-cont {

    width: 100%;

    max-width: 700px;

    margin: 0 auto;

    padding-left: 15px;

    padding-right: 15px;

}



#bisma p {

    font-weight: 300;

    font-size: 15px;

    color: #646a73;

}



#bisma p.lead {

    font-size: 24px;

    color: #646a73;

}



.img-responsive-stretch {

    display: block;

    width: 100%;

    height: auto;

}



#about-me p {

    /*margin-left: 15px;

    margin-right: 15px;*/

}

#about-me li {

   /* background: none repeat scroll 0 0 #ce9c59;*/

    padding-top: 15px;

    transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out;

    -ms-transition:all 0.5s ease-in-out;

    -o-transition:all 0.5s ease-in-out;

    -webkit-transition:all 0.5s ease-in-out;

    margin-top:10px;

    padding-bottom: 5px;

    padding-left:10px;

    border-bottom:1px solid #dddddd;

}

/*#about-me li:hover {

    background: none repeat scroll 0 0 #ccc;

    padding-top: 15px;

    color:#000;

    -moz-transition:all 0.5s ease-in-out;

    -ms-transition:all 0.5s ease-in-out;

    -o-transition:all 0.5s ease-in-out;

    -webkit-transition:all 0.5s ease-in-out;

}*/

.responsive_first{

    color: #000;

    padding: 11px 4px;

    text-align: center;

    width: 10%;

    float:left;

    }



.responsive_rightsidebar_description{

     float: left;

    margin-left: 2%;

    width: 55%;

    color:#000;

    }



.responsive_rightsidebar_price{

    width:20%;

    float:left;

    color:#000;

    }



.responsive_close{



    padding: 10px 7px;

    text-align: center;

    width: 8%;

    padding:5px;

    float:left;

    cursor:pointer;

    }

.responsive_subtotal{

     background-color: #fff;

    color: #330000;

    float: right;

    margin-top: 15px;

    padding: 10px;

    width: 70%;

    }

.responsive_subtotal > p {

    margin-bottom: 5px;

}



.responsive_subtotal_bution{

background:#2ecc71;
    background:-moz-linear-gradient(top, #2ecc71 0%, #2ecc71 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ecc71), color-stop(100%,#2ecc71));
    background:-webkit-linear-gradient(top, #2ecc71 0%,#2ecc71 100%);
    background:-o-linear-gradient(top, #2ecc71 0%,#2ecc71 100%);
    background:-ms-linear-gradient(top, #2ecc71 0%,#2ecc71 100%);
    background:linear-gradient(to bottom, #2ecc71 0%,#2ecc71 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ecc71', endColorstr='#2ecc71',GradientType=0);
    border:medium none;
    border-radius:2px 2px 2px 2px;
    color:#FFFFFF;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
    padding:10px;
    }

.responsive_subtotal_bution > a {

    color: #fff;
    font-weight: 800 !important;

}

.responsive_subtotal_bution > a:hover {

    color: #000;

    text-decoration:none;

}

/*****style-css Finish***/



/* Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */

#sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
 }

body,html{width:100%}html{height:100%}

body{min-height:100%;height:auto;position:relative}

html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}

#sb-site,.sb-site-container{background-color:transparent;

    background-color: #fff;

    min-height: 100vh;

    position: relative;
    z-index: 1;
    width: 100%;
    /*transform: translate(0px);*/

    /*z-index: 0;*/}

#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before{content:' ';display:table;clear:both}



.sb-slidebar,.sb-slidebar *{-webkit-transform:translateZ(0px)}

.sb-left{left:0}

.sb-right{right:0}

.sb-slidebar

.sb-static,html.sb-static .sb-slidebar{position:absolute}

.sb-slidebar.sb-active{display:none;}.sb-style-overlay{z-index:9999}

.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}

.sb-slidebar{width:30%}

.sb-width-thin{width:15%}

.sb-width-wide{width:45%}


@media (max-width:980px){

.sb-slidebar{width:45%;}

.sb-width-thin{width:15%}

.sb-width-wide{width:45%}

.sb-slidebar.sb-active{display:block;
padding-top: 75px;
}

.navbar {

    display:block;

    width:100%;

    left:0px !important;

}

.sb-slidebar.sb-right {

    background: none repeat scroll 0 0 #f1f1f1;

}

#row-fluid-header {

    display: none;

}

/*#sb-site, .sb-site-container {

    min-height: 18vh !important;

    position: relative !important;

    background-color:transparent;

}*/

.header-wrapper {

    margin-bottom: 75px;

}

.navicon-line {

    height: 5px;

    margin-bottom: 5px;

    width: 40px;

}


}


@media (min-width: 768px) {
    ul.navbar-nav {
        display: block;
    }

    #logo {
        text-align:center;
    }
}