body {
	padding: 0px;
	margin: 0px;
}
.rangeslider,.rangeslider__fill{display:inline-block}
.rangeslider{background:transparent;position:relative}
.rangeslider--horizontal{height:20px;width:100%}
.rangeslider--vertical{width:21px;min-height:250px;max-height:100%;background-image:url(../images/cross-framesize.svg);background-repeat:repeat-y;background-size:contain}
.rangeslider--disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4}
.rangeslider__fill{background:transparent;position:absolute}
.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}
.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}
.rangeslider__handle{background:#d4ff00;cursor:pointer;display:inline-block;width:120px;height:50px;position:absolute;color:#fff;font-size:16px;letter-spacing:1px;line-height:50px;text-align:center}
.rangeslider__handle:after{position:absolute;top:0;right:-29px;content:"";width:0;height:0;border-color:#d4ff00 transparent transparent;border-style:solid;border-width:50px 30px 0 0}
.rangeslider--horizontal .rangeslider__handle{top:-10px;touch-action:pan-y;-ms-touch-action:pan-y}
.rangeslider--vertical .rangeslider__handle{left:-60px;touch-action:pan-x;-ms-touch-action:pan-x; color: #000;}


.frame-size-title{position:relative;font-size:28px;text-transform:uppercase;color:#777}
.m-frame-size #recommended-frame-size-value{margin-bottom:20px;text-align:center;font-size:16px;color:#090909;letter-spacing:1px}
.m-frame-size form{height:250px;text-align:center}
.m-frame-size .note{margin-top:35px;color:#777;font-size:14px;max-width:80%;float:right}
.m-frame-size .note strong{color:red}
.m-frame-size .small-title{margin: 0px 0px 10px 0px;text-transform:normal;color:#777; font-weight: bold;/*font-size:14px;letter-spacing:1px*/}
.m-frame-size .small-title strong{color:red}
.m-frame-size .small-subtitle{margin:5px 0;text-transform:uppercase;color:#090909;font-size:14px;letter-spacing:1px}
.m-frame-size .recommended-frame-size{margin:10px auto;width:100%;height:50px;max-width:190px;text-align:center;border:2px solid #d8d8d8;color:#999;line-height:46px;font-size:16px;font-weight:700;letter-spacing:1px}
.m-frame-size .height .recommended-frame-size:first-child{margin-top:0px}
.m-frame-size .slider-active{border-color:#090909;color:#000}
.m-frame-size.blue input[type=range]::-webkit-slider-thumb{background:#20beca;border:1px solid #20beca}
.m-frame-size.blue input[type=range]::-moz-range-thumb{background:#20beca;border:1px solid #20beca}
.m-frame-size.blue input[type=range]::-ms-thumb{background:#20beca;border:1px solid #20beca}
.m-frame-size.blue .note strong,.m-frame-size.blue .slider-active,.m-frame-size.blue .small-subtitle strong,.m-frame-size.blue .small-title strong{color:#20beca}

.col-xs-6 {
	float: left;
}
#Metr {
	width: 320px;
	height: 350px;
	overflow: hidden;
	float: right;
}