html, body {
    margin: 0px;
    font-size: 14px;
    color: #797979;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
    width: 100%;
    font-family: 'Raleway', sans-serif;
}
a {
    color: #363535;
}
.bg-grey {
	background: #f8f8f8;
}

.page-content, section {
    overflow: hidden;
}

li.footer {
    width: 240px;
    margin-left: 20px;
    display: inline-block;
	vertical-align: top;
}

a:hover {
    color: #cccccc;
}

a, a:hover, a:active, a:focus {
    text-decoration: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #323131;
    border: 1px solid;
    border-color: #8d8e8e;
	border-radius:5px;
}
header {
    position: fixed;
    display: block;
    width: 100%;
	z-index:101;
	background: #fff;
	border-bottom: 3px solid #cccccc3d;
}
header >.container {
    background: #fff;
}


.btn {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    font-size: 14px;
    font-weight: 600;
    padding: 1rem 4rem;
	border-radius:5px;
}
.btn-primary:hover {
    background-color: #eee;
    border-color: #a39f9f;
    color: #262626;
}



h2 {
    font-size: 2.5rem;
    line-height: 3rem;
	color: #000;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
	background:#000; 
	opacity: 0.9; 
	
}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}



/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



/* HEADER */

header .vcard li {
    display: inline;
}


header .navbar-top.bg-grey.fix {
    background: #f8f8f8;
}

header .navbar-callus.text-left.sm-text-center {
    width: 90%;
    display: inline-block;
}

header .col-md-11 {
    display: inline-block;
    width: 90%;
}

header .col-md-1 {
    width: 8%;
    display: inline-block;
}

header img#idphoto {
    display: none;
}

header span.url {
    display: none;
}

header a {
    text-decoration: none;
    color: #363535;
}

header .navbar-socail.text-right.sm-text-center a:hover {
    border-radius: 10px;
    background: #555;
    color: #fff;
}

header .navbar-socail.text-right.sm-text-center a {
    padding: 10px;
    right: 15px;
    position: relative;
    font-weight: 700;
	color: #979797;
}

header a.navbar-brand img {
    width: 71px;
    border-radius: 35px;
    border: 2px solid #cccccc;
}
header  img.logo-itemprop {
    display: none;
}


header .navbar-header {
    width: 18%;
    display: inline-block;
    height: 80px;
    /* margin-left: 33px; */
    left: 30px;
    position: relative;
    top: 10px;
}

header nav.navbar.navbar-default.bootsnav.navbar-fixed {
    display: inline-block;
    width: 79%;
    text-align: right;
    /* margin-right: -1px; */
    vertical-align: top;
    /* padding-right: 0px; */
    height: 70px;
    padding-top: 24px;
}

header ul.nav.navbar-nav.navbar-right li {
    display: inline-block;
}

header ul.nav.navbar-nav.navbar-right li a {
    /* padding: 10px; */
    /* font-size: 16px; */
    padding: 30px 15px;
    font-weight: 600;
    color: #6f6f6f;
}



header ul.nav.navbar-nav.navbar-right li a:hover {
    background: transparent;
    color: #000;
    transition: 1s;
}

header .navbar-callus.text-left.sm-text-center a:hover {
    color: #aaa1a1;
}









/* end HEADER */




/*  hello_slid */



.hello_slid.home {
    position: relative;
}

.hello_slid .slid_item {
    max-width: 1170px;
    margin: 0 auto;
    text-align: center;
}

.hello_slid .overlay {
    background-color: rgba(41, 39, 34, 0.50);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* z-index: -1; */
}

.hello_slid h1.text-white {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
}

.hello_slid .home_text {
    z-index: 1;
    position: relative;
	padding: 10px;
}

.hello_slid .slid_item {
    color: #fff;
    z-index: 1;
    position: relative;
}

.hello_slid .btn-default {
    color: #fff;
    background-color: transparent;
    border: 1px solid;
    border-color: #b6b6b6;
}

.hello_slid .btn {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid;
    padding: 1rem 4rem;
}

.hello_slid .m-top-20 {
    margin-top: 20px;
}

.hello_slid .home_btns a {
    margin-left: 10px;
}

.hello_slid .m-top-40 {
    margin-top: 40px;
}
.hello_slid .home_btns {
    margin-left: -10px;
}

