/*----------------------------------MAIN BODY STYLE----------------------------------*/
*{padding: 0px;	margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: 'Lato', sans-serif;font-size: 14px; color: #000; background-color: #fff; -webkit-animation: bugfix infinite 1s; position: relative;}
a{outline: none; text-decoration: none; color: #000;}
a:hover{text-decoration: underline;}
a img{outline:none; border: none;}

#wrapper{width: 100%; height: auto; overflow: hidden; position: relative;}
#wrapper h1 {font-size: 50px; font-weight: bold; text-align: center; position: relative; margin-top: 40px; color: #583d33;}
#wrapper img.portal-shoe {text-align: center; margin: 50px auto; left: 41%; position: relative}
.new-line{display: block;}
.cf:before,
.cf:after{content: " "; display: table;}
.cf:after{clear: both;}
.cf{*zoom: 1;} 
.h1, .h1 a {
    color: #ccc;
    line-height: 49px;
    font-style: italic;
    font-size: 45px;
    margin-bottom: 30px;
    font-weight: 400;
}
.errorText {border: 1px solid red!important; color: #fff!important}
.errorBackground {background: #F37577!important; color: #fff!important}
.errorBorder {border: 2px solid #F37577!important;}
.inner{max-width: 1200px; position: relative;}
.description {float: left; width: 100%; margin: 20px 0 30px 0}
.description .article_number {float: left;}
li{list-style: none;}
button:hover{ cursor:pointer;}
.submit:hover{ cursor:pointer;}
.float-left{float: left !important;}
.displayNone{display:none;}
.visibiltyTrue{visibility: visible !important;}
.nomarginRight{margin-right:0 !important;}
.nopaddingbottom{padding-bottom:0 !important;}
.mobile-nav-button{display:none;}
.mobile-nav-button span{display:none;}
.mobile-nav{display:none;}
.mobile-nav-overlay{display:none;}
/*----------------------------------
	HEADER STYLES
	---------------------------------------------------------------------------------*/
.site-header{width: 100%; height: auto; position: relative; top:0; z-index: 9;}

.site-header .header-top{width: 100%; position: relative;padding-bottom: 20px; background:#583d33; padding:15px 0 20px 0; font-size: 16px; line-height: 40px;}
.site-header .header-top .home{float:left;}
.site-header .header-top .home img{vertical-align: -1px; margin-right: 10px;}
.site-header .header-top .home a{color:#b0b0b0;}
.site-header .header-top .social{float:right;}
.site-header .header-top .social ul li{display: inline-block;}
.site-header .header-top .social ul li:last-child{margin-left: 12px;}
.site-header .header-top .social img{vertical-align: -1px; margin-right: 5px;}
.site-header .header-top .contact{float:right;}
.site-header .header-top .contact ul li{display: inline-block; margin-right: 40px;}
.site-header .header-top .contact img{vertical-align: -1px; margin-right: 5px;}
.site-header .header-top .contact a{color:#b0b0b0;}

.site-header .header-second{ width: 100%; height:auto; background:#ededed; padding:10px;}
.site-header .header-second .site-logo{float:left;width: 100px; height:100px; background: url(/mvc/public/frontend/images/site-logo.png) no-repeat center center; background-size: contain;}
.site-header .header-second .site-logo a{display: block; width:100%; height:100%;}

.winkelwagen{float:right; margin-left: 30px;}
.winkelwagen .button{position: relative; margin-right: 13px; border-radius: 4px; width:40px; height:40px; background:url(/mvc/public/frontend/images/winkelwagen-icon.png) center center no-repeat #7d674f; display: inline-block; vertical-align: middle;}
.winkelwagen .button .number{top:-7px; text-align: center;right:-7px;position: absolute; background:#009640; color:#fff; border-radius: 50%; width:20px; height:20px; font-size: 12px; padding-top:3px;
    line-height: initial;}
.winkelwagen a{color:#000; text-decoration: none;}
.site-header .header-second .catalogus{margin-top:15px; margin-left: 30px;float:right; background:#55adc4; border-radius: 4px; height:40px; width:125px; text-align: center;}
.site-header .header-second .catalogus a{display: inline-block; width:100%; height:100%; font-size: 16px; color:#fff; text-decoration: none; padding-top:10px;}
.site-header .header-second .catalogus a img{vertical-align: middle; margin-left:  10px;}
.inloggen{margin:0 0 0 15px; float:left; cursor:pointer}
.inloggen .button{margin-right: 13px; border-radius: 4px; width:25px; height:25px; background:url(/mvc/public/frontend/images/person-icon.png) center center no-repeat #7d674f; display: inline-block; vertical-align: middle;}
.inloggen span{color:#fff; text-decoration: none;}


.site-header .header-third{ width: 100%; height:auto; padding:26px 0 25px 0;}
.site-header .header-third ul.site-nav li{display: inline-block; margin-right: 68px; position: relative; padding-bottom: 5px;}
.site-header .header-third ul.site-nav li:last-child{margin-right:0;}
.site-header .header-third ul.site-nav li a{font-size: 16px; color:#000; text-transform: uppercase;text-decoration: none;}
.site-header .header-third ul.site-nav li.active a{color:#000; }
.site-header .header-third ul.site-nav li.active::after{content:""; position: absolute; top:100%;left:0; width:100%; height:2px; background:#cca06e;}
.site-header .header-third ul.site-nav li:hover::after{content:""; position: absolute; top:100%;left:0; width:100%; height:2px; background:#cca06e;}
.site-header .header-third ul.site-nav li:hover a{color:#000;}
/*----------------------------------
	SITE MAIN STYLES
	---------------------------------------------------------------------------------*/
.site-main{width: 100%; height: auto; position: relative;}
.site-main.nobefore::before{display: none;}
.site-main::before{content:""; position: absolute; height:100%; width:1px; background:#c3c3c3; left:0; right:0; top:0; margin:0 auto;}
.site-main.shoppingcart::before {display: none}
.site-main.index{background:#ededed;}
.site-main .catalogus{width:100%; height:auto; padding:60px 0 55px 0;}
.site-main .catalogus ul{overflow: hidden;}
.site-main .catalogus ul li{display: inline-block;width:25%; vertical-align: middle; float:left;}
.site-main .catalogus ul li img{width:96%;}
.site-main .catalogus .button{margin-top:50px; background:#55adc4; width:250px; height:60px; text-align: center; border-radius: 8px;-webkit-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);}
.site-main .catalogus .button a{display: block; width:100%; height:100%; color:#fff; font-size: 25px; padding-top:13px; text-decoration: none;}
.site-main .catalogus .button a img{margin-left: 15px; vertical-align: middle;}

.site-main .infoblock{width:100%; height:auto; margin-bottom: 50px;}
.site-main .infoblock .wrap{overflow: hidden; border:1px solid #c3c3c3;}
.site-main .infoblock .text{float:left; background:#fff; width:75%; padding:50px 30px 70px 45px; }
.site-main .infoblock .text h1{font-size: 45px; color:#583d33; font-style: italic; margin-bottom: 35px;}
.site-main .infoblock .text p{line-height: 28px; font-weight: 300; font-size: 18px;}
.site-main .infoblock .image{float:right; width:25%; background:#dfdfdf; text-align: center;}
.site-main .infoblock .image img{width:100%;}
.site-main .infoblock .image .button{ width:200px; margin-top:-25px; height:45px; background:#583d33; border-radius: 7px; -webkit-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);}
.site-main .infoblock .image .button a{display: block; width:100%; height:100%; text-align: left;font-size: 20px; padding: 10px 23px 0 25px; color:#fff; text-decoration: none;}
.site-main .infoblock .image .button a img{float:right; margin-top:8px; width:auto;}

.site-main .service{width:100%; height:auto; padding-bottom: 50px;}
.site-main .service .wrap{overflow: hidden; border:1px solid #c3c3c3;}
.site-main .service .wrap .block{float:left; width:25%; background-color:#fff; padding:24px 30px 30px 30px; background-size: cover; background-position: center center; position: relative; height: 400px;}
.site-main .service .wrap .block h4{color:#583d33; line-height: 40px; font-weight: 400;font-size: 36px; font-style: italic; margin-bottom: 10px;}
.site-main .service .wrap .block p{color:#b1b1b1; font-weight: 300; font-style: italic; font-size: 17px; line-height: 25px;}
.site-main .service .wrap .block form{margin-top:40px;}
.site-main .service .wrap .block form input.text{font-family: 'Lato', sans-serif;width:100%; font-size: 18px;height:44px; margin-bottom: 12px; color:#b0b0b0; background:#f5f5f5;line-height: 44px; border:none;padding-left:20px;-webkit-box-shadow: inset 1px 1px 2px 2px rgba(0,0,0,0.22);-moz-box-shadow: inset 1px 1px 2px 2px rgba(0,0,0,0.22);box-shadow: inset 1px 1px 2px 2px rgba(0,0,0,0.22);}
.site-main .service .wrap .block form .submit{border:none; background:#583d33; border-radius: 8px; color:#fff; font-size: 22px; font-family: 'Lato', sans-serif; text-align: left; padding-left: 20px; height:52px; width:100%; line-height: 49px;}
.site-main .service .wrap .block form .buttonwrap{position: relative; margin-top:15px;}
.site-main .service .wrap .block form .buttonwrap::after{content:""; position: absolute; right:20px; top:17px; background:url(/mvc/public/frontend/images/arrow-right-big.png) center center no-repeat; width:11px; height:17px;}
.site-main .service .wrap .block.img .button{position: absolute; bottom:30px; right:20px; left:20px;height:52px; background:#fff; border-radius: 7px; -webkit-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.75);}
.site-main .service .wrap .block.img .button::before{content:""; position: absolute; bottom:80%; left:30%;width:39px; height:51px; background:url(/mvc/public/frontend/images/point.png) center center no-repeat;}
.site-main .service .wrap .block.img .button a{display: block; width:100%; height:100%; text-align: left;font-size: 20px; padding: 14px 23px 0 25px; color:#000; text-decoration: none;}
.site-main .service .wrap .block.img .button a img{float:right; margin-top:5px; width:auto;}
.site-main .service .wrap .block.list{ padding: 50px 0 0 45px;}
.site-main .service .wrap .block.list ul li{width:100%; margin-bottom: 65px; overflow: hidden;}
.site-main .service .wrap .block.list ul li .image{width:70px; display: inline-block; vertical-align: 5px;}
.site-main .service .wrap .block.list ul li .text{display: inline-block;width:150px; font-size: 20px; font-style: italic; font-weight: 300; line-height: 30px;}
.site-main .service .wrap .block.list ul li:last-child{margin-bottom: 0;}
.site-main .service .wrap .block.contact .info{padding:22px 20px; position: absolute; left: 20px; right:20px; bottom:30px; border-radius: 8px; background:rgba(255,255,255, 0.6);}
.site-main .service .wrap .block.contact .info h5{font-size: 22px; line-height: 24px; color:#000; font-weight: 400;}
.site-main .service .wrap .block.contact .info ul li{line-height: 23px; font-size: 15px; font-size: 15px;}

/* -----------------------volgpagina_01.html----------- */
.site-header.type2{position: relative;}
.site-header.type2 .header-third{background-color: #55adc4;}

.site-main .filters{width:100%; height:auto; padding:45px 0; background:#fff; position: relative; z-index: 9;}
.site-main .filters .select-style { margin-right: 80px;float:left;border: none;width: 345px;height:47px;border-radius: 5px;overflow: hidden;background: #e5e5e5 url("/mvc/public/frontend/images/arrow-down.png") no-repeat 95% 50%;}
.site-main .filters .select-style.nomargin{margin-right: 0;}
.site-main .filters .select-style select {font-family: 'Lato', sans-serif;padding: 12px 20px;font-size: 20px; font-weight: 700;color:#676767;width: 105%;border: none;box-shadow: none;background: transparent;background-image: none;-webkit-appearance: none;}
.site-main .filters .select-style select:focus {outline: none;}
.site-main .filters .select-style select option {width: 100px}

.site-main .schoenen{width:100%; background:#fff; position: relative; z-index: 9;}
.site-main .schoenen .row{width:100%; height:auto; position: relative; padding-bottom: 40px;}
.site-main .schoenen .row::after{content:""; position:  absolute; background: url(/mvc/public/frontend/images/dotsline.png)center center; width:1252px; height:26px; bottom:25px; left:0; right:0; margin:0 auto;}
.site-main .schoenen .row.noafter::after{display: none;}
.site-main .schoenen .row .shoe{width:21%; float:left; padding-bottom: 35px; margin-right:  4.25%; position: relative;}
.site-main .schoenen .row .shoe .sale{position: absolute;width:73px; height:73px; text-align: center;color:#fff; top:-15px; right:-15px; background:#ff7800; border-radius: 50%; font-size: 28px; font-weight: 700; text-transform: uppercase; padding-top:20px;}
.site-main .schoenen .row .shoe .image {float: left;}
.site-main .schoenen .row .shoe:nth-child(4n){margin-right: 0;}
.site-main .schoenen .row .shoe img{width:100%; margin-bottom: 15px;}
.site-main .schoenen .row .shoe .description h3{font-size: 25px; font-weight: 400; color:#cca06e; font-style: italic; margin-bottom: 20px;}
.site-main .schoenen .row .shoe .description ul li{line-height: 24px; font-size: 16px; font-weight: 300; position: relative;padding-left: 20px;}
.site-main .schoenen .row .shoe .description ul li::before{content:""; position: absolute; left:0; top:8px; width:11px; height:11px; background:url(/mvc/public/frontend/images/check.png) center center no-repeat;}
.site-main .schoenen .row .shoe .description .price {margin-top:30px; float:left;}
.site-main .schoenen .row .shoe .description .price h4{font-size: 40px; font-weight: 400; float:left;}
.site-main .schoenen .row .shoe .description .price .voorraad{margin-left: 25px;float:left; color:#00a03c; font-size: 16px; font-style: italic; position: relative; padding-left: 15px;}
.site-main .schoenen .row .shoe .description .price .voorraad::before{content:""; position: absolute; left:0; top:5px; width:11px; height:11px; background:url(/mvc/public/frontend/images/check-green.png) center center no-repeat;}
.site-main .schoenen .row .shoe .description .buttons {width:100%; float:left; margin-top:20px;}
.site-main .schoenen .row .shoe .description .buttons .button{float:left; width:140px; height:33px; background:#cca06e; border-radius: 7px; -webkit-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);}
.site-main .schoenen .row .shoe .description .buttons .button a{display: block; width:100%; height:100%; text-align: left;font-size: 17px; padding: 6px 23px 0 25px; color:#fff; text-decoration: none;}
.site-main .schoenen .row .shoe .description .buttons .button a img{float:right; margin-top:5px; width:auto;}
.site-main .schoenen .row .shoe .description .buttons .winkelwagen{float:right;}
.site-main .schoenen .row .shoe .description .buttons .winkelwagen .button{float:right; border-radius: 4px; width:66px; height:35px; background:url(/mvc/public/frontend/images/winkelwagen-icon.png) center center no-repeat #000;-webkit-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);}
.site-main .service.type2{background:#ededed; padding:45px 0; margin-bottom: 0;}


/* -----------------------volgpagina_02.html----------- */
.site-main .breadcrums{width:100%; overflow: none; padding:15px 0; background:#fff; position: relative; z-index: 9;}
.site-main .breadcrums ul.crums{float:left;}
.site-main .breadcrums ul.crums li{display: inline-block; padding:0 15px; position: relative;}
.site-main .breadcrums ul.crums li::after{content:""; position:  absolute; right:0; top: 6px;  background:url(/mvc/public/frontend/images/breadcrumsarrow.png) center center no-repeat; width:6px; height:6px;}
.site-main .breadcrums ul.crums li:last-child::after{display: none;}
.site-main .breadcrums ul.crums li a{font-size: 14px;}
.site-main .breadcrums .back{float:right; width:auto !important; padding:0 !important;}

.site-main .shoesingle{width:100%; height:auto; background:#fff; position: relative; z-index: 9;}
.site-main .shoesingle .left{float:left; width: 68.75%; }

.site-main .shoesingle .left .gallery-wrap{float:left; width:100%; padding:10px 0 0px 0;}
.site-main .shoesingle .left .gallery-wrap .gallery{float:left; width:100%; position: relative;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails{	float:left;width:  13.5757575757%; font-weight: 0; text-align: center; margin-top:-10px;}
.site-main .shoesingle .left #my-thumbs-list{height:550px; overflow: hidden; width: 100%; padding: 50px 0px;}
.mTSButtonIconContainer {margin-left: 5px;}
.mTS-buttons-out {background: #fff !important;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnailwrapper{float:left; }
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnailwrapper:last-child{margin-right:0;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails img {display:block;width:100%; float:left; max-width: 100%; max-height: 100%; padding: 4px;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails img:hover{cursor:pointer;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails img:last-child{margin-right: 0;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails img.arrow{width:initial; height:initial; border:none; margin-left: 38%;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails img.arrow:first-child{margin-bottom: 35px;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails img.arrow:last-child{margin-top: 35px;}
.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails li{width:100%; height:80px;border: 1px solid #bdbdbd; border-radius: 8px; background-size: cover; background-position: center center; text-align: center; margin-bottom: 10px;}
.site-main .shoesingle .left .gallery-wrap .gallery .preview {width: 80.242424242%; float:right; font-size: 0; position: relative; padding-top:50px;}
.site-main .shoesingle .left .gallery-wrap .gallery .preview .sale{position: absolute; left:0px; top:0;  color:#fff; text-transform: uppercase; font-size: 20px; font-weight: 800; background:#e88a01; border-radius: 2px; padding:10px;}
.site-main .shoesingle .left .gallery-wrap .gallery .preview img {width: 100%;max-height:450px;}

.site-main .shoesingle .left .gallery-wrap .bx-controls-direction{display: block; max-width: 1318px; width:100%;top:0; position: absolute; margin-left: auto; margin-right: auto; left:0; right:0; font-size:0; top:40%;}
.site-main .shoesingle .left .gallery-wrap .bx-controls-direction .bx-prev{float:left; background: url('/mvc/public/frontend/images/sliderprev.png') red center center no-repeat; background-size: cover; width:59px; height:59px;}
.site-main .shoesingle .left .gallery-wrap .bx-controls-direction .bx-next{float:right; background: url('/mvc/public/frontend/images/slidernext.png') red center center no-repeat; background-size: cover; width:59px; height:59px;}

.site-main .shoesingle .delivery_time {float: left; padding: 5px 0 5px 10px;}



.site-main .shoesingle .left .tabs-wrap{margin-top:35px; margin-bottom: 50px;}
.site-main .shoesingle .left .tabs-wrap .tabs-info-wrapper{float:left;}
.site-main .shoesingle .left .tabs-wrap .tabs-info-wrapper .tabs.cf::before{display: none;}
.site-main .shoesingle .left .tabs-wrap .info-tabs{position:relative;width:100%; height:auto;float:left;}
.site-main .shoesingle .left .tabs-wrap .info-tabs p{ float:left; padding-top: 10px;font-size:15px; font-weight:300; line-height: 25px;float:left;}
.site-main .shoesingle .left .tabs-wrap .tabs{width: 100%;  float:left;position: relative; margin-top:0px;}
.site-main .shoesingle .left .tabs-wrap .tabs ul.tabs{ clear:both; float:left;}
.site-main .shoesingle .left .tabs-wrap ul.tabs li{text-transform: uppercase;border-top-left-radius: 3px; border-top-right-radius: 3px;cursor:pointer; float:left;  margin-right: 1px;text-align: center; display:inline-block; font-size:17px; padding:15px 30px; font-weight: 400; color:#cacaca; }
.site-main .shoesingle .left .tabs-wrap ul.tabs li.active{color:#cca06e; font-weight: 600; border-top-left-radius: 8px; border-top-right-radius: 8px; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom: 1px solid #fff; margin-bottom: -1px; background:#fff; position: relative; z-index: 9;}
.site-main .shoesingle .left .tabs-wrap ul.tabs li:last-child{margin-right:0;}
.site-main .shoesingle .left .tabs-wrap .tabs table{float:left; clear:both;}
.site-main .shoesingle .left .tabs-wrap .tab_container{float:left; width:100%; background:#fff; padding-bottom: 0px;margin-top:-2px; position:relative;}
.site-main .shoesingle .left .tabs-wrap .tab_container::before{content:""; position: absolute; left:-13px; top:-10px; width:26px; height:26px; background:url(/mvc/public/frontend/images/circle.png)center center no-repeat; z-index: 10;}
.site-main .shoesingle .left .tabs-wrap .tab_container::after{content:""; position: absolute; left:-13px; bottom:37px; width:26px; height:26px; background:url(/mvc/public/frontend/images/circle.png)center center no-repeat; z-index: 10;}
.site-main .shoesingle .left .tabs-wrap .tab-inner{margin-bottom: 50px;padding:35px; font-size: 15px; overflow: hidden; padding-bottom: 0; border: 1px solid #99afc1; border-radius: 5px; margin-top:2px; border-top-left-radius:0; border-left:none;}
.site-main .shoesingle .left .tabs-wrap .tab-inner p{padding:0; color:#000; font-weight: 400; font-size: 17px; margin-bottom: 35px;}

.site-main .shoesingle .asside-right{float:right; width: 28%; padding-top:30px;}
.site-main .shoesingle .asside-right .description{overflow: hidden;}
.site-main .shoesingle .asside-right .description .article_number {font-size: 16px; font-weight: 600;}
.site-main .shoesingle .asside-right .description h3{font-size: 32px; font-weight: 400; color:#cca06e; font-style: italic; margin-bottom: 20px;}
.site-main .shoesingle .asside-right .description ul li{line-height: 24px; font-size: 16px; font-weight: 300; position: relative;padding-left: 20px;}
.site-main .shoesingle .asside-right .description ul li::before{content:""; position: absolute; left:0; top:8px; width:11px; height:11px; background:url(/mvc/public/frontend/images/check.png) center center no-repeat;}
.site-main .shoesingle .asside-right .description .price {margin-top:30px; float:left;}
.site-main .shoesingle .asside-right .description .price h4{font-size: 40px; font-weight: 400; float:left;}
.site-main .shoesingle .asside-right .description .price .voorraad{margin-left: 25px;float:left; color:#00a03c; font-size: 16px; font-style: italic; position: relative; padding-left: 15px;}
.site-main .shoesingle .asside-right .description .price .voorraad::before{content:""; position: absolute; left:0; top:5px; width:11px; height:11px; background:url(/mvc/public/frontend/images/check-green.png) center center no-repeat;}
.site-main .shoesingle .asside-right .margin-top{float:right; width:100%; margin-top:25px;}
.site-main .shoesingle .asside-right .select-style {border: none;width: 100% ;height:47px;border-radius: 5px;overflow: hidden;background: #e5e5e5 url("/mvc/public/frontend/images/arrow-down.png") no-repeat 95% 50%; margin-bottom: 10px}
.site-main .shoesingle .asside-right .select-style.nomargin{margin-right: 0;}
.site-main .shoesingle .asside-right .select-style select { font-family: 'Lato', sans-serif;padding: 12px 30px;font-size: 20px; font-weight: 600;color:#676767;width: 130%;border: none;box-shadow: none;background: transparent;background-image: none;-webkit-appearance: none;}
.site-main .shoesingle .asside-right .select-style select:focus {outline: none;}
.site-main .shoesingle .asside-right input.number{margin-top:10px;border-radius: 5px; border:1px solid #c2c1c2;width:55px; height:50px; text-align: center;  padding-left: 18px; font-size: 19px; font-weight: 300;}
.site-main .shoesingle .asside-right .buttonwrap{position: relative; margin-top:10px; float:right;}
.site-main .shoesingle .asside-right .buttonwrap::after{content:""; position: absolute; right:20px; top:17px; background:url(/mvc/public/frontend/images/shoppingcart.png) center center no-repeat; width:22px; height:18px; }
.site-main .shoesingle .asside-right .buttonwrap .btn-shoppingcart{border:none; cursor: pointer; background:#cca06e;text-transform: uppercase; float: right; border-radius: 8px; color:#fff; font-size: 22px; font-family: 'Lato', sans-serif; text-align: left; padding-left: 20px;height:50px; line-height:50px; width:269px;  -webkit-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);}
.site-main .shoesingle .asside-right .buttonwrap .btn-shoppingcart:hover {text-decoration: none;}
.site-main .shoesingle .asside-right .usps{width:100%;margin-top:30px;float:right; overflow: hidden; background:#f2f2f2; border-radius: 9px; padding:15px 20px; margin-bottom: 45px;}
.site-main .shoesingle .asside-right .usps .left{width:50%; float:left; border-right: 1px solid #c2c2c2;}
.site-main .shoesingle .asside-right .usps .right{width:50%; float:right; padding-left: 20px;}
.site-main .shoesingle .asside-right .usps ul li, .tab_container li{padding-left: 13px; line-height: 25px; position: relative; font-size: 15px;}
.site-main .shoesingle .asside-right .usps ul li::before, .tab_container li::before{content:"•"; position:  absolute;left:0; top:0px; color:#cca06e;}
.site-main .shoesingle .asside-right .bijproducten{width:100%; float:right; border-radius: 8px; border:1px solid #d9d9d9; padding:20px 0 30px 40px; position: relative;}
.site-main .shoesingle .asside-right .bijproducten::after{content:""; position: absolute; right:-13px; bottom:-13px; width:26px; height:458px; background: url(/mvc/public/frontend/images/dotlinevertical.png) center center no-repeat;}
.site-main .shoesingle .asside-right .bijproducten h4{color:#cca06e; text-transform: uppercase; font-weight: 700; font-size: 17px; text-align: center; margin-bottom: 40px;}
.site-main .shoesingle .asside-right .bijproducten .button{margin-top:5px; float:right;width:150px; height:33px; background:#cca06e; border-radius: 7px;   -webkit-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);box-shadow: 0px 0px 49px -7px rgba(0,0,0,0.3);}
.site-main .shoesingle .asside-right .bijproducten .button a{display: block; width:100%; height:100%; font-size: 17px; padding: 6px 23px 0 25px; color:#fff; text-decoration: none;}
.site-main .shoesingle .asside-right .bijproducten .button a img{float:right; margin-top:6px;}
.site-main .shoesingle .asside-right .bijproducten span{display: inline-block;float:left; font-size: 20px; font-weight: 300; margin-top:10px;}
.site-main .shoesingle .asside-right .bijproducten .item{margin-bottom: 50px; width:100%; float:right; position: relative; z-index: 9;}
.site-main .shoesingle .asside-right .bijproducten .item.nomargin{margin:0;}

.back{width:100%; text-align: right; padding:30px 0;background:#fff; position: relative; z-index: 1;}
.back a{font-size: 14px;}
.site-main .infoblock.type2 .text{width: 72%; padding-right: 45px;}
.site-main .infoblock.type2 .image{width: 28%;}
.site-main .infoblock.type2 .image img{width:87%;}
.site-main .infoblock.type2 .image .button{margin-bottom: 25px;}

/* -----------------------volgpagina_03.html----------- */
.site-main .textblockfullwidth{width:100%; float: left; height:auto; text-align: center; padding:10px 0; background:#fff; z-index: 5; position: relative;}
.site-main .textblockfullwidth h1, .site-main .textblockfullwidth h2, .site-main .textblockfullwidth h3{color:#583d33; line-height: 49px; font-style: italic; font-size: 45px;margin-bottom: 30px; font-weight: 400; display: inline-block }
.site-main .textblockfullwidth h2 {font-size: 36px;}
.site-main .textblockfullwidth p{line-height: 28px; font-size: 18px; font-weight: 300; margin-bottom: 25px;}

.site-main .one-halves{width:100%; float: left; height:auto; z-index: 9; position: relative; background:#fff;}
.site-main .one-halves h1, .site-main .one-halves h2, .site-main .one-halves h3{color:#583d33; line-height: 49px; font-style: italic; font-size: 45px;margin-bottom: 20px; font-weight: 400;}
.site-main .one-halves h2 {font-size: 36px;}
.site-main .one-halves p{line-height: 28px; font-size: 18px; font-weight: 300; padding: 0 0 25px 0}
.site-main .one-halves .left{float:left; width:50%; position: relative;padding:100px 60px 50px 0;}
.site-main .one-halves .left::before{content:""; position: absolute; right:100%; top:0; bottom:0; width:2000px; background:inherit;}
.site-main .one-halves .right{float:right; width:50%; position: relative; background:#f6f6f6; padding-bottom: 50px; padding-top:30px;}
.site-main .one-halves .right.dealers {padding: 80px 0 0 0; height: 470px;}
.site-main .one-halves .right.dealers::after { height: 468px}
.site-main .one-halves .right.dealers input {padding: 10px 25px 10px 25px; margin: 0 0 25px 25px;}
.site-main .one-halves .right.dealers button {padding: 10px 25px 10px 25px; margin: 0 0 25px 25px;}
.site-main .one-halves .right::after{content:""; position: absolute; left:100%; top:0; bottom:0; width:2000px; background:inherit;}
.site-main .one-halves .right img{width:100%;}
.site-main .one-halves .right .caption{margin-left: 55px;line-height: 28px; font-size: 18px; font-weight: 300; font-style: italic; position: relative; padding-left: 15px; padding-right: 25px;}
.site-main .one-halves .right .caption::before{content:"•"; position:  absolute; left:0; top:0px; }

.site-main .bgimage-text{width:100%; height:auto; background-color:#000; background-position: center center; background-repeat: no-repeat; z-index: 9; position: relative;}
.site-main .bgimage-text .text{float:right; width: 50%; padding-left:50px; padding: 80px 0 100px 0px;}
.site-main .bgimage-text .text h3{color:#cca06e; line-height: 49px; font-style: italic; font-size: 45px;margin-bottom: 20px; font-weight: 400;}
.site-main .bgimage-text p{line-height: 28px; font-size: 18px; font-weight: 300;color:#fff;}

.site-main .one-halves.swap .left{float:right; background:#f6f6f6; padding-left: 50px; padding-right: 0;}
.site-main .one-halves.swap .left::before{left:100%; right:auto;}
.site-main .one-halves.swap .right{float:left;  background:#e5e5e5; }
.site-main .one-halves.swap .right::after{right:100%; left:auto;}

.site-main .bgimage-text.right .text{float:left; padding-left: 0; padding-right: 50px;}
.site-main .contact.left {width: 50%; float: left;}
.site-main .textblockfullwidth.contact-div {text-align: left;}
.site-main .textblockfullwidth.contact-div .contactgegevens h4{ color: #cca06e; line-height: 49px; font-style: italic; font-size: 45px; margin-bottom: 30px; font-weight: 400;}
.site-main .contact.right {width: 50%; float: left; }
.site-main .contact.right.klantenservice {padding: 0 0 0 30px;}
#maps {width: 100%; height: 400px;}
/*----------------------------------
	SLIDER STYLES
	---------------------------------------------------------------------------------*/
.slider-wrapper{width: 100%; height: auto; position: relative;margin-top:160px; background:#000;}
.slider-wrapper::after{content:""; position: absolute; bottom:0; left:0; right:0; margin:0 auto; width:89px; height:72px; z-index: 9; background:url(/mvc/public/frontend/images/circlebefore.png);}
.slider-wrapper .textarea{float:left; width:410px; margin-top:180px;}
.slider-wrapper .textarea .slider_title{font-size: 51px; line-height: 60px; text-transform: uppercase; color:#fff; font-weight: 400;}
.slider-wrapper .textarea .slider_title span{color:#000; line-height: 30px; font-size: 26px; font-weight: 500; display: block;}
.slider-wrapper .textarea .button{margin-top:60px; float:left;width:205px; height:50px; background:#583d33; border-radius: 7px;}
.slider-wrapper .textarea .button a{display: block; width:100%; height:100%; font-size: 20px; padding: 12px 23px 0 25px; color:#fff; text-decoration: none;}
.slider-wrapper .textarea .button a img{float:right; margin-top:8px;}
.slider-wrapper .bx-wrapper{width: 100%; height: 100%; position: relative;}
.slider-wrapper .bx-viewport, .slider-wrapper .bx-wrapper{position: relative; width: 100%; height: 628px; top: 0; left: 0;}
.slider-wrapper .hero-content, .slider-wrapper .hero-content li{height: 628px !important;}
.slider-wrapper .hero-content li{background-repeat: no-repeat; background-position: top center; background-size: cover;}
.slider-wrapper .bx-wrapper .bx-viewport{border: none !important;}
.slider-wrapper .hero-slide{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.slider-wrapper .bx-wrapper .bx-viewport{-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
/*----- ARROWS -----*/
.bx-controls-direction{display: none; max-width: 1318px; width:100%;top:0; position: absolute; margin-left: auto; margin-right: auto; left:0; right:0; font-size:0; top:40%;}

.slider-wrapper.type2 .bx-controls-direction{display: block;}
.bx-controls-direction .bx-prev{float:left; background: url('/mvc/public/frontend/images/prev.png') center center no-repeat; background-size: cover; width:40px; height:40px; margin-left: 5px;}
.bx-controls-direction .bx-next{float:right; background: url('/mvc/public/frontend/images/next.png') center center no-repeat; background-size: cover; width:40px; height:40px; margin-right: 5px;}
/*----- BULLETS -----*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position: absolute; left: 14px; right: 0; bottom: 14px;}
.bx-wrapper .bx-pager{text-align: left; font-size: 0; font-family: Arial; font-weight: bold; color: #fff;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager .bx-pager-item a{ background:url(/mvc/public/frontend/images/glowdotsingleng.png) center center no-repeat;text-indent: -9999px; display: block; width: 70px; height: 70px;}
.bx-wrapper .bx-pager .bx-pager-item a:hover,
.bx-wrapper .bx-pager .bx-pager-item a.active{background:url(/mvc/public/frontend/images/glowdotsingle.png) center center no-repeat;}
.bx-wrapper .bx-pager{max-width: 1200px; position:absolute; bottom:0px; right:28px; z-index: 40;  text-align: center; display: none;}

.slider-wrapper .usps{float:right; margin-top:170px;}
.slider-wrapper .usps li{text-align:right; font-size: 13px; text-transform: uppercase;color:#000; margin-bottom: 70px; height:auto !important; position: relative;}
.slider-wrapper .usps li::after{content:""; position: absolute; top:-5px; right:0; width:310px; height:70px; background:url(/mvc/public/frontend/images/glowdot.png) center left no-repeat;}
/*----------------------------------
	SITE FOOTER STYLES
	---------------------------------------------------------------------------------*/
.site-footer{width: 100%; height: auto;}
.site-footer a {text-decoration: none!important;}
.site-footer .footer-top{width:100%; height:auto; overflow:hidden; background: #cca06e; padding:60px 0; position: relative; text-align: left;}
.site-footer .footer-top::before{content:""; position: absolute; left:0; right:0; top:0; bottom:0; height:100%; margin:0 auto; width:1px; background:#c3c3c3; z-index: 9;}
.site-footer .footer-top .column{float:left;}
.site-footer .footer-top .column h4{color:#fff; font-size: 30px; font-weight: 300; margin-bottom: 15px;}
.site-footer .footer-top .column ul li{font-size: 15px; line-height: 25px; position: relative; padding-left: 15px;}
.site-footer .footer-top .column ul li::before{content:""; position: absolute; left:0; top: 10px; width:4px; height:6px; background: url(/mvc/public/frontend/images/small-arrow-right-white.png) center center no-repeat; z-index: 1;}
.site-footer .footer-top .column.sitemap{margin-right: 175px;}
.site-footer .footer-top .column.links{margin-right: 260px; min-width: 180px;}

.contactgegevens h4{color:#fff; font-size: 30px; font-weight: 300; margin-bottom: 15px;}
.contactgegevens ul li .icon{vertical-align: middle;width: 25px; height: auto; display: inline-block;}
.contactgegevens ul{margin: 0 0 30px 0;}
.contactgegevens ul li{padding-left: 0!important; line-height: 28px; font-weight: 300; font-size: 18px; position: relative;}
.contactgegevens ul li::before{display: none;}

.site-footer .footer-bottom{ position: relative;width:100%;color:#fff; padding:45px 0 40px 0; font-size: 14px;  height:235px; background:none}
.site-footer .footer-bottom::before{content:""; position: absolute; top:0; left:0; right:0; margin:0 auto; background:url(/mvc/public/frontend/images/glowdotsingle.png) center center no-repeat; width: 91px; height: 75px;}
.site-footer .footer-bottom .site-logo{margin-bottom: 30px;float:right; clear:both;width: 349px; height:58px; background: url(/mvc/public/frontend/images/site-logo.png) no-repeat center center; background-size: contain;}
.site-footer .footer-bottom .site-logo a{display: block; width:100%; height:100%;}
.site-footer .footer-bottom a{color:#000;}
.site-footer .footer-bottom ul{float:right; clear:right;}
.site-footer .footer-bottom ul li{display: inline-block; padding:0 10px; border-right: 1px solid #fff; line-height: 10px; height:13px; color: #000}
.site-footer .footer-bottom ul li img{vertical-align: middle; margin-right: 10px;}
.site-footer .footer-bottom ul li:first-child{padding-left: 0;}
.site-footer .footer-bottom ul li:last-child{border-right: 0; padding-right: 0;}
.site-footer .footer-bottom .madeby{float:right; color:#5a5b5b; clear: right; margin-top: 10px;}
.site-footer .footer-bottom .madeby a{color:#5a5b5b;}

/* Shoppingcart */
.card_option {color: #777777}
.site-main .textblockfullwidth.shoppingcart {text-align: left;}
.remark-row {margin-bottom: 30px;}

/* Dealers */
#map_dealers {width: 100%; height: 320px}
#map_dealers a {text-decoration:underline}
.dealers-overview {font-size: 14px; width: 100%}
.dealers-overview .list1 {float: left; width: 96%; text-align: left; padding-right: 4%}
.dealers-overview .list2 {float: left; width: 48%; text-align: left;}
.dealers-overview .row {float: left; width: 100%; margin: 0 0 10px 0}
.dealers-overview .row:nth-child(2n) {background: #f1f1f1}
.dealers-overview .title {float: left; padding: 0 10px 0 0; width: 25%;}
.dealers-overview .street {float: left; padding: 0 10px 0 0; width: 25%}
.dealers-overview .postal_code {float: left; padding: 0 10px 0 0; width: 30%}
.dealers-overview .distance {float: left;}
.dealers-overview .website {float: right; padding: 0 5px 0 5px; background: #292929; color: #fff; margin: 0 10px 0 0; cursor: pointer;} 
.dealers-overview .dealer_card {padding: 0 5px 0 5px; float: right; background: #292929; color: #fff; cursor: pointer;}
.response-text {font-size: 20px; color: red; margin-top: 25px; float: left;}
.dealer-selected {height: auto; padding: 30px 0}
.dealers_result_overview {float: left; margin-top: 70px}

.site-main.shoppingcart .one-halves .left {padding: 10px 50px 0 0}
.site-main.shoppingcart .one-halves .right.dealers {padding: 20px 0 0 0; min-height: 400px;}
.site-main.shoppingcart .dealers-overview {padding: 50px 0 20px 0}
.site-main.shoppingcart a {text-decoration: underline}
#shoppingcart_form .right.dealers {height: 400px;}
#shoppingcart_form .right.dealers::after {height: 400px}

/* LOGIN */ 
.login_div, .uitloggen_div {position: absolute; top: 5px; right: 95px; color: #868789; text-align: right; cursor:pointer; z-index: 999}
#facebook, #youtube { float: right; margin-top: 4px; margin-right: 27px; z-index: 999; position:relative; cursor: pointer; width: 20px; height: auto}
#youtube {margin-right: 10px;}
.contact_block {float: right; margin: 2px 100px 0 0} 
.contact_block a{ color: #e88316}
.contact_block .direct_contact {color: #000; font-size: 25px;}
.contact_block .telephone {color: #e88316; font-size: 20px; margin: 0 0 0 40px; z-index: 999; position:relative;}
.contact_block .telephone::before { content: ""; margin: 5px 0 0 -20px; position: absolute; background: url(/mvc/public/frontend/images/icon-phone.png) no-repeat; width: 15px; height: 22px;}
.contact_block .email { color: #e88316; font-size: 20px; margin: 0 0 0 60px; z-index: 999; position:relative;}
.contact_block .email::before { content: ""; margin: 5px 0 0 -40px; position: absolute; background: url(/mvc/public/frontend/images/icon-envelop.png) no-repeat; width: 26px; height: 16px;}
.my-account-div {float: left; margin: 0 0 0 15px; color: #fff}
.my-account-div a {color: #fff}
.my-account-div .account-name {color: #CCA06E} 

/***** OVERLAY BOX *****/

.overlay_div { display: none; background-image: url(/mvc/public/frontend/images/bg_transparant.png); background-position: center top 100%; background-repeat: repeat-y; background-size: auto auto; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000;}
.overlay_div .container { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  border-top-left-radius: 5px; border-top-right-radius: 5px;background: #fff; float: none; height: auto; margin-bottom: 25px; margin-left: auto; margin-right: auto; margin-top: 25px; max-width: 400px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; width: 100%; z-index: 10000; box-shadow: 1px 6px 31px 19px rgba(54,54,54,1);}
.overlay_div .container img.close { opacity: 1; cursor: pointer; display: block; height: 25px; position: absolute; right: -10px; top: -10px; width: 25px; z-index: 100 }
.overlay_div .container .div { position: relative; z-index: 99; }
.overlay_div .container .div .header{ background: #f1f1f1; height: 30px; padding: 0px 10px 0px; line-height: 30px;border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #868789}
.overlay_div .container .div .content {padding: 20px 10px 20px; background: #c7cad1; color: #000; float: left;}
.overlay_div .container .div .content .field {display: none;}
.overlay_div .container .div .inputContainer {float: left; position: relative; clear: both;}
.overlay_div .container .div input {height: 20px; line-height: 20px; padding: 0 0 0 10px; border-radius: 5px; border: 0px; float: left; margin-bottom:5px;}
.overlay_div .container .div .login_password {clear: both}
.overlay_div .container .div .login_submit {height: 20px; line-height: 20px; padding: 0 10px 0 10px; border-radius: 5px; background: #F1F1F1; display: inline-block; float: left; clear: both; margin-top: 10px; cursor: pointer}
.overlay_div .container .div .login_submit_wrong {float: left; color: #ED8400; display: none; position: relative; margin: 7px 0 0 10px;}
.overlay_div .search_result_container {display: none; position: absolute; right: 0; top: 120px; background: #fff; padding: 10px; cursor: pointer}
.overlay_div .search_result_container a {color: #000}
.validationError {height: 23px; line-height: 20px; padding: 0 10px 0 10px!important;}
.validationErrorContainer canvas {top: 5px!important;}

.deliver-div {float: left; width: 100%; margin-left: 25px;}

#change-password {text-align: center; margin: 0 auto}
#change-password input {padding: 5px 10px; width: 200px;margin: 0 auto 10px auto; display: block;}
.error-password {margin: 20px auto; color: red; display: block; text-align: center;}
.correct-password {margin: 20px auto; color: green; display: block; text-align: center;}

.row_100 {float: left; width: 100%;}
.row_100 .button_create_csv {display: block; background: #00A733; padding: 5px 10px; color: #fff; float: left; margin: 10px 0 30px 0; cursor: pointer}
.orders_div {margin: 0 auto; width: 820px; text-align: center}
.order_number {float: left; width: 200px; line-height: 28px; font-size: 18px; font-weight: 300;}
.order_row {float: left; clear: both; cursor: pointer; width: 820px; margin-top: 15px;}
.order_row input {float: left; margin: 8px 0 0 3px}
input.checkbox-order-line {margin: 0 0 0 3px;}
.order_row:nth-child(2n) {background: #F8F8F8} 
.order_row:hover {background: #EFEFEF}
.product_row {background: #fff; width: 700px; display: none;}
.product_row.show {display: block; border-collapse: collapse;}
.product_row.color {background: #f8f8f8;}
.product_row td {border: 1px solid #cecece; padding: 3px; font-weight: 300; text-align: center}
.product_row .header {font-style: italic; font-weight: 400}
.product_row.show td {border: 1px solid #000}

.size-select {margin: 0 0 20px 0; float: left}
.size-select .size {width: 50px; float: left; clear: both; font-size: 24px; font-weight: 300}
.size-select input {padding: 5px 10px; float: left; width: 50px;margin: 0 0 5px 0}
#select_sizes {}

.form-groups.date .form-group {width: 100%; max-width: 210px;}
.form-groups.date .form-group .label1 {float: left; margin-top: -5px; width: 100%}  
.form-groups.date [type="radio"] + span::before {margin-right: 0px}
.form-groups.date .delivery {float: left;}
.form-groups.date [type="radio"] + span {margin: 6px;}

#input_different_address {float: left; margin: 3px 10px 0 0;}
.container-different_address {display: none; float: left; width: 100%}
.container-different_address.show {display: block;}

.shoppingcart-container .shoppingcart-line .line-item input[type=text] {width: 50px; padding: 5px;}
.marketing {width: 240px; float: left; position: relative;}
.marketing .image {width: 240px; height: auto; float: left; border-bottom: 2px solid #fff;}
.marketing.image:hover {border-bottom: 2px solid #000}
.marketing .articlenumber { position: absolute; bottom: 10px; left: 90px;}

.site-main .textblockfullwidth h3 {
    font-size: 30px;
}

.text-button {
    float: left;
    width: 100%
}
.button-page {
    margin: 10px 0 30px 43%;
    background: #55adc4;
    padding: 0 10px;
    border-radius: 4px;
    height: 40px;
    width: auto;
    display: inline-block;
    text-align: center;
}
.button-page a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding-top: 10px;
}
.button-page a img {
    vertical-align: middle;
    margin-left: 10px;
}
.category-title {
    font-size: 30px;
    padding: 0 10px;
}
.category-title a {
    color: #5a5b5b;
}
.category-title.active {
    text-decoration: underline;
    color: #5a5b5b;
}
.button-webshop {
    margin-top: 15px;
    margin-left: 30px;
    position: absolute;
    bottom: 0px;
    right: 300px;
    background: #7c674e;
    border-radius: 4px;
    height: 40px;
    width: 125px;
    text-align: center;
}
.button-webshop img {
    position: absolute;
    right: 10px;
    top: 12px;
}