.gr__slider--wrapper {
    width: 100%
}

.gr__slider--wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gr__slider--wrapper .gr__top--bar {
    height: 80px;
    background: #99bcd8;
    float: left;
    width: 100%;
    border-radius: 8px;
    text-align: center;
    position: relative
}

.gr__slider--wrapper .gr__top--bar:before {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 17px solid #99bcd8;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto
}

.gr__slider--wrapper .gr__top--inner {
    margin-left: -11px;
    float: left;
    width: 100%;
    position: relative
}

.gr__slider--wrapper .gr__bar-sep {
    background: #d6e4ef;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    top: 40px;
    width: 110%;
    margin-left: -14px
}

.gr__slider--wrapper #gr__slider, .gr__slider--wrapper #gr__slider_color, .gr__slider--wrapper #gr__fslider_color {
    width: 85%;
    position: relative;
    margin: auto;
    background:transparent;
}

.gr__slider--wrapper #gr__slider .ui-slider-handle, .gr__slider--wrapper #gr__slider_color .ui-slider-handle, .gr__slider--wrapper #gr__fslider_color .ui-slider-handle  {
    background: url('../img/gr__drag--button.png') no-repeat center top;
    width: 37px;
    height: 37px;
    position: absolute;
    z-index: 10;
    margin-left: -7px;
    cursor: pointer;
    margin-top: 26px
}
.gr__slider--wrapper #gr__slider .ui-slider-handle:before,
.gr__slider--wrapper #gr__slider_color .ui-slider-handle:before,
.gr__slider--wrapper #gr__slider_color .ui-slider-handle:after,
.gr__slider--wrapper #gr__fslider_color .ui-slider-handle:before,
.gr__slider--wrapper #gr__fslider_color .ui-slider-handle:after,
.gr__slider--wrapper #gr__slider .ui-slider-handle:after{
    display:none;
}

.gr__slider--wrapper #gr__slider .ui-slider-handle:focus, .gr__slider--wrapper #gr__slider_color .ui-slider-handle:focus, .gr__slider--wrapper #gr__fslider_color .ui-slider-handle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.gr__slider--wrapper #gr__slider label, .gr__slider--wrapper #gr__slider_color label, .gr__slider--wrapper #gr__fslider_color label {
    position: absolute;
    text-align: center;
    margin-top: -27px;
    width: 40px;
    font: 600 14px/18px Oswald, sans-serif;
    color:#000;
}

.gr__slider--wrapper #gr__slider label:before, .gr__slider--wrapper #gr__slider_color label:before, .gr__slider--wrapper #gr__fslider_color label:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #d6e4ef;
    border-radius: 50%;
    top: 63px;
    right: 0;
    left: 0;
    margin: auto
}

#gr--slider--content {
    width: 100%;
    padding-top: 45px;
    float: left
}

#gr--slider--content .slider-content {
    float: left;
    width: 100%;
    margin-bottom:30px;
}

#gr--slider--content .slider-content h3 {
    font: 500 24px/32px Oswald, sans-serif;
    color: #222222;
    margin-top:0px;
}

#gr--slider--content .slider-content p {
    font: 400 16px/26px Open Sans, sans-serif;
    color: #222222;
    margin-top: 20px
}

#gr--slider--content .slider-content .gr__left--block {
    float: left;
    width: 55%
}

#gr--slider--content .slider-content .gr__right--block {
    float: right;
    width: 40%;
    border: 1px solid #dcdcdc;
    padding: 20px
}

#gr--slider--content .slider-content .gr__right--block img {
    max-width: 100%
}

#gr--slider--content a {
    color: #0a92dd;
    text-decoration: none
}

.gr__slider--block {
    width: 600px;
    margin: auto;
    margin-top: 100px
}

@media screen and (max-width:1025px) {
    .gr__slider--wrapper #gr__slider label, .gr__slider--wrapper #gr__slider_color label, .gr__slider--wrapper #gr__fslider_color label {
        font-size: 12px;
        width:35px;
    }
}


@media screen and (max-width:767px) {
    .gr__slider--block {
        width: 100%
    }
    .gr__slider--wrapper .gr__top--bar {
        height: 50px
    }
    .gr__slider--wrapper #gr__slider .ui-slider-handle, .gr__slider--wrapper #gr__slider_color .ui-slider-handle, .gr__slider--wrapper #gr__fslider_color .ui-slider-handle {
        width: 27px;
        height: 27px;
        background-size: cover;
        margin-top: 14px;
        margin-left: -2px
    }
    .gr__slider--wrapper .gr__bar-sep {
        top: 23px;
        margin-left: -13px
    }
    .gr__slider--wrapper #gr__slider label, .gr__slider--wrapper #gr__slider_color label, .gr__slider--wrapper #gr__fslider_color label {
        font-size: 12px;
        width:32px;
    }
    .gr__slider--wrapper #gr__slider label:before, .gr__slider--wrapper #gr__slider_color label:before, .gr__slider--wrapper #gr__fslider_color label:before {
        top: 46px
    }
    #gr--slider--content .slider-content .gr__left--block,
    #gr--slider--content .slider-content .gr__right--block {
        width: 100%
    }
    #gr--slider--content .slider-content .gr__right--block {
        text-align: center;
        margin-bottom: 20px;
        max-width: 400px;
        float: left
    }
    .gr__slider--wrapper .gr__top--bar:before {
        border-top: 13px solid #99bcd8;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent
    }
}