.hello_slid .btn-default:hover {
    color: #fff;
    background-color: #323131;
    border-color: #959595;
}

.hello_slid .btn:hover, .btn:focus, .btn.focus {
    /* color: #333; */
    text-decoration: none;
}

/*  end hello_slid */


.product.item.carousel-element.owl-item {
    display: inline-table;
	margin: 0 10px;
}



section#product-section div#carousel {
    text-align: center;
    padding: 22px 0;
}



section#product-section h2.text-center {
    text-align: center;

}

section#product-section a {
    text-decoration: none;
}

section#product-section .product-name a {
    color: #6c6d6d;
}


section#product-section .products {
    width: 100%;
	height: 430px;
    display: block;
    overflow: hidden;
}

section#product-section .product-description {
    white-space: pre-line;
}
section#product-section .prodelement {
    width: 230px;
	height: 420px;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px #cacaca;
    position: relative;
    text-align: center;
}

section#product-section .product-name {
    font-size: 16px;
    height: 38px;
    text-align: center;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
}

section#product-section .product-image {
    height: 231px;
    vertical-align: middle;
    display: table-cell;
    margin: 0 auto;
}

section#product-section .product-adv {
    min-height: 405px;
	padding-top: 10px;
	display: inline-table;
}

section#product-section .d-top {
    background: #6c6d6d;
    text-align: center;
    color: #fff;
}

section#product-section .product-image img {
    vertical-align: middle;
    display: block;
    margin: auto auto;
    border-radius: 5px;
    /* max-height: 250px; */
    width: 200px;
    padding-left: 20px;
}

section#product-section .product-price {
    position: absolute;
    top: 150px;
    z-index: 1;
    padding: 10px;
    background: #ffff;
    color: #403f3f;
    font-weight: bold;
}


section#product-section .owl-item .product-description {
    height: 50px;
    overflow: hidden;
}

section#product-section .control-product {
    text-align: center;
    font-size: 28px;
}

section#product-section .control-product a {
    color: #24282a;
    padding: 10px;
}

section#product-section .control-product a:hover {
    color: #9f9d9d;
}
section#product-section a.read-more {
    display: block;
    padding: 10px;
    background: #6c6d6d;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    width: 150px;
    text-transform: uppercase;
    margin: 10px auto;
    position: absolute;
    bottom: 0px;
    left: 35px;
}

section#product-section a.read-more:hover {

    background: #959797;
}
section#product-section .icon-chevron-left:before {
    content: "\276E";
	    font-style: initial;
}
section#product-section .icon-chevron-right:before {
    content: "\276F";
	    font-style: initial;
}





#features .business_item img {
    max-height: 370px;
    margin: 0 auto;
}

#features .business_item {
    text-align: center;
}
#features img.logo-200 {
    float: right;
    padding: 0 30px 30px 30px;
}
#features .description {
    text-align: justify;
    white-space: pre-line;
}
#features .business_item li {
    font-size: 18px;
    font-weight: 300;
    line-height: 2rem;
}

#features .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}



#features .business_item .business_btn {
    margin-left: -10px;
    top: 10px;
    position: relative;
}


#features .m-top-20 {
    margin-top: 20px;
}




#features h2.text-uppercase {
    text-transform: uppercase;
    color: #000;
}



#features a:hover {
    color: #cccccc;
}

#features a.btn-primary:hover {
	 color: #262626;
}

.business_item , .roomy-70 {
    padding-top: 20px;
    padding-bottom: 70px;
}
#business .container{
    text-align: center;
}
#business span.image.item img {
    max-height: 210px;
	max-width: 230px;
}


#business span.image.item {
    width: 255px;
    display: inline-block;
    padding: 12px;
    text-align: center;
    vertical-align: top;
}

#business h2 {
    /*text-transform: uppercase;*/
    color: #000;
	text-align: center;
}


/* Walls */
.first-image {
    height:  150px;
    width: 200px;
    margin: 15px;
    overflow: hidden;
    /* border-radius: 5px; */
    text-align: center;
    float: left;
}

.first-image img {
    border-radius: 5px;
    height: 150px;
}

.wall-item {
    max-width: 530px;
    display: grid;
    min-width: 45%;
    float: left;
    height: 220px;
    position: relative;
    margin: 10px;
    box-shadow: 0 0 5px #c1c1c1;
    padding: 10px;
    border-radius: 5px;
}

