body:lang(tc-HK){
    font-family: Microsoft JhengHei;
}
 button{
    cursor: pointer;
}
 body:lang(tc-HK) button,body:lang(tc-HK) select,body:lang(tc-HK) input{
    font-family: Microsoft JhengHei;
}
.fixed{position: fixed;}
 .en{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
 .tc{font-family: Microsoft JhengHei;}
 .header{
     width: 100%;
     position: relative;
     padding: 10px 80px;
     border-bottom: 1px solid #CCC;
}
 .header .logo{
    float: left;
    position: relative;
    top: 10px;
}

 .pageTools{
     position: relative;
     float: right;
     top: 17px;
}
 .toolsnav a{
     display: inline-block;
     margin: 0 10px;
     color: #bbb;
     text-decoration: none;
}
 .toolsnav a i{
    margin-right: 2px;
}
 .toolsnav a:hover,.toolsnav button:hover{
    color: #999;
}
 .toolsnav button{
     border:0;
     padding: 0;
    margin:0 20px 0 0;
     background-color: transparent;
     color: #bbb;
     font-size: 15px;
}
/*language*/
 .language{
     width: 76px;
     cursor: pointer;
     position: relative;
     top: 5px;
     display: inline-block;
     border:1px solid #e0e0e0;
     text-align: left;
     padding: 5px 20px 2px 10px;
}
 .language img{
    width: auto;
    height: 24px;
}
 .currentlang i{
     position: absolute;
     top: 11px;
     right: 7px;
     font-size: 10px;
}
 .otherlang{
     display: none;
     width: 76px;
     position: absolute;
     background-color: #fff;
     top: 35px;
     left: -1px;
     border: 1px solid #ebeef0;
     z-index: 999;
}
 .otherlang a{
    display: block;
    padding: 6px 8px 4px 1px;
}
 .rotate {
     transform: rotate(90deg);
    /*transform: rotate(180deg);
    */
     transition: .3s;
}
 .rotate-reset {
     transform: rotate(0deg);
     transition: .3s;
}
/*searchbox*/
 .searchbox{
     position: absolute;
     bottom: -53px;
     right: 80px;
     display: none;
     filter: alpha(opacity=100);
     -webkit-transform: scaleY(1);
     -moz-transform: scaleY(1);
     -ms-transform: scaleY(1);
     -o-transform: scaleY(1);
     z-index: 999;
}
 .searchbox input{
     width: 550px;
     border: none;
     background-color: white;
     color: #222;
     font-size: 14px;
     font-weight: 300;
     padding: 18px 50px 18px 15px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: 0 3px 5px 0 rgba(52,52,52,0.25);
     box-shadow: 0 3px 5px 0 rgba(52,52,52,0.25);
}
 .searchbox button[type="submit"]{
     position: absolute;
     right: 15px;
     top: 21px;
     font-size: 16px;
     background-color: transparent;
     border:0;
     padding: 0;
}
/*side_menu*/
/*sidenav*/
 .sidebg{
     position: fixed;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.7);
     z-index: 999;
     display: none;
}
 nav.sidenav {
     position: fixed;
     z-index: 1000;
     top: 0;
     bottom: 0;
     width: 300px;
     background-color: #818181;
     transform: translate3d(-300px, 0, 0);
     -ms-transform: translate3d(-300px, 0, 0);
    /* IE 9 */
     -webkit-transform: translate3d(-300px, 0, 0);
    /* Safari and Chrome */
     -o-transform: translate3d(-300px, 0, 0);
    /* Opera */
     -moz-transform: translate3d(-300px, 0, 0);
    /* Firefox */
     transition: transform 0.2s ease;
     padding-top: 30px;
     overflow: hidden;
}
 .active-nav nav {
     transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
    /* IE 9 */
     -webkit-transform: translate3d(0, 0, 0);
    /* Safari and Chrome */
     -o-transform: translate3d(0, 0, 0);
    /* Opera */
     -moz-transform: translate3d(0, 0, 0);
    /* Firefox */
}
 .active-nav .sidebg{
    display: block;
}
 nav.sidenav .closesidenav{
     cursor: pointer;
     position: absolute;
     right: 8px;
     top: 8px;
     color: #fff;
}
 nav.sidenav ul {
     list-style: none;
     margin-top: 0;
     margin-left: 0;
     padding-left: 0;
}
 nav.sidenav ul li {
    position: relative;
}
 nav.sidenav ul li a {
     text-decoration: none;
     display: block;
     text-align: left;
     letter-spacing: -0.45px;
     color: #fff;
     padding:10px 10px 10px 20px;
     margin-bottom: 0;
     font-size: 14px;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}
 nav.sidenav ul li a:hover{
     color: #fff;
     background-color: #676767;
}
 .sidedropdown{
     background-color: #fff;
     padding: 0;
}
 nav.sidenav ul li ul li a{
     color: #818181;
     padding: 6px 10px 6px 20px;
}
 .sidedropdown a:hover{
    color: #fff;
}
 .sidedropdown h4{
     color: #222;
    font-weight: bold;
     margin:0;
     font-size: 14px;
     padding: 14px 20px;
}
 .slidenav_container{
     overflow: hidden;
     height: 100%;
}
 .scroll_sidenav{
     margin-right: -17px;
     height: 100%;
     overflow-y: scroll;
     padding: 10px 0;
     margin-bottom: 30px;
}
 .device-lg.no-transition.no-superfish.active-nav, .no-transition.no-superfish.active-nav.device-sm, .no-transition.no-superfish.active-nav.device-xs, .no-transition.no-superfish.active-nav.device-xxs {
     position: fixed;
}
 .wrapper {
     transition: transform 0.2s ease;
}
 .active-nav .wrapper {
     transform: translate3d(300px, 0, 0);
}
 .nav-toggle-btn{
     display: none;
     cursor: pointer;
     position: absolute;
     left: 20px;
     top: 14px;
}
/*featured_collection*/
 .featured_collection{
     width: 100%;
     padding-bottom: 30px;
}
 .container{
    width: 85%;
    margin:0 auto;
}
 .product_container{
    width: 1400px;
    margin:0 auto;
}
 .featured_collection h2{
     font-size: 18px;
     text-align: center;
     margin: 50px 0;
     color: #818181;
     letter-spacing: 2px;
}
 .featured_collection .featured_grid{
     width: 20%;
    float: left;
    padding: 0 15px;
     margin-bottom: 30px;
     position: relative;
}
 .featured_collection .box,.col_product .box{
     position: relative;
     width: 100%;
     border:1px solid #ddd;
     cursor: pointer;
}
 .featured_collection .box img{
    width: 100%;
}
 .featured_grid .overlay,.col_product .overlay {
 	display: inline-block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     transition: .2s ease;
     background-color: rgba(114,110,103,0);
}
 .featured_grid .box:hover .overlay,.col_product .box:hover .overlay {
     background-color: rgba(114,110,103,0.70);
}
 .featured_grid .overlay .data,.col_product .overlay .data{
     color: #fff;
     position: absolute;
     width: 100%;
     top: 50%;
     left: 50%;
     opacity: 0;
     transform: translate(-50%, -50%);
     text-align: center;
}
 .featured_grid .box:hover .overlay .data,.col_product .box:hover .overlay .data{
    opacity: 1;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
 .featured_grid .overlay .data h2,.col_product .overlay .data h2{
     font-size: 22px;
    margin:12px 0;
    text-transform: uppercase;
     color: #fff;
}
 .featured_grid .box:hover .overlay .data .money{
     font-size: 15px;
     color: #fff;
}
/*swiss made*/
 .swisswrap {
     display: flex;
     justify-content: flex-start;
     flex-wrap: wrap;
}
 .swisswrap .greysection{
     position: relative;
     background-color: #f4f4f4;
     width: 50%;
     float: left;
     text-align: center;
}
 .swisswrap .content{
     padding: 0 15px;
     width: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     color: #726e67;
}
 .swisswrap .content h2{
     margin-bottom: 30px;
     font-size: 60px;
     line-height: 62px;
     font-weight: 700;
}
 .swisswrap .content a{
     display: inline-block;
     border:1px solid #818181;
     color: #818181;
     padding: 10px 30px;
     margin-top: 20px;
     text-decoration: none;
}
 .swissimg{
     width: 50%;
     float: left;
     margin-left: 0;
}
 .swissimg img{
    width: 100%;
    height: 100%;
}
/*series*/
 .series{
     margin:50px 0;
}
 .series_container{
     width: 80%;
     margin:0 auto;
}
 .series_container h3{
     font-size: 20px;
     font-weight: normal;
     text-transform: uppercase;
     text-align: center;
     margin: 50px 0 40px 0;
     padding: 40px 0 5px;
     color: #818181;
     border-top: 1px solid #ddd;
}
 .series_grid{
     position: relative;
     width: 33.33%;
     padding: 0 15px;
     float: left;
     transition: .2s ease;
}
 .series_grid img{
    width: 100%;
}
 .series_grid:hover {
     opacity: 0.75;
}
 .series_grid span{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
     font-size: 18px;
     text-shadow: 0px 2px 2px rgba(99, 99, 99, 1);
}
 .main_cat_btitle {
     font-size: 28px;
     font-weight: bold;
     color: #818181;
     line-height: 33px;
     text-transform: uppercase;
     text-align: center;
     border-bottom: 1px solid #ddd;
     margin-bottom: 50px;
     padding: 50px 0 45px 0;
}
 .main_cat_btitle span{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*video*/
 .youtube_container{
    margin-bottom: 30px;
}
 .youtube-player {
     position: relative;
     padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
     height: 0;
     overflow: hidden;
     max-width: 100%;
     background: #fff;
     margin: 0;
}
 .youtube-player iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 100;
     background: transparent;
}
 .youtube-player img {
     bottom: 0;
     display: block;
     left: 0;
     margin: auto;
     max-width: 100%;
     width: 100%;
     position: absolute;
     right: 0;
     top: 0;
     border: none;
     height: auto;
     cursor: pointer;
     -webkit-transition: .4s all;
     -moz-transition: .4s all;
     transition: .4s all;
}
 .youtube-player img:hover{
    -webkit-filter: brightness(75%);
}
/*instagram*/
 .instagram_row h2{
     color: #8d8d8d;
     font-family: "Open Sans",sans-serif;
     margin-bottom: 30px;
}
 .ig_slider{
    margin-bottom: 50px !important;
}
 .ig_photo{
    padding: 0 5px;
    position: relative;
}
 .ig_photo img{
    max-width: 100%;
}
 .ig_slider .slick-dots{
    bottom: -30px;
    text-align: center;
}
 .ig_slider .slick-dots li{
    margin:0;
}
 .ig_slider .slick-dots li button:before{
    font-size: 30px;
    color: rgba(0,0,0,0.2);
}
 .ig_slider .slick-dots li.slick-active button:before{
    color: rgba(242,14,39,1);
}

.ig_slider .slick-prev{left: 0;}
.ig_slider .slick-next{right: 0;}

 .ig_photo .overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     transition: .2s ease;
     background-color: rgba(0,0,0,0);
}
 .ig_photo .box{
     position: relative;
     width: 100%;
     border:1px solid #ddd;
     cursor: pointer;
}
 .ig_photo:hover .overlay {
     background-color: rgba(0,0,0,0.45);
}
 .ig_photo .overlay .data{
     color: #fff;
     position: absolute;
     width: 100%;
     top: 50%;
     left: 50%;
     opacity: 0;
     transform: translate(-50%, -50%);
     text-align: center;
     font-size: 20px;
}
 .ig_photo:hover .overlay .data{
    opacity: 1;
}
 footer{
     display: block;
     background-color: #fff;
}
 .footer_container{
     width: 100%;
     padding: 0 50px;
}
 .footer_content{
     width: 100%;
     border-top: 1px solid #ccc;
     padding: 0;
     border-bottom: 1px solid #ccc;
     margin-bottom: 50px;
}
 .newssubscribe{
     width: 40%;
     float: left;
     padding: 40px 0;
     text-align: center;
     border-right: 1px solid #ccc;
     min-height: 225px;
}
 .subscribe{
     position: relative;
     padding: 0;
}
 .newssubscribe h4{
    font-weight: normal;
    margin-bottom: 15px;
    color: #999999;
}
 .subscribe input[type="text"]{
     width: 65%;
     border:1px solid #ccc;
    padding: 8px;
     font-size: 14px;
     font-family: Microsoft JhengHei;
     height: 37px;
     -webkit-transition: .2s all;
     -moz-transition: .2s all;
     transition: .2s all;
     border-radius: 0;
}
 .subscribe input[type="text"]:focus{
     border:1px solid #222;
}
 .subscribe input[type="submit"]{
     margin-left: -10px;
     background-color: #000000;
     color: #fff;
     padding: 8px;
     text-align: center;
    min-width: 100px;
     border:0;
     font-size: 14px;
     font-family: Microsoft JhengHei;
     height: 37px;
     cursor: pointer;
     border-radius: 0;
}
 .footerlinks{
     width: 35%;
     float: left;
     padding-top: 40px;
     min-height: 225px;
}
 .footerlinks .col_links{
     width: 33.33%;
     float: left;
     text-align: center;
     color: #999999;
     line-height: 1.4;
}
 .footerlinks .col_links a{
     color: #999999;
     text-decoration: none;
}
 .footerlinks .col_links a:hover{
    color: #222;
}
 .footerlinks .col_links .rowlink{
    margin-bottom: 12px;
}
 .footersocial{
     position: relative;
     width: 25%;
     float: left;
     text-align: center;
     padding-top: 40px;
     border-left: 1px solid #ccc;
     min-height: 225px;
}
 .footersocial .social a{
     display: inline-block;
     text-decoration: none;
     color: #999999;
     margin:0 10px;
     font-size: 18px;
     -webkit-transition: .2s all;
     -moz-transition: .2s all;
     transition: .2s all;
}
 .footersocial .social a:hover{
    color: #222;
}
 .footersocial .copyright{
     position: absolute;
     bottom: 30px;
     width: 100%;
     text-align: center;
     color: #999999;
     font-size: 14px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
 .footerLogo{
     width: 100%;
     text-align: center;
     margin-bottom: 40px;
}
 .footerLogo img{
    width: auto;
    height: 60px;
}
/*scroll top*/
 .scrollToTop{
     width:40px;
     height:40px;
     padding:10px;
     text-align:center;
     font-weight: bold;
     color: #444;
     text-decoration: none;
     position:fixed;
     right: 40px;
     bottom: 50px;
     display:none;
     z-index: 99;
}
 .scrollToTop img{
    width: 40px;
    height: 40px;
}
 .scrollToTop:hover{
     text-decoration:none;
}
/*page location*/
 .pagelocation{
    position: relative;
    text-align: center;
    font-size: 15px;
}
 .pagelocation a{
    color: #222;
    text-decoration: none;
}
 .pagelocation h2{
	font-size: 30px;
	font-weight: 700;
    color: #555;
    text-align: left;margin-top: 20px;
    text-transform: uppercase;
}
 .pagelocation h4{
    margin-top: 25px;
    font-weight: normal;
}

.service-btn{
    position: absolute;right: 0;
    top: 90px;
}

.location{
    position: relative;
     border-bottom: 1px solid #ddd;
     padding: 40px 0;
     margin-bottom: 50px;
}


/*category*/
 .category_sidemenu{
     position: relative;
     width: 20%;
     padding: 17px;
     float: left;
     background-color: #f9f9f9;
     margin-bottom: 30px;
}
 .open_sidecate {
     cursor: pointer;
     display: none;
     position: absolute;
     right: 15px;
     top: 20px;
     font-size: 19px;
}
 .category_sidemenu a{
    color: #222;
    text-decoration: none;
    font-size: 14px;
}
 .category_sidemenu a:hover{
    color:#f37600
}
 .category_sidemenu ul{
    margin-left: 0;
    padding-left: 0;
}
 .category_sidemenu ul li{
     list-style: none;
     padding-left: 0;
     margin-left: 0;
     line-height: 1.5;
     margin-bottom: 15px;
     position: relative;
}
 .category_sidemenu ul span{
     position: absolute;
    font-size: 13px;
     right: 12px;
     top: 2px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
 .category_sidemenu ul i{
     position: absolute;
     top: 4px;
     right: -5px;
     font-size: 10px;
     cursor: pointer;
}
 .category_sidemenu ul li ul{
    display: none;
}
 .category_sidemenu ul li ul li{
     padding-left: 15px;
     margin:7px 0;
}
 .category_products{
     width: 80%;
     float: left;
     padding-left: 30px;
}
 .category_products h2{
     position: relative;
     color: #818181;
     font-size: 32px;
}
 .category_products span{
     display: inline-block;
     position: absolute;
     right: 0;
     top: 16px;
     font-size: 15px;
     color: #999;
}
 .category_products .filter{
     margin: 10px 0;
     background-color: #f9f9f9;
     padding:9px 12px;
}
 .category_products .filter select{
     position: relative;
     top: -1px;
     border:1px solid #ddd;
     padding: 3px;
     font-size: 15px;
     min-width: 150px;
     margin-left: 10px;
}
 .product_show{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
}
 .col_product{
     float: left;
     width: 25%;
     padding: 0 15px;
     position: relative;
     margin: 15px 0;
}
 .col_product .box{
     position: relative;
     width: 100%;
     border: 1px solid #ddd;
}
 .col_product img{
    width: 100%;
    height: 100%;
}

.salelabel{
    position: absolute;top: 0;right: 0;
    background-color: #f13340;
    color: #fff;
    padding: 6px;
    font-size: 11px;
    text-align: center;
}

.col_product .money{
    font-size: 16px;
    margin-bottom: 5px;
}
.col_product .money.del{text-decoration: line-through;font-size: 12px;}
/*pages*/
 .page{
     width: 100%;
     background-color: #f9f9f9;
     padding: 12px;
     margin-bottom: 40px;
}
 .page .display{
    float: left;
}
 .page .pages{
    float: right;
}
 .page .pages a{
     color: #999;
     text-decoration: none;
     margin:0 4px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
 .page .pages a.active{
    color: #222;
}
 .page .pages a i{
     position: relative;
     top: 1px;
     font-size: 12px;
}
/*product images zoom*/
 .productimg{
     width: 50%;
     float: left;
     padding: 0 15px;
}
 .easyzoom{
    float: left;
    width:552px;
    border:1px solid #ddd;
}
 .zoomimg{
    width: 550px;
}
 ul.thumbnails{
     float: left;
     width: 17%;
     list-style: none;
    padding: 0;
    margin:0;
     padding-left: 15px;
}
 ul.thumbnails li{
    margin-bottom: 20px;
    border:1px solid #ddd;
    max-width: 100px;
}
 .productimg ul.thumbnails img{
    width: 100%;
    height: auto;

}
/*product details content*/
 .product_content h1{
     margin: 0 0 20px 0;
     padding: 0;
     font-size: 30px;
     color: #818181;
     font-family: "Open Sans",sans-serif;
     margin: 0;
     text-transform: uppercase;
}

/*product details*/
 .product_content{
     width: 50%;
    float: left;
     padding: 0 15px;
    position: relative;
     color: #555555;
}
 .product_content .method{
     font-size: 15px;
     margin:7px 0;
}
 .colorRed{
    color:#f13340;
}
 .description {
     width: 100%;
     margin:20px 0;
     padding: 20px 0;
     line-height: 1.7;
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
}

.originalPrice{
    position: relative;
    font-size: 20px;
    text-decoration: line-through;
    letter-spacing: -0.5px;
    margin-right: 8px;
}

.original span.discount{
    position: relative;
    top: -2px;
    padding: 4px 8px;
    border-radius: 2px;
    background-color: #f13340;
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.5px;
}

 .price{
     margin-top: 20px;
     font-size: 30px;
     letter-spacing: -1px;
}
 .price img{
     display: inline-block;
     width: auto;
     position: relative;
     top: 5px;
     height: 32px;
}
 .tocart{
    margin-top: 30px;
     clear: both;
     border-bottom: 1px solid #ddd;
     padding-bottom: 30px;
}
 .quantity {
     position: relative;
     display: inline-block;
     float: left;
}
 .quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 .quantity input[type=number] {
     -moz-appearance: textfield;
}
 .quantity input {
     width: 100px;
     height: 42px;
     line-height: 1.65;
     float: left;
     display: block;
     padding: 0;
     margin: 0;
     padding-left: 20px;
     border: 1px solid #eee;
     font-size: 18px;
}
 .quantity input:focus {
     outline: 0;
}
 .quantity-nav {
     float: left;
     position: relative;
     height: 42px;
}
 .quantity-button {
     position: relative;
     cursor: pointer;
     border-left: 1px solid #eee;
     width: 20px;
     text-align: center;
     color: #333;
     font-size: 18px;
     font-family: "Trebuchet MS", Helvetica, sans-serif !important;
     line-height: 1.1;
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
}
 .quantity-button.quantity-up {
     position: absolute;
     height: 50%;
     top: 0;
     border-bottom: 1px solid #eee;
}
 .quantity-button.quantity-down {
     position: absolute;
     bottom: -1px;
     height: 50%;
}
 .addtocart{
     display: inline-block;
}
 .addtocart button{
     border:0;
     padding: 10px 30px;
     background-color: #818181;
     color: #fff;
     height: 42px;
     text-align: center;
     margin-left: 15px;
     font-size: 16px;
     -webkit-transition: .2s all;
     -moz-transition: .2s all;
     transition: .2s all;
}
 .addtocart button:hover{
    background-color: #000;
}
/*product tab*/
.tab {
  padding-top: 20px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  line-height: 1.5;
  font-weight: 300;
  color: #888;
  -webkit-font-smoothing: antialiased;
}

.tabs {
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #ddd;
}
.tabs li {
  float: left;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.tabs a {
  background-color: transparent;
  border-bottom: 1px solid #fff;
  color: #888;
  font-weight: 500;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 0;
  margin-right: 30px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}

.tabs_item {
  display: none;
  padding: 0;
}

.tabs_item:first-child {
  display: block;
}
.current a {
	color: #555;
  	border-bottom: 3px solid #818181;
}

.otherproducts{margin-top: 20px;}
.otherproducts a{text-decoration: none;
	display: inline-block;
	margin-right: 15px;
}
.otherproducts img{
	border:1px solid #ddd;
	width: 100px;
	height: auto;
}

.related_section{
	width: 100%;	
	margin-top: 30px;
	margin-bottom: 50px;
}

.related_content{
	border-top: 1px solid #ddd;
}

.related_content h2{
	padding-top: 30px;
	text-align: center;
	color: #818181;
	font-weight: normal;
}

.related_slider{margin:20px -15px 0 -15px;}
.related_product{width: 100% !important;}

.related_slider .slick-prev{left: 15px;}
.related_slider .slick-next{right: 15px;}


/*popup cart*/
.productlayer,.popuplayer{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
}

.layercart{
    position: relative;
    width:100%;
}
.layercart .cartItem{
    position: relative;
    width: 50%;float: left;
    background-color: #fff;padding: 30px;position: relative;
    min-height: 350px;
}
.layercart .cartTotle{
    width: 50%;float: left;
    background-color: #fafafa;padding: 30px;position: relative;
    min-height: 350px;
    position: relative;
}

.layercart .cartItem .item{width: 100%:}
.layercart .cartItem .itemImg,.layercart .cartItem .itemDetails{float: left;}

.layercart .cartItem .msg{width: 100%;margin-bottom: 20px;padding: 10px 0;}
.layercart .itemImg{width: 180px;margin-right: 20px;}
.layercart .itemImg img{max-width: 100%;height: auto;border:1px solid #ddd;}

.layercart .itemDetails{position: relative;top: 30px;}
.layercart .itemDetails h3{font-weight: normal;text-transform: capitalize;font-family: "Open Sans",sans-serif;}
.layercart .itemDetails p,.layercart .totalprice p{font-size: 15px;}

.layercart .cartTotle .msg{
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
}

.layercart .totalprice{margin-top: 20px;}

.layercart .continuebtn,.layercart .checkoutbtn{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    position: absolute;
    bottom: 30px;
    text-decoration: none;
    padding: 8px 15px; 
}
.layercart .continuebtn{
    left: 30px;
    border:1px solid #000;
    color: #000;   
}

.layercart .checkoutbtn{
    right: 30px;
    border:1px solid #000;
    color: #fff;
    background-color: #000;
}

.layercart .continuebtn:hover,.checkoutbtn:hover{background-color: #000;color: #fff;}

.productlayer .closecross{
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 15px;
    padding: 0;
    background-color: transparent;
    color: #999;
    border:0;
    z-index: 10;
}
.productlayer .closecross:hover{color: #000;}

/*subcontent*/
.subcontent h1{
    font-size: 32px;
    color: #818181;
    font-weight: normal;
}
.subcontent h2{
	font-size: 24px;
	color: #818181;
	font-weight: normal;
	margin-bottom: 20px;
}

.subcontent h3{font-size: 18px;color: #666;font-weight: bold;margin-bottom: 10px;}

/*components*/
.components,.ourTeam{margin:30px 0 60px 0;}
.subcontent p{font-size: 15px;line-height: 1.6;}

/*team*/
.team_right{text-align: right;}
.team_left span,.team_right span{display: block;font-size: 15px;}

/*gallery*/
.gallery iframe{width: 100%;min-height: 600px;margin-bottom: 20px;}
.gallery{margin-bottom: 50px;}

/*about*/
.aboutus p{text-align: center}

/*timeline*/
.timeline_container{margin-bottom: 50px;}

/*===== Vertical Timeline =====*/
#conference-timeline {
  position: relative;
  max-width:1150px ;
  width: 100%;
  margin: 0 auto;
}

#conference-timeline .conference-center-line {
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -2px;
  background: #eeeeee;
  z-index: -1;
}
#conference-timeline .conference-timeline-content {
  padding-top: 67px;
  padding-bottom: 67px;
}
.timeline-article {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 20px 0;
}
.timeline-article .content-left-container,
.timeline-article .content-right-container {
  max-width: 45%;
  width: 100%;
}
.timeline-article .timeline-author {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #242424;
  text-align: right;
}
.timeline-article .content-left,
.timeline-article .content-right {
  position: relative;
  width: auto;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.03);
  padding: 20px;
  border-radius: 4px;
}
.timeline-article p {
  margin: 0 0 0 0;
  padding: 0;
  font-weight: 400;
  color: #242424;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.timeline-article .content-left p{text-align: left;margin:10px 0;}
.timeline-article .content-right p{text-align: left;margin:10px 0;}

.timeline-article img{max-width: 100%;}
.timeline-article hr{border:0;border-top: 1px solid #eee;
	margin:15px 0;
}

.timeline-article p span.article-number {
  position: absolute;
  font-weight: 300;
  font-size: 44px;
  top: 10px;
  left: -60px;
  color: #00b0bd;
}
.timeline-article .content-left-container {
  float: left;
}
.timeline-article .content-right-container {
  float: right;
}
.timeline-article .content-left:before,
.timeline-article .content-right:before{
  position: absolute;
  top: 20px;
  font-size: 23px;
  font-family: "FontAwesome";
  color: #ddd;
}
.timeline-article .content-left:before {
  content: "\f0da";
  right: -9px;
}
.timeline-article .content-right:before {
  content: "\f0d9";
  left: -9px;
}
.timeline-article .meta-date {
  position: absolute;
  top: 0;
  left: 50%;
  width: 55px;
  height: 55px;
  margin-left: -31px;
  color: #fff;
  border-radius: 100%;
  background: #999999;
  text-align: center;
  line-height: 55px;
}

.timeline-article .meta-date-To {
  position: absolute;
  top: 0;
  left: 50%;
  width: 55px;
  height: 55px;
  margin-left: -31px;
  color: #fff;
  border-radius: 100%;
  background: #999999;
  text-align: center;
  line-height: 1.2;
}

.timeline-article .meta-date .year,.timeline-article .meta-date-To .year {
  font-size: 16px;
  line-height: 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
  position: relative; 
}
.timeline-article .meta-date-To .year {top: 8px;}

/*===== // Vertical Timeline =====*/

/*===== Resonsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {
  #conference-timeline .timeline-start,
  #conference-timeline .timeline-end {
    margin: 0;
  }
  #conference-timeline .conference-center-line {
    margin-left: 0;
    left: 50px;
  }
  .timeline-article .meta-date {
    margin-left: 0;
    left: 20px;
  }
  .timeline-article .content-left-container,
  .timeline-article .content-right-container {
    max-width: 100%;
    width: auto;
    float: none;
    margin-left: 110px;
    min-height: 53px;
  }
  .timeline-article .content-left-container {
    margin-bottom: 20px;
  }
  .timeline-article .content-left,
  .timeline-article .content-right {
    padding: 10px 25px;
    min-height: 65px;
  }
  .timeline-article .content-left:before {
    content: "\f0d9";
    right: auto;
    left: -8px;
  }
  .timeline-article .content-right:before {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .timeline-article p {
    margin: 0;
  }
  .timeline-article p span.article-number {
    display: none;
  }
  
}
/*===== // Resonsive Vertical Timeline =====*/


/*news*/
.eachnews{
	border-bottom: 1px solid #ddd;
	margin-bottom: 45px;
}

.eachnews:last-child{border:0;}

.news_date{
	width: 20%;
	float: left;
	color: #989898;
}
.news_content{
	width: 65%;
	float: left;
	color: #8d8d8d;
}

.news_content img{max-width: 100%;}

.news_content h1{
	color: #818181;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    font-size: calc(28px * 0.875) !important;
    text-transform: uppercase;
    margin-bottom: 25px;
}
a.continue_btn{
	color: #8d8d8d;
	text-decoration: none;
	display: inline-block;
	margin:10px 0;
}

a.continue_btn:hover{color: #222;}

a.continue_btn i{position: relative;top: 2px;}


/*contacts*/
.contacts{margin-bottom: 50px;}
.contacts_half{
	width: 50%;
	float: left;
	padding: 0 20px;
}

.map{width: 100%;min-height: 500px;margin-top: 20px;}

/*form*/
.contactform{margin-top: 30px;}
.form h4{color: #555555;margin:7px 0;}
.form_row{margin-bottom: 25px;}
.form_row_with-margin{
	margin: 0 -20px 0 -20px;
}
.form-half{
	position: relative;
	width: 50%;
	float: left;
	padding: 0 20px;
	margin-bottom: 25px;
}

.registerform p{margin:5px 0 0 0;}

.form .form-control,.form select.form-control{
	width: 100%;
	padding: 10px;
	border:1px solid #ddd;
	font-size: 16px;
	background-color: transparent;
	-webkit-transition: .2s all;
    -moz-transition: .2s all;
    transition: .2s all;
    height: 44px;
}
.form textarea.form-control,textarea.form-control{
	width: 100%;
	padding: 10px;
	border:1px solid #ddd;
	font-size: 16px;
	background-color: transparent;
	resize:none;
	min-height: 200px;
	-webkit-transition: .2s all;
    -moz-transition: .2s all;
    transition: .2s all;
}


.form input.form-control:focus,.form textarea.form-control:focus,textarea.form-control:focus{
	border:1px solid #000;
}

.form input[type="submit"].form-control{
	width: auto;
	border:1px solid #000000;
	padding: 10px 30px;
	background-color: transparent;
	color: #000;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: .2s all;
    -moz-transition: .2s all;
    transition: .2s all;
    height: auto;
}

.form input[type="submit"].form-control:hover{color: #fff;background-color: #000;}

.col-Title{width: 38%;float: left;padding: 0 0 0 20px;}
.col-Name{width: 62%;float: left;padding: 0 20px 0 0;}

/*fileupload*/
.uploader{
	position: relative;
	border:1px dashed #ddd;
}
.form input[type="file"]{
	opacity: 0;
	cursor: pointer;	
	width: 100%;
	min-height: 250px;
}

.form-half span{
	pointer-events:none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.form-half span i{
	font-size: 18px;
	position: relative;
	top: 3px;
}

.previewIMG{
	pointer-events:none;
    position: absolute;
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width: auto;
    max-width: 70%;
    max-height: 230px;
}


/*radiobtn*/
.optionstyle input[type=radio],
.optionstyle input[type=checkbox] {
    display: none;
}
.optionstyle input[type=radio] + label,
.optionstyle input[type=checkbox] + label {
    border: 1px solid #ddd;
    font-weight: normal;
    padding: 8px 25px;
    background-color: #fff;
    color: #313131;
    border-radius: 0;
    margin: 0 -5px 0 0px;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    height: 42px;
    -o-transition: color .2s ease-out, background .2s ease-in;
    -ms-transition: color .2s ease-out, background .2s ease-in;
    -moz-transition: color .2s ease-out, background .2s ease-in;
    -webkit-transition: color .2s ease-out, background .2s ease-in;
    transition: color .2s ease-out, background .2s ease-in;
}
.optionstyle input[type=radio]:checked + label,
.optionstyle input[type=checkbox]:checked + label{
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

/*static*/
.static{margin-bottom: 70px;}
.static hr{border:0;
	margin: 30px 0;
	border-top: 1px solid #ddd;
}
.static p{color: #666;}

.static a{color: #666;text-decoration: none;}
.static a:hover{color: #999;text-decoration: underline;}

.static table{width: 100%;border-collapse: collapse;}
.static table td{
    padding: 7px 12px;
    text-align: center;
    border:1px solid #999;
    width: 25%;
}
.static table td:first-child{text-align: left;}

.colorGreen{color: green;}


/*checkout*/
.checkout_now{margin-bottom: 100px;}

.checkoutTable,.orderTable{
     overflow-x:scroll;
}
.checkoutTable table{
    width: 100%;
    border-collapse: collapse;
     min-width: 950px;
}

.checkoutTable::-webkit-scrollbar-track,.orderTable::-webkit-scrollbar-track
{
    background-color: #fff;
}

.checkoutTable::-webkit-scrollbar,.orderTable::-webkit-scrollbar
{
    width: 2px;
    height: 3px;
    background-color: #888;
}

.checkoutTable::-webkit-scrollbar-thumb,.orderTable::-webkit-scrollbar-thumb
{
    background-color: #000;
    border: 2px solid #000;
}

.checkoutTable table th{padding: 9px 12px;border:1px solid #eee;}
.checkoutTable table td{
    border:1px solid #eee;
    padding: 9px 12px;
    text-align: center;
}

.checkoutTable table img{max-width: 80px;max-height: 80px;}
.checkoutTable h4{font-weight: normal;text-transform: capitalize;margin-bottom: 7px;font-size: 18px;}
.checkoutQuantity{border:1px solid #ddd;width: 60px;padding: 7px;text-align: center;}
.checkoutTable .removeItem{
    border:0;
    padding: 0;
    background-color: transparent;font-size: 12px;
}

.totalPrice{
    margin:25px 0;
    text-align: right;
    font-size: 21px;
    font-weight: normal;    
}

.totalPrice span{font-size: 30px;letter-spacing: -1px;font-size: bold}

.checkoutoptions .continue a,.checkoutoptions .checkoutnow a{
    float: left;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;    
    text-decoration: none;
    padding: 10px 20px;
    font-size: 16px;
    border:1px solid #000;
    color: #000;
}

.checkoutoptions .checkoutnow a{float: right;}

.checkoutnow{
    float: right;
    text-align: right;
}

.checkoutoptions .continue a:hover,.checkoutoptions .checkoutnow a:hover{
    background-color: #000;color: #fff
}

.checkoutnow img{height: 43px;display: inline-block;float: left;
    margin-bottom:40px; 
}

/*login*/
.login_contianer,.registerform_contianer{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 80px;
}

.login_contianer .login,.login_contianer .register{
    width: 50%;
    float: left;
    padding: 0 15px;
}

.login_contianer h4{font-weight: normal;margin-bottom: 5px;font-size: 15px;}

.login_contianer input{
    width: 100%;
    max-width: 300px;
    border:1px solid #ddd;
    padding: 10px;
    font-size: 15px;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.login_contianer input:focus{border:1px solid #000;}


button.borderstyle,a.borderstyle{
    border:1px solid #000;
    color: #000;
    padding: 10px 20px;
    font-size: 16px;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}
button.borderstyle:hover,a.borderstyle:hover{background-color: #000;color: #fff;}
a.darkLink{color: #000;}

/*register form*/
.register_form{width: 100%;max-width: 900px;margin: 0 auto 20px auto;}

.form_row{margin-bottom: 25px;}
.register_form .formlabel{
    float: left;width: 30%;text-align: right;padding: 0 10px;
    position: relative;
    top: 10px;
}
.register_form .forminput{width: 70%;float: left;padding: 0 10px;}
.register_form .forminput p{margin: 5px 0;color: #666;}
.col_33{width: 33.33%;float: left;padding: 0 15px;}



.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border:1px solid #ddd;
}
.styled-checkbox:hover + label:before {
  background: #f13340;

}
.styled-checkbox:checked + label:before {
  background: #f13340;
  border:1px solid #f13340;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.fullcol{width: 100%;padding: 0 15px;float: left;}

.addressOption{margin-bottom: 50px;}
.addressOption .box{
    width: 33.33%;
    padding: 15px;
    float: left;
}

.addressOption .option{
    position: relative;
    border:2px solid #ddd;padding: 15px;
    color: #555;cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}
.addressOption .title{font-size: 18px;}
.addressOption .option p{font-size: 15px;margin-bottom: 0;}
.addressOption .option:hover{border:2px solid #f13340;}
.addressOption .option.active{
    border:2px solid #f13340;
    background-color: #f13340;
    color: #fff;
}
.addressOption .option.active p{color: #fff;}

.addressOption .option.active::after { 
    content: ' ';
    background-image: url('../img/checked_white_svg.svg');
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 14px;
    right: 10px;
    color: #09bb07;
}

.addressOption .remove{
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
    border:0;
    background-color: transparent;
    color: #999;
}
.addressOption .option:hover .remove{opacity: 1;}
.addressOption .remove:hover{color: #f13340;}


.fontnormal{font-weight: normal !important;}

.deliverymsg{
    width: 100%;
}



/*login profile*/
.profile_contianer{margin-bottom: 100px;}
.sidelogin_menu{
    width: 25%;
    float: left;
    padding: 0 15px;
}

.sidelogin_menu a{
    width: 100%;
    color: #777;
    padding: 20px 0;
    text-align: center;
    border-bottom: 2px solid #ddd;
    text-decoration: none;
    background-color: #f5f5f5;
    display: inline-block;
}

.sidelogin_menu a.active{background-color: #000;color: #fff;border-bottom: 2px solid #000;}

.profile_content{
    width: 75%;
    float: left;
    padding-left: 3%;
}

.profile_content p{color: #666;}

.myprofile_form .formlabel{
    width: 100px;
    position: relative;
    top: 10px;
    float: left;
}

.myprofile_form .forminput{float: left;width: 80%;}



.orderTable{width: 100%;}

.orderTable table{width: 100%;border-collapse: collapse;margin-bottom: 35px;min-width: 850px;}
.orderTable tr th,.orderTable tr td{
    border:1px solid #eee;
    padding:12px 10px;
}
.orderTable tr th{background-color: #818181;color: #fff;border:1px solid #818181;}
.orderTable tr td{vertical-align: top;}
.orderTable img{
    width: 65px;
    height: 65px;
    display: block;float: left;
}

.orderTable tr td{text-align: center;}

.orderTable h4{
    position: relative;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-size: 18px;
}

.orderTable .data{font-size: 14px;color: #777;}


.popupmsg_container{
    width: 100%;
    max-width: 600px;padding: 15px;
    background-color: #fff;
    position: absolute;top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.popupmsg_container .content{position: relative;}
.popupmsg_container h2{
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}
.popupmsg_container p{margin: 14px 0;}
.popupmsg_container .title{font-size: 20px;font-weight: bold;padding: 0;margin-bottom: 0;}
.option-btn{margin: 20px 0 10px 0;}
.option-btn button{margin:0 10px;}
.popupmsg_container .closepopup{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    padding: 0;
    background-color: transparent;
    color: #999;
    border: 0;
    z-index: 10;
}
.popupmsg_container .closepopup:hover{color: #000;}

.process-steps ul{padding: 0;margin:0 0 20px 0;}
.process-steps ul li{
    position: relative;
    padding: 0;
    display: inline-block;  
    border:1px solid #222;
    padding: 5px 15px;  
    margin-right: 25px;
    margin-bottom: 25px;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.75);
}

.process-steps ul li i{
    position: absolute;
    top: 60%;
    right: -25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}



.stores_container{
    width: 100%;
    margin-top: 40px;
    padding: 30px 0;
    border-top: 1px solid #ddd;
}

.stores_container select{
    width: 300px;
    padding: 6px 12px;
    border:1px solid #ddd;
    font-size: 15px;
    margin-bottom: 30px;
}

.sidemap-box{
    width: 33.33%;
    float: left;
    padding: 0 15px;
}

.sidemap-box .option{   
    border-bottom:1px solid #ddd; 
}

.sidemap-box ul{
    padding: 0;margin: 0;
    list-style: none;
    font-size: 14px;
    line-height: 1.5;
    height: 500px;
    overflow-y:scroll;
}

.sidemap-box ul li{
    border:1px solid #ddd;
    border-bottom: 0;
    padding: 10px;
    cursor: pointer;
}
.sidemap-box ul li:nth-child(even){background-color: #f5f5f5;}
.sidemap-box h4{font-size: 16px;}

.sidemap-box ul,.overflowbox::-webkit-scrollbar-track
{
    background-color: #ddd;
}

.sidemap-box ul,.overflowbox::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: #888;
}

.sidemap-box ul,.overflowbox::-webkit-scrollbar-thumb
{
    background-color: #000;
    border: 2px solid #000;
}


.storegooglemap{
    float: left;
    width: 66.66%;
    padding: 0 15px;
}

.storegooglemap #map{width: 100%;height: 500px;}


.service-login-container,.service-process-container{
    width: 100%;
    max-width: 700px;
    margin:0 auto;
}

.service-details-container{
    width: 100%;
}

.refNo{
    width: 100%;
    padding: 10px 10px;
    background-color: #818181;
    color: #fff;
}

.watch_img{width: 35%;float: left;padding: 30px 15px;}
.service_details{width: 65%;float: left;padding:30px  15px;}

.watch_img img{border:1px solid #ddd;width: 100%;height: auto;}

.service_details h2{color: #222;margin-bottom: 10px;}

.service_details p{margin:8px 0 0 0;}

.remarks{
    width: 100%;
    margin-top: 0;
    border-top: 1px solid #ddd;
    padding:  30px 0;
}

.remarks textarea{
    width: 100%;background-color: #f5f5f5;
    color: #222;
    padding: 15px;
    border:0;
    min-height: 160px;
    resize:none;
}

.processbar{width: 100%;padding: 0 30px;margin-bottom: 30px;}

.processbar .step{
    width: 20%;
    float: left;
    text-align: center;
    color: #999;
}
.processbar .icon{
    background-color: #f5f5f5;
    border:2px solid #ddd;
    font-size: 30px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 65px;
    margin-bottom: 7px;
}

.processbar .step.active{
    color: #f13340;
}

.processbar .step.active .icon{
    border:2px solid #f13340;
    background-color: #fff;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
}

.processbar .step.active .icon{
    animation-name: bounce-5;
    animation-timing-function: ease;
}
@keyframes bounce-5 {
    0%   { transform: scale(1,1)    translateY(0); }
    10%  { transform: scale(1.1,.9) translateY(0); }
    30%  { transform: scale(.9,1.1) translateY(-20px); }
    50%  { transform: scale(1,1)    translateY(0); }
    57%  { transform: scale(1,1)    translateY(-10px); }
    64%  { transform: scale(1,1)    translateY(0); }
    100% { transform: scale(1,1)    translateY(0); }
}