@media screen and (max-width:480px) {
    .gr__slider--wrapper .gr__bar-sep {
        margin-left: 0px
    }

}
.full{
	width: 100% important;
}
.slider-image img{
	display:block;
	margin:0 auto;
}
.gr__slider--block.color-slider .gr__slider--wrapper #gr__slider_color .ui-slider-handle, .gr__slider--block.color-slider .gr__slider--wrapper #gr__fslider_color .ui-slider-handle {
    margin-left: 3px;
	    margin-top: 23px;
}
.gr__slider--block.color-slider .gr__slider--wrapper #gr--slider--content {
    width: 100%;
    padding-top: 22px;
}
.gr__slider--block.color-slider {
    margin-top: 55px;
}
@media(max-width:1030px){
	.gr__slider--block.color-slider .gr__slider--wrapper #gr__slider_color .ui-slider-handle, .gr__slider--block.color-slider .gr__slider--wrapper #gr__fslider_color .ui-slider-handle {
    	margin-left: -1px;
	}
}
@media(max-width:767px){
	.gr__slider--block.color-slider {
    	margin-top: 43px;
	}
	.gr__slider--block.color-slider .gr__slider--wrapper #gr__slider_color .ui-slider-handle, .gr__slider--block.color-slider .gr__slider--wrapper #gr__fslider_color .ui-slider-handle {
		margin-left: 2px;
		margin-top: 11px;
	}
}
/*aug5 slider image on top */
.gr__slider--block.color-slider #gr--slider--content .slider-content .gr__right--block{
	    margin-top: -431px;
	    width: 100%;
	    border: 0;
	text-align:center;
}
.gr__slider--block.color-slider #gr--slider--content .slider-content .gr__left--block{
	    width: 100%;
}
.slider-image{
	min-height:261px;
}
.slider-image img{
	display:none;
}
@media(max-width:767px){
	.slider-image {
		min-height: 135px;
	}
	.gr__slider--block.color-slider #gr--slider--content .slider-content .gr__right--block {
    margin-top: -285px;
	}
}
.gr__slider--block.color-slider{
	width:auto;
}

.gr__slider--block:after {
    content: '';
    display: inline-block;
    width: 100%;
    clear: both;
}
.gr__slider--block {
    margin-top: 50px;
}
@media (max-width:767px){
	#gr--slider--content .slider-content {
    margin-bottom: 0px;
}
}