div#carousel-wall {
    display: inline-block;
	width: 100%;
}

.wall-date {
    font-weight: bold;
    margin-top: 5px;
}

.wall-text {
    height: 145px;
    width: 280px;
    overflow: hidden;
    white-space: pre-line;
}
.wall-basic {
    display: block;
    height: 190px;
}

.imges-footer img {
    margin: 3px;
}

.wall-items .imges-footer {
    display: none;
}

a.colorbox-inline.read-wall-post.cboxElement {}

.read-wall-post {
    position: absolute;
    right: 10px;
    bottom: 2px;
    padding: 10px;
    margin: 2px;
    background: #aeadad;
    color: #fff;
    border-radius: 5px;
}

a.read-wall-post:hover {
    background: #6c6d6d;
    color: #ffff;
}
.text-center {
    text-align: center;
}


/* ozyv */


.otzyv-element {
    width: 48%;
    display: inline-block;
    text-align: initial;
    border: 1px solid transparent;
}

.otzyvi.items {
    text-align: center;
}

.photo_100 img {
    width: 100px;
    height: 100px;
    float: left;
    margin: 19px;
    border-radius: 50px;
}

.otzyv-element:hover {
    background: #fff;
    border: 1px solid #e1dddd;
}

.otzyv-element .text {
    height: 100px;
    overflow: hidden;
}

.fio {
    margin-top: 20px;
    font-size: 15px;
    font-weight: bold;
}

.otzyv-element .date {
    font-weight: bold;
    font-size: 12px;
}

.photo_100:after {}

.photo_100:after {
	content: "VK";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    position: absolute;
    bottom: -9px;
    right: 15px;
    background: whitesmoke;
    padding: 12px;
    border-radius: 29px;
}

.photo_100 {
    position: relative;
    width: 138px;
    height: 100px;
    float: left;
}

.otzyv-element:hover .photo_100:after {
    background: #aeadad;
    color: #fff;
    /* border: 1px solid #8c8b8b; */
}

.top_link{
position :relative;
top: -153px;
}

a.url-meta {
    display: none;
}


/*footer*/



section#action {
    background: #5b5a58;
    color: #FFF;
}

section#action .action_item.text-center {
    max-width: 800px;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 27px;
}

section#action .maine_action {
    text-align: center;
    padding: 23px;
}

section#action .action_btn.text-left.sm-text-center {
    max-width: 400px;
    display: inline-block;
}

section#action .action_btn.text-left.sm-text-center a {
    color: #fff;
    background: #000;
    margin: 20px;
    border: 1px solid #9f9696;
    border-radius: 5px;
    box-shadow: 0 0 2px #ccc;
}

section#action .action_btn.text-left.sm-text-center a:hover {
    background: #fff;
    color: #000;
}

.footer.action-lage.bg-black.p-top-80 {
    background: #000;
    color: #797979;
    vertical-align: top;
    padding-bottom: 35px;
}

.footer a {
    color: #8d8989;
}

.footer div#map {
    padding: 40px 0;
    /* margin: 30px 0; */
}

.footer .main_footer {
    text-align: left;
    max-width: 800px;
    display: inline-block;
}

.col-md-3 .p-bottom-30.m-top-80 {
    max-width: 600px;
    display: inline-block;
}

.footer .col-md-1 {
    display: inline-block;
}

.footer .col-md-8 {
    display: inline-block;
    max-width: 600px;
	vertical-align: top;
    padding: 10px 0;
}

.footer .col-md-3 {
    display: inline-block;
    /* max-width: 800px; */
}

.footer img.this-logo-footer {
    width: 95px;
    /* margin-left: 16px; */
}

.footer ul {
    margin: 0px;
    padding: 0px;
}
footer{
	position: relative;
}
.footer:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #5b5a58;
    left: 50%;
    top: 104px;
    z-index: 1;
    margin-left: -15px;
    box-sizing: border-box;
}

span.other {
    padding-top: 9px;
    display: inline-block;
    vertical-align: top;
}

#overlay-input,
#overlay-button{
	display:none;
}
/*product page*/

