@font-face{font-family: "Arial_regular";src : url(../fonts/arial.ttf);font-weight:500;}
#scd-roll_Bearing {padding: 30px 0px 0px;background-color: #ff9500;}
.layout_spd{/*width:1024px;*/margin:0px auto;}
.spd_timeBx{display:inline-block;text-align:center;width:240px;margin:10px 25px;}
.spdTimer_box{border-radius: 8px;max-width: 613px;height: auto;margin:10px auto;text-align: center;background: linear-gradient(black 13%, #403C3A, black 75%, #110C14, black 85%);}
.spdnum_Box{display: inline-block;vertical-align:middle;text-align: center;height:360px;width: 100%;border: 5px solid rgba(0, 0, 0, 0.25);border-top: none;border-bottom: none;border-left-image: linear-gradient(white, black);overflow: hidden;font-family: arial;cursor: pointer;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), -1px 3px 8px rgba(0, 0, 0, 0.2), 0px 4px 7px rgba(0, 0, 0, 0.2);border-radius: 6px;position: relative;
background: #7c7d7f;
background: -moz-linear-gradient(top, #7c7d7f 13%, #ababb1 33%, #dddddd 47%, #ababb1 63%, #7b7c7e 91%);
background: -webkit-linear-gradient(top, #7c7d7f 13%,#ababb1 33%,#dddddd 47%,#ababb1 63%,#7b7c7e 91%);
background: linear-gradient(to bottom, #7c7d7f 13%,#ababb1 33%,#dddddd 47%,#ababb1 63%,#7b7c7e 91%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7d7f', endColorstr='#7b7c7e',GradientType=0 ); }
.spdnum_select_Box{transition: all 0.6s ease;padding: 0px 20px;font-size:120px;color: #d2a34f;}
.spdnum_select_Box span{font-weight: 600;display: block;margin: 0 auto;height: 120px;transition: all 0.6s ease;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: "Arial_regular";line-height: normal;
	/*background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.7) 0px 2px 2px;*//*color: #3B5957;*/
    /*background-color: #5D8D89;*/
    text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);}
.spd_label{width: 100%;color: #676057;margin:10px auto;border: 5px solid rgba(0, 0, 0, 0);font-size: 20px;font-weight: 500;letter-spacing: 0.5px;/*text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), 0 -2px 0 rgba(255, 255, 255, 0.1);*/}
.shadow{position: absolute;width: 330px;height: 20px;left: 0;}
.shadow_top{background: linear-gradient(to bottom, rgba(136, 130, 130, 0) 5%, rgba(136, 130, 130, 0) 20%, rgba(125, 123, 128, 0.29) 30%, rgba(123, 123, 123, 0.8) 45%,  rgb(119, 119, 119) 65%, rgb(123, 124, 126) 95%);top: 0;transform: rotate(-180deg);}
.shadow_bottom{bottom:0px;background: linear-gradient(to bottom, rgba(136, 130, 130, 0) 5%, rgba(136, 130, 130, 0) 20%, rgba(125, 123, 128, 0.29) 30%, rgba(123, 123, 123, 0.8) 45%,  rgb(119, 119, 119) 65%, rgb(123, 124, 126) 95%);left: 0;}
/***** restart *****/
.spd_countDown_Timer{width:auto;margin:0px auto;text-align: center;}
.restart{margin:50px 0px 0px;}
.txt_box{margin:10px 0px 0px;}
.thr_box{margin:20px 0px;}
.restart p{display:inline-block;vertical-align:middle;margin:0px 10px 0px ;width:100px;text-align:left;}
/***** For Effect *****/
.top_up_num{transform: rotateX(60deg); transition: linear;}
.top_number {transform: rotateX(60deg);text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), 0 -2px 0 rgba(255, 255, 255, 0.1); transition: linear;}
.bottom_number {transform: rotateX(-60deg);text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), 0 -2px 0 rgba(255, 255, 255, 0.1); transition: linear;}
.bottom_down_num{transform: rotateX(-70deg); transition: linear;}
/***** Gradient *****/
.cssGrdnt_Optionbox{display: block;}
.layout-advanced, .layout-expert{width: 992px !important;margin: 0px auto;}
.css-gradient-editor-add-stoppoint{width: auto;margin-right:10px;padding: 4.5px;}
.tooltip{display: none !important;}
.previewGrd{width: auto;display: inline-block;padding: 10px 15px 15px 15px;}
.optionGrd{width: auto;display: inline-block;vertical-align: top;}
.grdOption_color{width: 44%;}
.grdOption_prwd{width: auto;}
.panel-body.nopadding{padding: 0;}
.gradient-properties{margin-bottom: 0;}
.grdSelectors{margin: 10px auto !important;}
.targetEl{/*height: 120px;width: 200px;border: 1px solid #000;text-align: center;vertical-align: middle;*/}
.gradient2{}
.grdCoverBox{}
.cssGrdnt_Optionbox{margin-top: 5px;}
.arrow{bottom: 49px;}
.catGradient .info{margin-top: 23px !important;}
.catGradient .info .content{margin-left: -48px !important;}
.targetEl, .targetEl_shaow{/*display:none;*/}
.grdCoverBox .targetEl, .grdCoverBox .targetEl_shaow,.grdCoverBox .grdSelectors{display: none;height: 120px;width: 200px;border: 1px solid #000;text-align: center;vertical-align: middle;}



@media screen and (max-width: 1024px) and (min-width: 768px){
}
@media screen and (max-width: 781px){
	.spd_countDown_Timer{width: 90%;}
	.catGradient .info .content {margin-left: -00px !important;}
}
@media screen and (max-width: 1147px) and (min-width:963px){
/*.catGradient .info .content {margin-left: -126px !important;}*/
}
@media screen and (max-width: 479px){
.catGradient .info .content {margin-left: -00px !important;}

}