/***fancy color slider 2**/
.gr__slider--block.color-slider #gr--slider--content .slider-content .gr__right--block img {
    max-height: 260px;
}
.gr__slider--wrapper #gr__slider .ui-slider-handle, .gr__slider--wrapper #gr__slider_color .ui-slider-handle, .gr__slider--wrapper #gr__fslider_color .ui-slider-handle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDZEMDFBM0FFMDUxMTFFOTlDRDM4OEY2QkI1OENCMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUU5NDQwQTJFMDcxMTFFOTlDRDM4OEY2QkI1OENCMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENkQwMUEzOEUwNTExMUU5OUNEMzg4RjZCQjU4Q0IxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENkQwMUEzOUUwNTExMUU5OUNEMzg4RjZCQjU4Q0IxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtTItgsAAAPtSURBVHja1FjfS9NRFL+TydjCymTzIVbgVgv6QfYgPrjEh/njIRH1SZQgC4RKxP0NPYW9FCIOqj0IIiJlD4oJYvPB+TBj+tDXOaEkyK20HLmG5jpnfNXv7vfe9f1uX2kdODDuOd9zP7vn3s859xKSZ5JMJok+i+8MoBbQEtAiUBPoQZw90B3QGOg30AhoQu0EOhW+Z0DtIiCl3yVFYKugm0pXSklwXIkroKU5ZmYDdFlcyZxAnQW9JklProLpDYJ+Vg0qZdDpLsJPxzHtZwHmWIE5VK3UBdBLvIiNjY3mnp6eaofDcbW4uNhqMBhO7e/v/47H419jsVhEEITl/v5+3+jo6EYGYB9AQ0pBYcpu8MD09fXdttlsVfAvC/6yN5LhcNjndru94+PjUY5bgE4lCxRu6mrWHhoYGKjo7Ox06/V6o6pNtLf3a3h4+FlHR8c7zh6blW5+FqgK1imbnJy8VVtbe1fH2gQKqWFqaup5XV3da86pXJCCKqB4SAbI6/U6IVgugFJ8CH/qDsZi2ErFuQ9FCsrO2kNtbW0PVZIsFxjGwpgMm43F6Fg6XPTkoVDIbbfbq7XkAtz8EPMxg/nfYkmSpk9WOpqamixwym5qTVBlZWVVGJtR7ix0+kroj7u7u52Z9lEwGCQej4fs7BxVDfyNY2jj5hAEYzNMJTSoItoDiZEXOBqNEp/PR+rr64nJZDriE/iNY2hDH55wYhfRoEy0BzD1eVbA3d1dMjExQcrLy4nVapXZcQxt6IO+LOHENtGgZGQJpeMkK+DMzAwxGo2ksrKSuxJoQx/0ZTZkUJYYw3oWJeSNFEjoPk0SicQ264OamhoChZfMz89zg/r9/pQP+rIEYv/glJw0ULLGa2tr6xMrYGFhIWloaCCLi4tkfX1dZsexQCCQ8kFflkDsj4zhOA0qJmt4BIF7rs1mM3E6nVgTZZSAY2hDH24zJQhLjOFtmtHxGF2XejQ3N1ugH/LkWPOYLU1ra+u9sbGxCGV6jwstZfSISPWHgh+tra3Nab2JMSYD0MEFIy19CenggfT29r7EfkgrQBgLYzJMaVcxKSWs0p7YMUKD9pRexWwzh7E4XehqpnvfsTV509PTL1wu1yvOKvl5TR4R72UyzoJ69mZwcPARLH88m5QNDQ094QDCuZZ45EkkfMWkgq6uroWWlpYH2A/hCVJyytAXvrnf3t4+y2s2WBzJS0fGOx91xToHtey0yNTfkXSRh+CiMTcyMvIl090PdOW/v4zm37WdkhOglzV44IiIB+mnFq8u0nbVluVTUFh8r9LsKSjToxk2gkbq0SwuFtdNEZCqiqDgYP+j58V8RPZHgAEADK/IWRx6wToAAAAASUVORK5CYII=) no-repeat center top;
    width: 37px;
    height: 37px;
    position: absolute;
    z-index: 10;
    margin-left: 3px;
    cursor: pointer;
    margin-top: 23px;
}
.gr__slider--wrapper #gr__slider label, .gr__slider--wrapper #gr__slider_color label, .gr__slider--wrapper #gr__fslider_color label {
    position: absolute;
    text-align: center;
    margin-top: -27px;
    width: 40px;
    font: 600 14px/18px Oswald,sans-serif;
    color: #000;
}
.gr__slider--wrapper #gr__slider label:before, .gr__slider--wrapper #gr__slider_color label:before, .gr__slider--wrapper #gr__fslider_color label:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #d6e4ef;
    border-radius: 50%;
    top: 63px;
    right: 0;
    left: 0;
    margin: auto;
}
.gr__slider--wrapper #gr__slider .ui-slider-handle:focus, .gr__slider--wrapper #gr__slider_color .ui-slider-handle:focus, .gr__slider--wrapper #gr__fslider_color .ui-slider-handle:focus {
    box-shadow: none;
    outline: none;
}
.gr__slider--wrapper #gr__slider, .gr__slider--wrapper #gr__slider_color, .gr__slider--wrapper #gr__fslider_color {
    width: 85%;
    position: relative;
    margin: auto;
    background: 0 0;
}
.fancy-color-slider  .gr__slider--wrapper .gr__top--bar:before {
opacity:0;
display:none;
}
@media (max-width:767px){
body .gr__slider--wrapper #gr__slider label,body .gr__slider--wrapper #gr__slider_color label,body .gr__slider--wrapper #gr__fslider_color label {
    font-size: 11px;
    width: 35px;
letter-spacing: -0.2px;
}
.gr__slider--wrapper #gr__slider label:before, .gr__slider--wrapper #gr__slider_color label:before, .gr__slider--wrapper #gr__fslider_color label:before {
    top: 46px;
}
.gr__slider--wrapper #gr__slider .ui-slider-handle, .gr__slider--wrapper #gr__slider_color .ui-slider-handle, .gr__slider--wrapper #gr__fslider_color .ui-slider-handle {
    width: 27px;
    height: 27px;
    margin-left: 2px;
    margin-top: 11px;
    background-size: contain;
}
}