.product-page .price {
    color: #ffa113;
    font-size: 30px;
    padding: 20px 0;
    min-width: 200px;
    display: block;
}
.product-page img {
    max-width: 100%;
}
.product-page .image {
    max-width: 500px;
    float: left;
    padding: 10px;
}
.product-page .section {
    padding-bottom: 25px;
}



/*news page*/

main.main-article {
    padding-top: 150px;
}

main.main-article h1 {
    font-size: 30px;
}

main.main-article .images-footer {
    margin: 0 auto;
    display: block;
    text-align: center;
    vertical-align: top;
}


main.main-article .images-footer a {
    padding: 15px;
}

.socedi a.next.next-prev {
    position: absolute;
    top: 450px;
    margin-left: 620px;
}
.socedi a.prev.next-prev {
    position: absolute;
    top: 450px;
    margin-left: -670px;
}


main.main-article .wall-body {
    white-space: pre-wrap;
	padding: 10px;
}

.socedi {
    position: absolute;
    display: block;
    left: 50%;
    height: 50px;
    top: 0;
}



.socedi a.next-prev {
    font-size: 31px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #7a7171;
    border-radius: 5px;
    border: 1px solid #d6d5d5;
    padding-top: 15px;
}


/**/

.navbar input[type=checkbox] {
	  display: none;
}

.buythis {
	display:none;
	opacity: 0;
	transition: 9s;	
}

.buythis a {
    width: 150px;
    display: block;
    position: relative;
    font-weight: bold;
    text-align: center;
    vertical-align: text-top;
    padding: 15px;
    background: #6f6f6f;
    border-radius: 10px 10px;
    color: #e9dfdf;
    box-shadow: 0 0 10px #ccc;
}

.buythis a:hover {
    color: #fff;
    transition: 1s;
    box-shadow: 0 0 5px #fff;
}
.news .footer,
.product-page .footer {
    padding-top: 25px;
}

.product-page .footer:before {
	display:none;
}

.news .footer:before {
	display:none;
}

/*
input[type=checkbox]:checked ~ #overlay-button {
  &:hover span, span{
	background: transparent;
  }
  span {
	&:before {
	  transform: rotate(45deg) translate(7px, 7px);
	  opacity: 1;
	}
	&:after {
	  transform: rotate(-45deg) translate(7px, -7px);
	}
  }
}
*/


  
/*
#overlay {

  &.active {
	visibility: visible;
  }
  ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	height: 100vh;
	padding-left: 0;
	list-style-type: none;
	li {
	  padding: 1em;
	  a {
		color: black;
		text-decoration: none;
		font-size: 1.5em;
		&:hover {
		  color: #333332;
		}
	  }
	}
  }
}

*/

section#adv-section {
    height: 90px;
    z-index: 105;
    display: block;
    min-width: 1000px;
    margin: 15px auto 0 auto;
}



@media (max-width: 450px){
	section#product-section .prodelement {
		margin: 10px auto;
	}
	.otzyv-element {
		width: 100%;
	}

	.wall-item{
		height: auto;
	}
	.wall-basic {
		height: auto;
	}
	.first-image {
		text-align: center;
		float: none; 
	}	
	.read-wall-post {
		position: relative;
		margin: 10px;
		display: inline-block;
	}	
	#features img.logo-200 {
		float: none;
		padding: 0 10px 10px 5px;
	}	
	section#action .btn {
		padding: 0;
	}
	section#action .action_btn.text-left.sm-text-center a {
		background: transparent; 
		margin: 0; 
		border: 0px; 
		box-shadow: 0 0 2px transparent; 
	}	
	
	.product-page  .description {
		width: 320px;
		display: block;
	}
	.product-page .image {
		float: none;
		max-width: 200px;
	}
	.product-page  .btn {
		padding: 10px;
	}


	
}





@media (max-width: 870px){
	.product-page .image {
		float: none;
		max-width: 350px;
	}
}



	
@media (max-width: 1100px){

	
	.socedi a.next.next-prev {
		position: relative;
		top: 0;
		margin-left: 0;
	}
	.socedi a.prev.next-prev {
		position: relative;
		top: 0;
		margin-left: 0;
	}
	
	.socedi {

		position: relative; 
		display: block;
		left: 0; 
		height: 50px;
		top: 0;
		margin: 0 auto;
		width: 110px;
		margin-top: 19px;
		margin-bottom: 25px;
	}


	.top_link{
		position :relative;
		top: -95px;
	}
	.hello_slid h1.text-white {
		font-size: 38px;
	}	


	#features .description {
		margin:  10px;
	}
	.container {
		padding: 0 7px;
	}
	.wall-item {
		max-width: 10000px;
		display: inline-block;
		width: 90%;	
	}
	.wall-text {
		height: 134px;
		width: auto;
		overflow: hidden;
		white-space: pre-line;
	}	
	.footer:before {
		display:none;
	}

	body .home {
		padding-top: 180px;
		padding-bottom: 140px;
		width: 100%;
	}

	header ul.nav.navbar-nav.navbar-right li a:hover {
		background: #ccc0;
		color: #fff0;
		transition: 0.1s;
	}
	
	header ul.nav.navbar-nav.navbar-right li {
		display: block;
		width: 100%;
		text-align: center;
		padding: 10px;
		margin: 10px;
	}

	div#overlay {
		top: 0px;
		left: -38px;
		opacity: 0.97;
		box-shadow: 0 0 5px #ccc;
	}
	
	#overlay {
	  height: 100vh;
	  width: 100vw;
	  background: #ffffff;
	  z-index: 2;
	  visibility: hidden;
	  position: fixed;
	}
	
	header a.navbar-brand img {
		top: 15px;
		left: -20px;
		position: relative;
	}

	header .navbar-header{
		height: auto;
		max-height: 45px;
	}
	header nav.navbar.navbar-default.bootsnav.navbar-fixed {
		display: inline-block;
		width: 100%;
		text-align: right;
		vertical-align: top;
		height: 0px;
		padding-top: 0px;
	}

	.vcard {
		display: none;
	}	
	
	#overlay-button{
		display:block;
	}


	header .navbar-header{
		width:100%;
		text-align: center;

	}
	a.navbar-brand {
		top: 20px;
		position: relative;
	}	

	input[type=checkbox] {
	  display: none;
	}

	input[type=checkbox]:checked ~ #overlay {
	  visibility: visible;
	}
	/*
	input[type=checkbox]:checked ~ #overlay-button:hover span, span {

		background: transparent;
	}
	input[type=checkbox]:checked ~ #overlay-button span:before{
		  transform: rotate(45deg) translate(7px, 7px);
		  opacity: 1;
	}

	input[type=checkbox]:checked ~ #overlay-button span:after{
		  transform: rotate(-45deg) translate(7px, -7px);
	}
	*/
	
	#overlay-button.transfer span:hover span, span {
		 background: transparent;
	}	

	#overlay-button.transfer span{
		 background-color: transparent;
	}

	
	#overlay-button.transfer span:before{
		 transform: rotate(45deg) translate(7px, 7px);
	}	
	
	#overlay-button.transfer span:after{
		 transform: rotate(-45deg) translate(7px, -7px);
	}
	
	



	#overlay.active {
		visibility: visible;
	  }
	#overlay    ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		/*height: 100vh;*/
		padding-left: 0;
		list-style-type: none;
	}	
	#overlay    ul  li{
		padding: 1em;
	}

	#overlay    ul  li a{
		color: black;
		text-decoration: none;
	}

	#overlay    ul  li a:hover{
		color: #ccc0;
		text-decoration: none;
	}
	/*

	*/

	@keyframes bugfix { from {padding:0;} to {padding:0;}}
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;}}

	#overlay-button {
	  position: absolute;
	  left: 2em;
	  top: 3em;
	  z-index: 5;
	  cursor: pointer;
	  user-select: none;
	 }

	#overlay-button span{
		  height: 4px;
		  width: 35px;
		  border-radius: 2px;
		  background-color: black;
		  position: relative;
		  display: block;
		  transition: all .2s ease-in-out;
	}

	#overlay-button span:before{
			top: -10px;
			visibility: visible;
	}

	#overlay-button span:after{
			top: 10px;
	}
	#overlay-button span:before, #overlay-button span:after{
			  height: 4px;
			  width: 35px;
			  border-radius: 2px;
			  background-color: black;
			  position: absolute;
			  content: "";
			  transition: all .2s ease-in-out;
			  left: 0;
	}
	/*#overlay-button:hover span,*/
	#overlay-button:hover span:before,
	#overlay-button:hover span:after{
		 background: #333332;
	}

		

}