/*Fonts*/ @import url("product_gallery.css"); @font-face { font-family: 'Noto Sans'; src: url('../fonts/NotoSans-Bold.eot'); src: url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Bold.woff') format('woff'), url('../fonts/NotoSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('../fonts/NotoSans.eot'); src: url('../fonts/NotoSans.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans.woff') format('woff'), url('../fonts/NotoSans.ttf') format('truetype'); font-weight: normal; font-style: normal; } * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } header, nav, section, aside, footer{display:inline-block} body { font-size: 13px; color: #333; font-family: 'Noto Sans'; background:#EBECEC; position:relative;} html, body{height: 100%;} h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: normal; margin:0px 0px 10px 0px; font-family: 'Noto Sans';} h1 {font-size:21px} h2 {font-size:20px} h3 {font-size:18px} h4 {font-size:16px} h5{font-size:15px} h6{font-size:14px} img { border: 0px; max-width: 100%; height: auto } p { margin:0px 0px 15px 0px; line-height: 20px;} b, strong, th, .bold{ font-weight: bold; font-family: 'Noto Sans';} .fa{font-weight:normal !important} a { color: #3d80cc; cursor:pointer } a:hover { color: #215fa6 } a, input, select, textarea, button, input[type="submit"], input[type="reset"], label, label:before, label:after, .icons:before, .transition, .transitions, .transitions *, .site_menu ul li a:after{ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } a:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, select:focus, input[type="button"], input:focus, textarea:focus { outline: 0 !important; } button, input[type="submit"], input[type="reset"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation;} input, select, textarea, button, input[type="submit"], input[type="reset"], label{font-family: 'Noto Sans'; font-size:14px} table{font-family: 'Noto Sans'; font-size:13px} /* To get default Bootstrap Style we commenting .label and discussed the same with Tamilvanan */ label/*, .label*/{font-family: 'Noto Sans'; font-weight:normal; color: #808080; display:block; font-size:13px; text-align:left; padding:0px} .placeholder {color: #b5b5b5; font-family: 'Noto Sans';} ::-webkit-input-placeholder {color: #b5b5b5; font-family: 'Noto Sans';} :-moz-placeholder {color: #b5b5b5; font-family: 'Noto Sans';} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;} .reset:focus { outline: 0px; border: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none } ul.reset { margin: 0px; padding: 0px; list-style: none; } .hidethis { display: none } .bold { font-weight: 500 } .radius { border-radius: 200px !important; -webkit-border-radius: 200px !important; -moz-border-radius: 200px !important } .btn { display: inline-block; text-align: center; padding: 12px 20px 12px 20px; background: #E30613; min-width: 110px; text-decoration: none !important; color: #fff !important; font-weight: 400; border: 0px; border-radius:0px; cursor:pointer; overflow:hidden; box-shadow: 0 4px 5px rgba(0,0,0,.3); position:relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; overflow:hidden; font-family: 'Noto Sans'; font-size:14px; line-height:normal; } .btn.loading{background: url(../images/loader_1.gif) no-repeat center #E30613 !important; text-indent:-99999999px; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; -webkit-transition: all 0s ease;} .btn.lg{font-size:16px; padding:12px 40px} .btn:hover { background: #BC000B; color: #fff; text-decoration: none ;} .btn:active{background: #BC000B} .btn .fa{font-weight:normal; font-size:16px; margin-right:8px} .up { text-transform: uppercase !important } .btn:focus { outline: 0px; border: 0px;} .btn.full{width:100%; max-width:100%; min-width:inherit; padding:12px 15px 12px 15px} .btn.shadow{box-shadow: 0 4px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.2);} .btn.grey{background: #404040;} .btn.grey:hover{background: #212121;} .btn.black{background: #000; color:#fff} .btn.black:hover, .btn.black:focus{background: #525252; color:#fff !important} .btn.grey.loading{background: url(../images/loader_2.gif) no-repeat center #404040 !important; text-indent:-99999999px} .btn.white{background: #fff; box-shadow: 0 4px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.2); color:#74112e !important} .btn.white:hover{background: #b12e54; color:#fff !important} .btn.reset{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none} .mb10 { margin-bottom: 10px !important } .mb15 { margin-bottom: 15px !important } .mb20 { margin-bottom: 20px !important } .mt10 { margin-top: 10px !important } .mtb10 { margin-top: 10px !important; margin-bottom: 10px !important } .mt20 { margin-top: 20px !important } .mt30 { margin-top: 30px !important } .mt5 { margin-top: 5px !important } .mt0 { margin-top: 0px !important } .mb0 { margin-bottom: 0px !important } .mar0 { margin: 0px !important } .ml0 { margin-left: 0px !important } .pad0 { padding: 0px !important } .pb0 { padding-bottom: 0px !important } .pt0 { padding-top: 0px !important } .pt10 { padding-top: 10px !important } .pb10 { padding-bottom: 10px !important } .pr35 { padding-right: 35px !important } .pb20 { padding-bottom: 20px !important } .plr0 { padding-left: 0px !important; padding-right: 0px !important; } .plr15 { padding-left: 15px !important; padding-right: 15px !important; } .bt0 { border-top: 0px !important; } /*Checkbox*/ input.checkbox{display:none} input[type="checkbox"] + label.checkbox { cursor: pointer; position: relative; padding-left: 25px; margin: 0px; clear: both; display: inline-block; line-height: 18px; text-align: left; font-family: 'Noto Sans';} input[type="checkbox"] + label.checkbox:before { content: ""; width: 15px; height: 15px; position: absolute; top: 1px; left: 0px; font-family:FontAwesome; text-align:center; color:#fff; font-size:0px; border-radius:2px; border:1px solid #B0B1B3; line-height:14px;} input[type="checkbox"]:checked + label.checkbox:before { content: "\f00c"; background:#E30613; border:1px solid #E30613; font-size:11px;} input[type="checkbox"]:checked + label.checkbox{color:#E30613} /*Radio*/ input.radio{display:none} input[type="radio"] + label.radio { cursor: pointer; position: relative; padding-left: 24px; margin: 0px; clear: both; display: inline-block; line-height: 18px; text-align: left; font-family: 'Noto Sans';} input[type="radio"] + label.radio:before { content: ""; width: 18px; height: 18px; position: absolute; top: 0px; left: 0px; font-family:FontAwesome; text-align:center; color:#fff; font-size:0px; border-radius:100px; border:2px solid #B0B1B3; line-height:15px;} input[type="radio"]:checked + label.radio:before { content: "\f00c"; border:2px solid #E30613; font-size:11px; color:#fff; background:#E30613} input[type="radio"]:checked + label.radio{color:#E30613} .radio_group input[type="radio"] + label.radio, .checkbox_group input[type="checkbox"] + label.checkbox{margin:5px 15px 5px 0px; float:left; clear:none} .radio_group span.label, .checkbox_group span.label, .checkbox_group label.label, .radio_group label.label, .form-group label.label{font-family: 'Noto Sans'; color:#333; display: inline-block; padding: 0px; font-size: 14px; font-weight: normal; line-height: normal; color: #333; text-align: left; white-space: normal; vertical-align: baseline; border-radius: 0px; margin-right: 10px;} .checkbox_group label.label, .radio_group label.label, .radio_switch .label, .form-group label.label, .label_style label{display:block; margin-bottom:10px; color:#6c6c6c} /*switch*/ label.switch { position: relative; display: inline-block; width: 60px; height: 28px; margin:0px 0px 0px 0px; } label.switch input {display:none;} label .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #a9aaad; -webkit-transition: .4s; transition: .4s; border-radius:100px} label .slider:before {position: absolute; content: ""; height: 18px; width: 18px; left: 5px; top: 50%; background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 100px; margin-top: -9px;} input:checked + .slider { background-color: #60c138; } input:checked + .slider:before { left:38px;} label .slider:after{content: "OFF"; font-family: 'Noto Sans'; font-size: 13px; color: #fff; -webkit-transition: .4s; transition: .4s; position: absolute; right: 8px; top: 6px;} input:checked + .slider:after{content: "ON"; float:left; position: absolute; right:30px;} .status{margin:12px 0px;} .status label, .switch label{margin-right:10px; font-family: 'Noto Sans' !important;} .status label.switch{margin:0px} /*Input*/ form{margin:0px} label .form-control{margin-top:4px} .form-control{background:#f7f7f7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .form-control, .chosen-container a, .chosen-container-multi .chosen-choices{height:40px; padding:0px 12px; line-height:40px; border-radius:0px; border:1px solid #D8D9D9; width:100%; color: #333; font-size:13px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;} .chosen-container-multi .chosen-choices{height: auto; padding: 5px 10px; line-height: normal;} .input-group-addon{border-color:#D8D9D9 !important; background:#f7f7f7} .input-group .form-control, .input-group-addon{border-radius:0px!important} .form-control:focus, .form-control:focus{border-color: #d2d2d2; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(152, 152, 152, 0.5) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(152, 152, 152, 0.5) !important; background:#fff} input[disabled].form-control, input[disabled].form-control{cursor:no-drop; background:#e8e8e8; padding:0px 15px} textarea.form-control { height: 120px; line-height: 20px; width:100% !important; font-size:13px; padding:10px; white-space: normal; overflow: visible; text-overflow: initial;} .bordered .form-control{border:1px solid #c1c1c1 !important} .form-group, .input-group{margin-bottom:25px; float:left; width:100%} .form-group_full .form-group{float:left; width:100%} .form-group.icon{position:relative} .form-group.icon .fa{font-size:18px; position:absolute; left:10px; width:18px; height:18px; text-align:center; line-height:16px; bottom:10px; color:#8b9096} .input-group-addon .fa {color:#8b9096; font-size:18px; width: 18px; height: 18px; text-align: center;} .input-group-addon .fa.fa-mobile{font-size: 25px; margin-top: -5px;} .bordered .form-group .fa{left:10px; bottom:50%; margin-bottom:-8px} .bordered .form-control{height:38px; border-radius: 4px; box-shadow: 0px 1px 3px rgba(0,0,0,.2); border: 1px solid #ccc; padding: 0px 10px; overflow: hidden; text-overflow: ellipsis;} .bordered .icon .form-control{padding-left:32px} .icon .form-control{padding-left:38px;} .chosen-container-active.chosen-with-drop .chosen-single{border:0px !important; background:#fff; position: relative; z-index: 9999;} .form-group .help-block{margin:0px; color: #ea3333; height: 0px; overflow: hidden; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; font-size:0px;} .form-group.has-error .help-block{height:0px; overflow:visible; font-size:12px; float: left; width: 100%; text-align:right} .form-group label.req:after, label.req:after{content:"*"; margin-left:3px; color:#ea3333; font-family: 'Noto Sans'} .form-group.has-error .fa, .has-error label.label, .has-error label{color:#ea3333;} .has-error label.checkbox, .has-error label.radio{color:#6c6c6c} .has-error .form-control, .has-error .chosen-container a{border-color:#ff8989 !important; background: #fff4f4;} .has-error .chosen-container a{border-top-color:#fff !important} .has-error .form-control-feedback.glyphicon-remove{display:none !important} .has-feedback label~.form-control-feedback{top: auto; bottom: 50%; margin-bottom: -30px;} .form-control-feedback{height:40px; line-height:40px} .has-error .input-group-addon{border-color:#ff8989 !important} .has-success .input-group-addon{border-color:#88d089 !important} .form-group .error { float: left; font-size: 12px; width: 100%; color: #e30613; position: absolute; left: 0px; top: 100%;} .error{font-size: 12px;color: #e30613;} .form-group.has-success .fa, .has-success label.label, .has-success label{color:#5db75e;} .has-success label.checkbox, .has-success label.radio{color:#5db75e} .has-success .form-control, .has-success .chosen-container a{border-color: #88d089 !important; background: #f1f9f1;} .has-success .form-control-feedback { color: #56bb57; } .alert.top{position: fixed; top: 100px; right: -100%; z-index: 9999; max-width: 280px; width: 100%; margin: 0px; padding: 12px 35px 12px 15px; overflow:hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} .alert.top.active{right:20px; } .alert.top #loading{position:absolute; content:""; left:0px; bottom:0px; height:4px; background:rgba(0, 0, 0, 0.28); width:0px} .alert.top b{display:block} .alert.top .fa{position: absolute; right: 0px; width: 30px; height: 30px; text-align: center; top: 0; line-height: 30px; cursor:pointer; color: #8aaf7c;} .alert.top .fa:hover{color:#3c763d} .alert-success{background-color: #d7f3cc; border-color: #90c37c;} .alert-danger { color: #bf2424; background-color: #ffdddd; border-color: #e89595; } /*.alert.alert-danger .fa{color:#e0a0a0}*/ /*.alert.alert-danger .fa:hover{color:#bf2424}*/ .chosen-container a{line-height: normal; padding-top: 10px; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; -webkit-transition: all 0s ease; } .chosen-container-single .chosen-default, .chosen-container-single .chosen-single{background: #f7f7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);} .chosen-container .chosen-results li.no-results{font-size:13px} .chosen-container .chosen-results li:last-child{border-radius:0px 0px 4px 4px} .chosen-container .chosen-results{font-size:13px;} .input-group .chosen-container-single .chosen-single{border-top-left-radius: 0px; border-bottom-left-radius: 0px;} .clear{clear:both} .tooltip-inner{background:rgba(0, 0, 0, 0.9); max-width: 240px;} .tooltip.top .tooltip-arrow{border-top-color:rgba(0, 0, 0, 0.9)} .tooltip.right .tooltip-arrow{border-right-color:rgba(0, 0, 0, 0.9)} .tooltip.bottom .tooltip-arrow{border-bottom-color:rgba(0, 0, 0, 0.9)} .tooltip.left .tooltip-arrow{border-left-color:rgba(0, 0, 0, 0.9)} .full_row{float:left; width:100%} .table-striped>tbody>tr:nth-of-type(odd){background:#f4f4f4} .table-striped{border-bottom:1px solid #ddd} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:15px 10px; vertical-align:middle; border-color:#D8D8D9 !important} .table>thead>tr>th{background:#fff; border-bottom:2px solid #D8D8D9; border-top:1px solid #D8D8D9 !important; white-space: nowrap; font-size:13px} .table .check_box input[type="checkbox"] + label.checkbox:before{top:-10px} .table .check_box{width:30px;} .table th .fa{margin-left:10px; cursor:pointer} .table .image { width: 150px; text-align: center; } .table .image img{width: 100px; height: 100px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border: 2px solid #5e6165; padding: 3px; background: #fff;} /*pagination*/ .pagination { text-align: center; padding: 0px; margin: 15px 0px 10px 0px; float:left; width:100%} .pagination li{display:inline-block; position:relative} .pagination li a, .pagination li span{display:inline-block; margin:2px !important; width:30px; height:30px; line-height:28px; border-radius: 100px; color:#737478; font-family: 'Noto Sans'; text-decoration:none; padding:0px; border-color: #d8d8d9 !important;} .pagination li span, .pagination li.next a, .pagination li.prev a{ border-radius: 4px; line-height: 26px;} .pagination li a:hover{background:#d8d8d9; color:#333; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3)} .pagination li a.active, .pagination li a.active:hover, .pagination li.active a, .pagination li.active a:hover{background:#E30613; color:#fff; box-shadow:none; border-color: #e30613 !important;} .pagination li.action.icon { margin: 0px 0px 0px 10px; } .pagination li.action.first { margin: 0px 0px 0px 0px; } .pagination li.action.second { margin: 0px 10px 0px 0px; } .pagination li.action a, .pagination li.action.disabled span{width:auto; background:#a9aaad; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:0px 15px; text-transform:uppercase; font-size:12px; vertical-align:middle; height:34px; line-height:34px; position:relative; display:inline-block} .pagination li.action a:hover{background:#88888c} .pagination li.action a.icon, .pagination li.action.icon a, .pagination li.action.icon.disabled span{ -webkit-border-radius: 200px; -moz-border-radius: 200px; width:34px; height:34px; text-align:center} .pagination li.action .fa{line-height:34px; font-size:20px; position:absolute; left:0px; width:100%} .pagination li.action.disabled span{background: #c1c1c1; color: #7b7b7b; cursor: no-drop; margin:2px} /*Tabs*/ .nav-tabs{background: #fff !important; padding: 0px 0px; border-bottom: 1px solid #D8D8D9; margin-bottom:0px; text-align:left; float:left; width:100%; } .nav-tabs>li{float:left; padding:0px} .nav-tabs>li>a{padding: 0px 25px 0px 25px !important; margin: 0px !important; border: 0px !important; border-radius: 0px; background: none !important; color: #B0B1B3; font-size: 15px; position: relative; line-height: normal; font-family: 'Noto Sans'; font-weight:bold; text-align: center; text-transform: uppercase; min-width: 80px; height: 34px; line-height: 28px;} .nav-tabs>li>a:after{content: ""; position: absolute; left: 50%; bottom:0px; margin-left: -1px; width: 2px; height: 3px; background: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .nav-tabs>li.active>a:after{width:100%; background:#E30613; left:0px; margin-left:0px} .nav-tabs>li.active>a, .nav-tabs>li>a:hover{color:#E30613 !important} /*breadcrumb*/ ul.breadcrumb{background:none; margin:0px; padding:15px 0px 20px 0px; float:left; width:100%; font-size:12px;} ul.breadcrumb>li+li:before{content:"\f105"; font-family:FontAwesome; color:#a0a0a0; padding:0 10px 0 10px} .breadcrumb li{float:left} .breadcrumb li a{text-decoration:none} /*Modal*/ .modal-backdrop{z-index:9999999} .modal{z-index:99999999} .modal-backdrop.in{filter: alpha(opacity=70); opacity: .7;} .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } body .modal{text-align:center; padding:0px !important} .modal-dialog { margin: 0 auto !important; padding: 15px 15px; display: inline-block; text-align: left; vertical-align: middle;} body .modal-sm{max-width:450px; width:100%} body .modal-md{max-width:1000px; width:100%} body .modal-sm .form_group{float:left; width:100%} .modal-content, .modal-header, .modal-body, .modal-footer{display:inline-block; width:100%; position:relative} body .modal-content{border:0px; border-radius:0px} body .modal-header{border:0px; background:#E30613; border-top-left-radius: 0px; border-top-right-radius: 0px;} body .modal-title{color:#fff; font-family: 'Noto Sans'; font-size: 17px; font-weight:normal} body .modal-header .close{margin: 0px; position: absolute; right: 4px; top: 5px; color: #FFA3A8; opacity: 1; font-weight: normal; text-shadow: none; width: 24px; height: 24px; text-align: center; line-height: 24px; font-size:24px} body .modal-header .close:hover{color:#fff} body .modal-body{padding:20px 20px 5px 20px; text-align:left} body .modal-footer{background:#eee; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding:8px 15px 10px 15px} body .modal-footer .btn{margin-left:8px !important; margin-top:5px; margin-bottom:5px !important} .modal.fade { transform: scale(0); -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .modal.fade.in { transform: scale(1); } /*scrolling-tabs*/ .scrtabs-tab-container * { box-sizing: border-box; } .scrtabs-tab-container { height: 34px; float:left; width:100%; margin-bottom:15px; overflow:hidden; } .scrtabs-tab-container .tab-content { clear: left; } .scrtabs-tabs-fixed-container { float: left; height: 34px; overflow: hidden;} .scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container {overflow-x: auto; } .scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container::-webkit-scrollbar { display: none; } .scrtabs-tabs-movable-container { position: relative; } .scrtabs-tabs-movable-container .tab-content { display: none; } .scrtabs-tab-scroll-arrow { float: left; height: 30px; width: 30px;} .scrtabs-tab-scroll-arrow .fa{line-height:28px; color: #fff; cursor: pointer; float: left; font-size: 18px; margin: 0; width: 30px; height: 30px; background: #a9aaad; border-radius: 100px; text-align: center;} .scrtabs-tab-scroll-arrow .fa:hover { background: #88888c; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);} .scrtabs-tabs-fixed-container ul.nav-tabs { height: 34px; } .scrtabs-tabs-fixed-container ul.nav-tabs > li { white-space: nowrap; } .scrtabs-tab-content-outside-movable-container .nav-tabs { display: none; } /*DateTime Picker*/ .datetimepicker{z-index: 999 !important; padding: 0; margin-top: 5px;} .datetimepicker td, .datetimepicker th{padding:8px !important; width: 38px; height: 38px; border-radius: 100px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; font-weight:normal; font-size:14px; position:relative} .datetimepicker th.remove:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; z-index:99} .datetimepicker thead tr:first-child th, .datetimepicker tfoot tr:first-child th{background:#000} .datetimepicker th{border-radius:0px;} .datetimepicker table tr td.active, .datetimepicker table td .active{background: #E30613 !important; text-shadow: inherit !important;} .datetimepicker thead{background:#000; color:#fff} .datetimepicker thead tr:first-child th:hover{background:#2B2B2B} .datetimepicker th.prev:before, .datetimepicker th.next:before{font-family:FontAwesome; color:#fff} .datetimepicker th.prev:before{content:"\f053"; } .datetimepicker th.next:before{content:"\f054"; } .datetimepicker tfoot tr:first-child th:hover { background: #afafaf; color:#000} .datetimepicker tfoot tr:first-child th{border-top:1px solid #a7a7a7} .datetimepicker-hours table tr td, .datetimepicker-minutes table tr td{padding:0px !important} .datetimepicker-hours fieldset, .datetimepicker-minutes fieldset{padding:4px 0px} .datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend{border: 0px; background: #EBECEC; font-size: 17px;} .datetimepicker .datetimepicker-hours span { height: 32px; line-height: 32px; border-radius: 100px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} [class*=" datetimepicker-dropdown"]:after{border-bottom: 6px solid #000;} /*Loader*/ /*Main*/ .container { max-width: 1600px; margin:0 auto; padding:0px 30px; width:100%} .dh{display:none} .section{float:left; width:100%; padding:25px 0px 25px 0px; position:relative} .section.blue{background:url(../images/pattern_3.png) #000;} .section.bg1{background:url(../images/pattern_2.png) #EBECEC;} /*Header*/ .site_header, .fixed_header{float:left; width:100%; padding:0px; background:#000; color:#fff; font-size:13px; position:relative; z-index:999999; } .sticky-wrapper{position:relative; z-index:9999} .top_bar{border-bottom:1px solid #404040;} .top_bar .contact a, .top_bar .menu li a{color:#898B8E; text-decoration:none; padding:10px 0px; display:block; float:left; margin-right:20px; font-size:12px} .top_bar .contact a:hover, .top_bar .menu li a:hover{color:#fff} .top_bar .contact .fa{margin-right:5px;} .top_bar .menu li{float:left} .top_bar .menu li a{margin-right:0px; margin-left:20px} .top_bar .dropdown{float: left; margin-right: 10px;} .top_bar .toggle, .dropdown_menu .link { display: inline-block; padding: 0px 10px; color: #898B8E; text-decoration: none; float: left; line-height: 30px; } .top_bar .toggle.active, .top_bar .dropdown-menu>li>a.active{background: #E30613; color: #fff !important; font-weight: 600} .top_bar .toggle:hover, .dropdown_menu:hover .link{color:#fff} .top_bar .toggle .fa, .top_bar .link .fa{margin-right: 5px; float: left; line-height: 30px;} .top_bar .dropdown-menu{padding: 10px 0px; min-width: 180px; border: 0px; border-radius: 0px 0px 4px 4px; margin: 0px; z-index: 99999;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2); box-shadow: 0 2px 4px rgba(0,0,0,.2);} .top_bar .dropdown-menu>li>a{padding: 8px 15px; font-size: 13px; white-space: nowrap} .top_bar .dropdown-menu>li>a:hover{background: #ebecec} .top_bar .user_info{line-height: 30px} .dropdown_menu{float: left; position: relative; z-index: 999999;} .dropdown_menu ul{position: absolute; left: 0px; top: 100%; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23); width: 200px; border-radius: 0px 0px 4px 4px; padding: 10px 0px; display: none} .dropdown_menu:hover ul{display: block} .dropdown_menu ul a{padding: 10px 15px 10px 40px; position: relative; display: block; color: #333; text-transform: capitalize; text-decoration: none} .dropdown_menu ul a:hover, .dropdown_menu ul a.active{background: #EBECEC; color: #E30613;} .dropdown_menu ul a .fa{position: absolute; font-size: 14px; text-align: center; line-height: 14px; top: 50%; margin-top: -7px; left: 15px; width: 14px;} .header_right{padding-top:18px; z-index:99999; position:relative} .header_right .select{float:left; position:relative; margin-left:15px; display:table; width:250px} .header_right .select label{float:left; line-height:30px; height:30px; color:#fff; margin:0px; display:table-cell; padding:0px 10px 0px 30px; background:#F19447; position:relative; right:-1px} .select label .fa{position:absolute; left:10px; top:50%; margin-top:-7px; font-size:14px; width:14px; text-align:center} .header_right .chosen-container{display:table-cell} .header_right .chosen-container a{height:30px; padding-top:6px; font-size:12px} .header_right .chosen-container-single .chosen-single div b{background-position:0px 7px} .header_right .chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 7px} .header_right .chosen-container .chosen-results { font-size: 12px; } .site_logo img {margin: 15px 20px 0px 0px; max-width: 150px;} .site_menu{float:left} .site_menu li{float:left; margin:0px 10px 0px 10px; text-transform:uppercase; font-family: 'Noto Sans'; position:relative} .site_menu li a{color:#fff; text-decoration:none; padding:3px; position:relative} .site_menu li a.active, .site_menu li a:hover{color:#E30613} .site_menu li a .fa{margin-right:5px} .site_menu li.btns{margin:25px 0px 0px 10px} .site_menu li a.sell, .site_menu li a.login{padding:8px 12px; border:1px solid #E30613; color:#E30613;} .site_menu li a.sell:hover{background:#E30613; color:#fff} .site_menu li a.login{border:1px solid #fff; color:#fff; } .site_menu li a.login:hover{background:#fff; color:#000} .site_menu .sub_menu .fa, .site_menu .sub_menu{margin-right:0px;} .site_menu li .sub_menu{display: none; position: absolute; top: 100%; right:0px; width:200px; padding-top:15px; z-index:99999} .site_menu li:hover .sub_menu{display: block;} .site_menu .my_acc{font-size:0px; padding:0px; padding-left:15px} .site_menu .my_acc .fa { width: 30px; height: 30px; line-height: 30px; padding: 0px; background: #e30613; margin-top:2px; text-align: center; font-size: 18px; border-radius: 100px; color: #ffffff; } .site_menu .my_acc .fa:hover{background:#BC000B} .site_menu .sub_menu ul{background:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23); float:left; padding:10px 0px; position:relative} .site_menu .sub_menu ul:before{content: "\f0d8"; font-family: "FontAwesome"; position: absolute; top: -15px; line-height: normal; font-size: 25px; color: #fff; right: 10px;} .site_menu .sub_menu li{margin:0px; width:100%} .site_menu .sub_menu ul a { padding: 10px 15px 10px 40px; position: relative; display: block; color: #333; text-transform: capitalize; } .site_menu .sub_menu ul a:hover{background:#EBECEC; color:#E30613} .site_menu .sub_menu ul a .fa{position:absolute; font-size:14px; text-align:center; line-height:14px; top:50%; margin-top:-7px; left:15px; width: 14px;} .header_search{margin:10px 0px; position:relative; padding:0px 200px 0px 265px; height:36px;} .category_menu .menu_bar, .category_menu ul{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .category_menu li{position:relative} .category_menu{position:absolute; left:0px; top:0px; width:250px;} .category_menu .menu_bar{cursor:pointer; display:block; padding:0px 20px 0px 40px; position:relative; height:36px; line-height:36px; background:#E30613; text-transform:uppercase; font-family: 'Noto Sans'; font-size:14px; color:#fff;font-weight: bold; letter-spacing: 1px;} .category_menu .menu_bar:hover{background:#BC000B} .category_menu .menu_bar:before, .category_menu .menu_bar:after{content:"\f107"; font-family:FontAwesome; position:absolute; right:15px; top:50%; margin-top:-8px; font-size:17px; width:16px; height:16px; line-height:16px; text-align:right; font-weight:normal} .category_menu .menu_bar:before{right:inherit; left:15px; content:"\f0ca"; text-align:left} .category_menu .main_cate{margin-top:10px;} .category_menu .main_cate, .category_menu .sub_menu .sub_menu{background:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23); display: none;} .category_menu li:hover .main_cate, .category_menu .main_cate li:hover .sub_menu{display: block;} .category_menu .main_cate a{display:block; padding:10px 15px 10px 45px; position:relative; font-size:13px; color:#404040; text-decoration:none} .category_menu .main_cate a:hover{box-shadow:0px 0px 10px rgba(0, 0, 0, 0.23); color:#E30613} .category_menu .main_cate a .fa{position:absolute; left:12px; font-size:16px; text-align:center; width:18px; height:18px} .category_menu .sub_menu .sub_menu{background:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23); position: absolute; left: 100%; top:0px; width:780px; padding-right:250px;} .category_menu .sub_menu ul ul{padding:10px 5px} .category_menu .sub_menu .main{width:100%; position:relative; height: 100%; max-height: 350px;} .category_menu .sub_menu .nicescroll-rails{margin-left:-5px;} .category_menu .arrow:after{content: "\f105"; font-family: FontAwesome; position: absolute; right: 10px; font-size: 16px; top: 50%; margin-top: -8px; line-height: 16px;} .category_menu .sub_menu .sub_menu.bg1{background:url(../images/menu_bg1.jpg) no-repeat right #fff} .category_menu .sub_menu ul, .category_menu .sub_menu li li{float:left; width:100% !important;} .category_menu .sub_menu ul a{padding:4px 10px; font-size:12px} .category_menu .sub_menu ul a:hover{box-shadow:none; color:#E30613} .category_menu .sub_menu ul a.title{color:#E30613; font-weight:bold; text-transform:uppercase} .category_menu .sub_menu.col_1{width:180px} .category_menu .sub_menu.col_2{width:360px} .category_menu .sub_menu.col_3{width:550px;} .category_menu .sub_menu.col_1 li{float:left; width:100%; } .category_menu .sub_menu.col_2 li{float:left; width:50%; } .category_menu .sub_menu.col_3 li{float:left; width:33.3%; } body.menu_open:before { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); content: ""; z-index: 99999; transition: all 0.3s ease;} .search_form{float:left; width:100%; position:relative; padding:0px 120px 0px 200px; margin:0px} .search_form .chosen-container a, .search_form .chosen-container-active.chosen-with-drop .chosen-single{border:0px !important; font-size:13px; padding-top:9px; border-radius: 0px; -webkit-box-shadow: none !important; box-shadow: none !important; background:#fff; color:#606060; height:36px; z-index:9999} .search_form .chosen-container{width:200px !important; position: absolute; left: 0px; top: 0px;} .search_form .chosen-container-single .chosen-single div{right:5px} .search_form .chosen-container .chosen-drop{border:0px} .search_form .chosen-container-single .chosen-search input[type="text"], .search_form .chosen-container .chosen-results li{font-size:13px} .search_form .chosen-container-single .chosen-search input[type="text"]{color:#333} .search_form .form-control{border:0px; -webkit-box-shadow: none !important; box-shadow: none !important; background:#fff; border-left:1px solid #D8D9D9; padding:0px 12px; height:36px; line-height:36px; font-size:14px; position: relative; z-index: 99;} .search_form .search_box{position:relative;} .search_form button{position: absolute; top: 0px; right: 0px; height: 36px; border: 0px; background: #E30613; border-radius:0px; width: 120px; font-family: 'Noto Sans'; color: #fff;} .search_form button:hover{background:#BC000B} .search_form button .fa{margin-right:5px} .search_form .ui-widget{margin: 0px; padding: 0px; width: 100% !important; position: absolute; left: 0px !important; top: 100% !important; list-style:none; background:#fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); font-size:13px; color:#333; max-height:230px; overflow:auto} .search_form .ui-widget li{display:block; cursor:pointer; padding:10px 12px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background:#fff !important} .search_form .ui-widget li:hover{background:#EBECEC !important; color:#E30613 !important} .search_form .ui-widget li .ui-menu-item-wrapper{padding:0px !important; border:0px !important; margin:0px !important; background:none !important; color:#333 !important} .search_form .ui-widget li:hover .ui-menu-item-wrapper{color:#E30613 !important} .mini_cart{float:right; position:absolute; right:0px; top:100%; text-align:right; margin-top: -30px; padding-bottom: 15px;} .cart_info{float:right; position:relative; font-size:20px; cursor:pointer; font-size: 15px; line-height: 26px;} .cart_info:before{content:""; font-family:FontAwesome; margin-right:5px; width:35px; height:26px; background:url(../images/cart.png) no-repeat left; float:left} /* .cart_info .amount:before{content:"\f156"; font-family:FontAwesome; margin-right:3px; font-size:18px; line-height:50px} */ .cart_info .count { position: absolute; width: 30px; height: 20px; top: -5px; left: 7px; bottom: 3px; border-radius: 100px; font-size: 11px; text-align: center; line-height: 20px; font-family: 'Noto Sans'; color: #f19447; font-weight: bold; } .mini_cart .cart_detail{position:absolute; right:0px; top:0px; margin-top:65px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23); background:#fff; width:350px; text-align:left; color:#808080; display: none;} .mini_cart:hover .cart_detail{display: block;} .mini_cart ul{max-height:280px; float:left; width:100%} .mini_cart ul li{float:left; width:100%; position:relative; padding:15px 40px 15px 85px; min-height:80px; border-top:1px dashed #D8D8D9; transition: all 0.3s ease} .mini_cart ul li:first-child{border:0px} .mini_cart ul li:hover{background:#F6F5F1} .mini_cart ul li .amount{line-height:24px;} .mini_cart ul li .amount:after{content:"x"; float:left; margin-right:5px} .mini_cart ul li.empty{padding:80px 15px 20px 15px; text-align:center; min-height:inherit; background:url(../images/empty_cart.png) no-repeat center top; background-size:60px; margin-top:20px; color:#808080} .mini_cart img{width:60px; height:60px; border-radius:100px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); padding:4px; border:1px solid #D8D8D9; position:absolute; left:12px; top:10px; background:#fff} .mini_cart h3{margin-top:-3px} .mini_cart h3 a{font-size:13px; font-weight:normal; color:#333; text-decoration:none; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .mini_cart h3 a:hover{color:#E30613} .mini_cart .remove{background:none; position:absolute; border:0px; padding:0px; color:#BFBFBF; right:15px; top:50%; font-size:18px; margin-top:-9px;} .mini_cart .remove:hover{color:#E30613} .mini_cart .nicescroll-rails{margin-left:-2px} .mini_cart .bottom{float:left; width:100%; background:#fff; padding:15px; box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.15); border-top:1px solid #D8D8D9; text-align:center} .mini_cart .bottom .btn{width:100%; text-transform:uppercase; padding:15px 15px;} .mini_cart .bottom .btn .fa{position:absolute; right:10px;} .mini_cart .bottom p{margin:0px 0px 10px 0px;} .mini_cart .bottom .amount{font-size:18px; color:#000} /* .amount:before{content:"\f156"; font-family:FontAwesome; margin-right:3px; font-size:13px;} */ .qty_box span{float:left; margin-right:15px;} .qty_box.full{width: 100%} .qty_box .btn{width:24px; height:24px; min-width:inherit; padding:0px; float:left; box-shadow: none; background:#fff; border:1px solid #B0B1B3; color:#B0B1B3 !important; border-radius:0px 4px 4px 0px} .qty_box span .btn:first-child, .qty_box .btn:first-child{border-radius:4px 0px 0px 4px} .qty_box .btn:hover{background:#B0B1B3; color:#fff !important} .qty_box .btn .fa{margin:0px; font-weight:normal; font-size:10px} .qty_box .form-control{border:1px solid #B0B1B3; border-left:0px; border-right:0px; background:#fff; width:40px; padding:0px 3px; line-height:24px; height:24px; float:left; text-align:center; font-weight:bold; background:#fff; color:#808080} .modal.login .modal-sm{max-width:800px; margin:70px 0px !important} .modal.login .modal-header {position:static; color:#fff} .modal.login .modal-header .close{color:#FF7D84} .modal.login .modal-header .close:hover{color:#fff} .modal.login .modal-content, .modal.login .modal-header {background:#E30613; padding:0px} .modal.login .modal-title{text-transform:uppercase; margin-bottom:15px; position:relative; padding-bottom:10px} .modal.login .modal-title:after{position:absolute; content:""; bottom:0px; left:0px; height:3px; width:50px; background:#fff} .modal.login .modal-content{ padding:30px 410px 30px 30px; border-radius:0px;} .modal.login .modal-body{background: #fff; max-width: 330px; position: absolute; top: 50%; left: calc(50% - -170px); min-height: 300px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); padding:20px; } .login_page .nav-tabs{margin-bottom:20px; border:0px} .login_page .nav-tabs>li{float:left; width:50%} .login_page .nav-tabs>li>a{padding:0px 10px; font-size:15px} .login_page .nav-tabs .fa{margin-right:10px;} .login_page .btn{width:100%; text-transform:uppercase; letter-spacing:1px; padding-left:10px; padding-right:10px} .social_login{margin-top:20px; position:relative; color: #808080;} .social_login h4{text-align:center; font-size:12px; position:relative; z-index:999; font-weight:normal;} .social_login span{position: absolute; bottom:-2px; left: 50%; width: 46px; height: 46px; z-index: 99; background: #fff; border-radius: 100px; margin-left: -25px; text-align: center; line-height: 46px; font-size:12px} .modal.login .social_login .btn{width:50%; float:left; font-size:13px; letter-spacing:0px; box-shadow:none} .modal.login .social_login .btn.facebook{background:#3856A0; padding-right: 25px; padding-left: 5px;} .modal.login .social_login .btn.facebook:hover{background:#273D71} .modal.login .social_login .btn.google{background:#DD4330; padding-right: 5px; padding-left: 20px;} .modal.login .social_login .btn.google:hover{background:#A83324} .agree{text-align:center; margin:10px 0px 0px 0px; font-size:12px; color:#808080} .modal_desc{font-size:12px; padding-left:30px; position:relative; z-index:99} .modal_desc h5{font-size:13px; position:relative; margin-bottom:5px} .modal_desc .fa{position:absolute; left:-33px; text-align:center; font-size:20px; top:12px; line-height:20px; width:20px;} .modal_desc p{border-bottom:1px dashed #ED464F; padding-bottom:15px;} .modal_desc p.last{margin:0px; padding:0px; border:0px} /*Login Page*/ .login_page{float: left; width: 100%; text-align:center; background:url(../images/pattern_5.png) #000} .login_page:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;} .login_page .container{ display: inline-block; vertical-align: middle; margin-top:30px; margin-bottom:30px;} .login_page .nav-tabs>li>a{padding:0px 10px 0px 10px !important; height: 40px; line-height: 35px;} .login_page .btn{font-size:16px; margin-top:2px;} .login_page .formbox{text-align:left; max-width:420px; padding:20px 25px 25px 25px; background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.5); width:100%; display:inline-block} .login_page .logo{padding:15px; background:#E30613; display:inline-block; max-width:420px; width:100%; margin-bottom:-4px} .login_page .logo img{max-width:130px; display:block; margin:0 auto} .login_page .error{position: absolute; left: 0px; bottom: 100%; width: 100%; text-align: right; margin-bottom:5px; top:auto} .login_page .form-group{margin-bottom:15px} .login_page .forgot{float:left; width:100%; text-align:center; margin-top:15px;} .login_page .modal .agree{margin:15px 0px 15px 0px} .site_banner{position:relative} .site_banner .owl-carousel{overflow: hidden;} .site_banner .col-sm-3{padding:0px 10px} .site_banner .boxes{position:absolute; z-index:99; bottom:0px; left:0px; width:100%; background:rgba(255, 255, 255, 0.8);} .site_banner .boxes .row{margin:0px -10px} .site_banner .box span{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display: block; font-size:13px} .site_banner .box{ border-radius:4px; float:left; width:100%; padding:15px 0px; position:relative} .site_banner .box .fa { margin-right: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #E30613; border-radius: 100px; color: #fff; } .site_banner .box h3{font-size:15px; margin-bottom:5px} .site_banner .owl-nav div { font-size: 0px; width: 40px; height: 40px; border-radius: 100px; position: absolute; top: 50%; left: 20px; margin-top: -65px; background:rgba(255, 255, 255, 0.7); text-align:center; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);} .site_banner .owl-nav div:hover{background:#fff} .site_banner .owl-nav div:before{content:"\f104"; font-family:FontAwesome; font-size:23px; text-align:center; line-height:40px} .site_banner .owl-nav div.owl-next:before{content:"\f105"} .site_banner .owl-nav div.owl-next{left:inherit; right:20px} .heading_part{position:relative; margin-bottom:15px; margin-top:0px} .heading_part .heading{float:left} .section .heading{font-family: 'Noto Sans'; font-size:26px; color:#202020; font-weight:normal; margin-bottom:0px;} .heading.white{color:#fff} .heading span.items{color:#898B8E; font-size:16px; font-weight:normal} .heading.white span.items{color:#BFBFBF;} /*.home .nav-tabs{background:none !important; border:0px; float:right; width:auto} .home .nav-tabs li{float:none; display:inline-block} .home .nav-tabs>li>a{padding:0px 12px !important; font-size:13px} .home .scrtabs-tab-container{margin:0px}*/ .heading_part .deals_timer{position:absolute; width:180px; border-top:0px; left:50%; margin-left:-90px; top:-40px; text-align:center; padding:8px 10px; border-radius:0px 0px 10px 10px; color:#fff; font-size:20px; background:#E30613} .timer{float:left; width:100%; margin-top:5px; font-size:14px} .timer span{font-family: 'Noto Sans'; font-size:22px} .owl-nav div{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .section .owl-nav{position: absolute; top: -55px; right: 120px;} .section .owl-nav div { font-size: 0px; width: 30px; height: 30px; border-radius: 100px; background:#000; text-align:center; float:left; margin-right:10px; color:#fff} .section .owl-nav div:hover{background:#E30613; color:#fff} .section .owl-nav div:before{content:"\f104"; font-family:FontAwesome; font-size:18px; text-align:center; line-height:30px;} .section .owl-nav div.owl-next:before{content:"\f105"} .section .owl-nav div.owl-next{left:inherit; right:20px} .owl-carousel .product_box{float:left; background:#fff; position:relative; overflow:hidden; margin-left:-1px} .home .owl-carousel .product_box{width:100%; border-left:1px solid #D8D9D9; border-bottom:0px;} .home .owl-carousel{border:1px solid #D8D9D9; box-shadow:0px 3px 4px rgba(0, 0, 0, 0.10)} .product_box{float:left; width:19%; background:#fff; border:1px solid #D8D9D9; position:relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; overflow:hidden; margin:0.5%} .product_box:hover{box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3); z-index:9} .product_box .info{float:left; width:100%; padding:15px 10px; text-align:center; top: 0; position:relative; left:0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background:rgba(255, 255, 255, 0.85);} .product_box:hover .info{top: -43px; box-shadow: 0px -8px 12px rgba(0, 0, 0, 0.1);} .product_box .overlay{position: absolute; width:100%; top:100%; left:0px; height:43px; padding:0px 52px} .product_box .overlay .btns.cart { width: 100%; height: 36px; float: left; position: relative; font-size: 13px; text-transform: none; padding: 0px 10px; line-height: 34px; z-index:9} .product_box .overlay .btns.cart .fa{margin-right:5px} .product_box .overlay .btns.cart:hover{background:#E30613; color:#fff; border-color:#E30613} .product_box .overlay .btns{position: absolute; top: 0px; background: #fff; border: 1px solid #C5C5C7; color: #808080; padding: 0px 10px; line-height: 36px; height:36px; width:36px} .product_box .overlay .btns.fav{left: 80px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} .product_box .overlay .btns.active:hover{background:#C5C5C7; border-color:#C5C5C7} .product_box .overlay .btns.fav.active .fa:before{content:"\f005"; color:#E30613;} .product_box .overlay .btns.wish{right: 80px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} .product_box .overlay .btns:hover{background:#000; color:#fff; border-color:#000} .product_box:hover .overlay .btns.fav{left: 8px;} .product_box:hover .overlay .btns.wish{right: 8px;} .product_box .wish.active .fa:before{content:"\f004"; color:#E30613} .overlay .btns{display: inline-block; text-align: center; padding: 10px 20px 10px 20px; text-decoration: none !important; color: #333; border: 0px; cursor:pointer; text-transform:uppercase; position:relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; overflow:hidden; font-family: 'Noto Sans'; font-size:14px; line-height:normal} .product_box .price{display:block; font-size:18px; font-family: 'Noto Sans'; color:#000; line-height: 18px} .product_box .note{line-height: 18px; padding: 0px 5px; background: #ebecec; font-size: 10px; border-radius: 4px;} /* .product_box .price:before{content:"\f156"; font-family:FontAwesome; margin-right:3px; font-size:13px;} */ .product_box .price .price{display:inline-block; margin-left:5px; font-size:14px; color:#808080; font-family: 'Noto Sans'; text-decoration:line-through} .product_box .price .price:before{color:#808080; font-size:10px;} .product_box h3{min-height:36px} .product_box h3 a{color:#333; display:block; font-size:13px; text-decoration:none} .product_box img{width:auto !important; margin:0 auto; padding:15px 15px 0px 15px; transition: 0.5s; -webkit-transition: 0.4s; -moz-transition: 0.4s; vertical-align: middle; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); display:block; height: 200px;} .product_box a.img{display:block; overflow: hidden;} .product_box:hover img{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);} .product_box .offer { position: absolute; top: 0px; right: 0px; background: #e30613; height: 25px; width: 33px; color: #fff; border-radius: 0px 0px 0px 100px; line-height: 20px; text-align: center; padding-left: 4px; font-size: 11px; z-index:9} .listing .product_box .offer{right:auto; left:0px; border-radius: 0px 0px 100px 0px; padding-left: 0px;} .owl-carousel .item .product_box:first-child{border-top:0px} .product_box .qty_box { max-width: 132px; margin: 0 auto; display: none; width: 100%; position: relative; padding: 0px 36px;} .product_box .qty_box .btn{position: absolute; right: 0px; left: auto} .product_box .qty_box .btn.first{left: 0px; right: auto} .product_box .qty_box .btn, .product_box .qty_box .form-control{height: 36px; width: 36px;} .product_box .qty_box .form-control{width: 60px} .product_box.in-cart .qty_box{display: block} .product_box.in-cart .cart{display: none;} /*Listing*/ .listing_page{position:relative} .listing_page:before{background:#fff; content:""; position:absolute; left:0px; top:0px; height:56px; width:100%; border-bottom:1px solid #D8D8D9; z-index:9} .listing_page .container{padding-left:0px; position:relative} .sorting{float:left; width:100%; border-bottom:1px solid #D8D8D9; text-align:left; background:#fff; position:relative; z-index:99} .sorting h4{padding:0px 60px 0px 60px; line-height:55px; height:55px; font-size:16px; position:relative; margin:0px} .sorting h4:before{content:"\f1de"; font-family:FontAwesome; margin-right:10px;} .sorting h4 button{position:absolute; right:-1px; height:55px; width:55px; line-height:55px; text-align:center; border:0px; background:#fff; border-left:1px solid #D8D8D9 !important; color:#808080; border-right:1px solid #D8D8D9 !important; } .sorting h4 button:hover, .options button:hover, .options a:hover{background:#D8D8D9; color:#000} .filters{float:left; width:23.7%; background:#fff; position:relative; border-right:1px solid #D8D8D9; padding-bottom:20px} .filters:after{content:""; height:1px; width:100%; background:#D8D8D9; left:0px; position:absolute; bottom:0px;} .filters:before{background:#fff; content:""; position:absolute; left:-550%; top:0px; height:100%; width:550%; border-bottom:1px solid #D8D8D9} .filters .filter{padding-left:60px} .filters .filter ul{max-height:183px; overflow:auto; float:left; width:100%} .filters .filter ul li{margin-bottom:8px;} .amount_filter{padding-right:15px; margin-bottom:20px; float:left; width:100%;} .amount_filter .price_range{float:left; width:100%;} .amount_filter .price_range span{float:left; width:50%; text-align:right; padding-left:10px} .amount_filter .price_range span:first-child{float:left; width:50%; text-align:left; padding-right:10px; padding-left:0px} .amount_filter .slider-range{float:left; width:100%; margin-top:10px} .amount_filter .ui-widget.ui-widget-content{border:0px; border-radius:100px; background:#D8D8D9; height:3px} .amount_filter .ui-slider .ui-slider-handle{transition: all 0.2s ease-out; border: 0px; width: 12px; height: 12px; top: -5px; background: #e30613; border-radius: 100px; outline:none} .amount_filter .ui-slider .ui-slider-handle:hover, .amount_filter .ui-slider .ui-slider-handle:active{transform: scale3d(1.5, 1.5, 1);} .amount_filter .ui-widget-header{background:#e30613} .filter h4:first-child{border-top:0px;} .filter h4{margin:0px; border-top:1px solid #D8D8D9; float:left; width:100%} .filter h4 a{display:block; padding:15px 35px 15px 0px; color:#333; font-size:14px; text-decoration:none; text-transform:uppercase; position:relative} .filter h4 a:after { font-family: FontAwesome; content: "\f106"; cursor: pointer; color: #808080; position: absolute; right: 15px; top: 50%; font-size: 16px; font-weight: normal; line-height:16px; margin-top:-8px } .filter h4 a.collapsed:after { content: "\f107"; } .filters label{color:#333} .filters{position: absolute; top: 0;} .mfp-title{display:none !important} .mfp-wrap{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .chosen-select{display:none} .listing{float:right; width:76.3%; padding-left:30px; padding-bottom:25px; min-height:400px} .listing h1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:55px; height:55px; font-size:18px; margin:0px;} .listing h1 span{color:#898B8E; font-weight:normal; font-size:13px} .listing .sorting{padding-right:275px; margin-bottom:20px} .sorting .options{position:absolute; right:0px; top:0px;} .options button/*, .options a*/{height:55px; width:55px; line-height:55px; font-size:18px; text-align:center; border:0px; background:#fff; border-left:1px solid #D8D8D9; color:#BFBFBF; float:left; text-decoration:none} /*.options a{font-size:13px; width:110px; color:#808080;} .options a span{background:#E30613; color:#fff; display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:100px; font-size:11px}*/ .options .active, .options .active:hover{color:#E30613} .options .chosen-container{width:150px !important; font-size:13px} .options .chosen-container-single .chosen-single{width:100% !important; border:0px !important; background:#fff; border-left:1px solid #D8D8D9 !important; color:#808080; height: 55px; line-height: 55px; padding-top: 0px; border-radius:0px; -webkit-box-shadow: none !important; box-shadow: none !important;} .options .chosen-container-single .chosen-single div b{background-position:0px 18px} .listing .products{margin-right:-4px;} .listing .product_box{width:25%; border:1px solid #D8D8D9; margin-top:-1px; margin-left:-1px} .listing .product_box:hover{border-color:#fff} .load_more{text-align:center; margin-top:20px} .load_more .btn{background: #ebecec; border: 1px solid #BFBFBF; color: #808080 !important; padding: 0px 15px; height: 36px; line-height: 35px; font-size: 13px; box-shadow: none;} .load_more .btn:hover{background:#BFBFBF; color:#fff !important} .load_more .btn.loading{background: url(../images/loader_3.gif) no-repeat center #ebecec !important; border:1px solid #ebecec} .listview .product_box {width:100%; min-height:185px; } .listview .product_box a.img { display: block; overflow: hidden; position: absolute; width: 150px; left: 15px; top: 15px;} .listview .product_box img{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); padding:0px} .listview .product_box .overlay { position: absolute; width: 200px; padding: 0px 0px 0px 85px; top: 50%; margin-top: -18px; right:15px; left:auto} .listview .product_box .info{top:0px; box-shadow:none; background:none; padding-left:190px; text-align:left; padding-right:250px; min-height:160px} .listview .product_box h3 a{font-size:16px} .listview .product_box .overlay .btns.wish{left:42px; right:auto} .listview .product_box .overlay .btns.fav{left:0px} .listview .product_box ul.desc{display:block} .listview .note{float: none !important} .listview .price{float:left !important; margin-right: 10px} ul.desc li{display:block; position:relative; margin:4px 0px; padding-left:10px} ul.desc li:before{font-family:FontAwesome; content:"\f105"; margin-right:5px; position:absolute; left:0px; top:2px; font-size:12px} .product_box ul.desc{display:none; margin-top:10px; color:#808080} /*Detail Page*/ .detail_page{margin-bottom:20px} .detail_page .container{position:relative} .product_gallery{float:left; width:35%; margin:53px 0px 0px 0px; padding-left:70px; padding-right:15px; position: absolute; transition: all 0.3s ease;} .product_preview { width: 100%; min-height: 420px; background: #fff; padding:20px; text-align:center; border:1px solid #BFBFBF; float:left; } .product_preview img{max-height:400px;} .product_preview .preview{display:table; text-align:center; height:100%; width:100%; min-height:400px} .product_preview .preview span{display:table-cell; vertical-align:middle} .product_thumbs { position: absolute; left: 0px; top: 0px; width: 70px; text-align: center; border:1px solid #BFBFBF; border-right:0px; border-bottom:0px;} .product_thumbs:after{position:absolute; height:100%; width:1px; background:#BFBFBF; content:""; right:-1px; top:0px;} .product_thumbs a { width: 70px; height: 70px; background: #fff; border-bottom: 1px solid #BFBFBF; display: table-cell; vertical-align: middle; position:relative} .product_thumbs a:after{position:absolute; height:100%; width:100%; background:rgba(255, 255, 255, 0.7); content:""; left:0px; top:0px; transition: all 0.3s ease} .product_thumbs a.active:after{background:none} .product_thumbs a.active:before{position:absolute; height:100%; width:1px; background:#fff; content:""; right:0px; top:0px; z-index:9} .product_thumbs a img{max-width: 65px; max-height: 65px; padding: 5px;} .product_thumbs span { display: table; width: 70px; height: 70px;} .product_gallery.is_stuck{margin-top:80px; max-width: 560px;} .product_detail{float:right; width:63%; padding:20px 20px; min-height:500px; background:#fff; border-radius:4px; box-shadow: 0 0px 5px rgba(0,0,0,.2)} .product_detail h1 { font-size: 19px; margin:0px 0px 10px 0px} .product_detail .heading_part { margin: 0px; min-height: 70px; padding-right: 100px; border-bottom: 1px dashed #D8D8D9; margin-bottom: 20px; padding-bottom:10px} .product_detail .heading_part .qr_code{position:absolute; right:0px; top:-5px; width:70px; height:70px;} .heading_part h5 { font-size: 13px; color: #808080; font-weight: normal; margin: 10px 0px; } .avg_rating span{float:left; margin:0px 10px 5px 0px; color:#808080} .avg_rating span span{margin:0px 5px 0px 0px} .product_detail .amount{font-size:28px; font-weight:bold; float:left; margin:0px 10px 5px 0px} .product_detail .amount:before{font-size:21px;} .product_detail .amount.discount{color: #808080; text-decoration:line-through; float:left; width:100%; margin:0px 0px 5px 0px; font-size:14px; font-weight:normal} .product_detail .amount.discount:before{font-size:13px;} .product_detail .offer{background: #898B8E; font-size: 12px; color: #ffffff; font-weight: normal; display: inline-block; padding: 2px 5px; float: left;} .cart_details .desc{color:#808080; margin:0px 0px 10px 0px} .cart_details .desc li{display:block; position:relative; margin:5px 0px; padding-left:15px;} .cart_details .desc li:before{left:2px} .product_options{margin:10px 0px;} .product_options .label{text-transform:uppercase; font-weight:bold; font-size:13px; display:block; margin-bottom:10px;} .product_options .option{margin:0px 20px 10px 0px; float:left} .product_options .color input[type="radio"] + label.radio{margin:0px 6px 6px 0px; padding:2px; border-radius:100px; text-align:center} .color input[type="radio"] + label.radio:before{width: 28px; height: 28px; position: relative; float: left; border:0px; line-height:23px; font-size:13px; text-shadow:0px 0px 6px rgba(0, 0, 0, 0.5); background:none !important;} .color input[type="radio"]:checked + label.radio:before{border:3px solid #fff} .color input[type="radio"] + label.radio.white{background:#D8D9D9 !important} .color input[type="radio"] + label.radio.white:before{background:#fff !important; text-shadow:none; color:#000000; border: 0px; line-height: 30px;} .size input[type="radio"] + label.radio { margin: 0px 6px 6px 0px; padding: 0px 8px; text-align: center; min-width: 40px; height: 32px; line-height: 28px; border: 2px solid #D8D9D9; border-radius: 0px; font-size: 14px; } .size input[type="radio"]:checked + label.radio{border-color:#E30613; font-weight:bold} .size input[type="radio"] + label.radio:before{display:none} .cart_details{float:left; width:60%; padding-right:10px} .cart_option{border:1px solid #D8D8D9; border-radius:4px; position:relative; float:right; width:40%; max-width:300px;} .cart_action{padding:15px; position:relative; float:left; width:100%; background:#EBECEC;} .cart_action .btn.cart{height: 46px; line-height:46px; padding:0px 10px; font-weight: bold; text-transform: uppercase; float:left; width:100%; margin-bottom:15px} .warranty{float:left; width:100%; padding:15px; background:#fff} .warranty ul li{display:block; margin-top:10px} .warranty ul li:first-child{margin:0px} .cart_option .qty_box, .cart_option .del_date, .cart_option .qty_select{float:left; width:100%; margin-bottom:10px;} .cart_option .qty_box .btn.first{border-radius:4px 0px 0px 4px} .cart_option .qty_box .form-control{height:32px;} .cart_option .qty_box .btn{width:32px; height:32px; line-height: 30px} .cart_action label{text-transform:uppercase} .cart_option .btns.cart { width: 140px; height: 46px; float: left; position: relative; font-size: 13px; text-transform: none; padding: 0px 10px; line-height: 46px; z-index:9; margin-top:-6px; background:#E30613; border:0px; color:#fff} .cart_option .btns.cart .fa{margin-right:10px; font-size:18px} .cart_option .btns.cart:hover{background:#BC000B} .cart_option .btns{background: #fff; border: 1px solid #C5C5C7; color: #808080; padding: 5px 5px; line-height: normal; width:50%; float:left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; margin:0px; font-size:13px; border-left:0px; height:50px;} .cart_option .btns.wish{border-left: 1px solid #C5C5C7} .cart_option .btns .fa{display:block; height:20px; line-height:20px; font-size:15px} .cart_option .btns:hover{background:#000; color:#fff; border-color:#000} .cart_option .btns.active{background:#fff !important; color:#E30613 !important; border-color:#C5C5C7} .cart_option .btns.active.wish .fa:before{content:"\f004"} .cart_option .btns.active.fav .fa:before{content:"\f005"} .del_date .form-group{margin:0px; position:relative} .del_date .error{position:static} .del_date .form-control{padding-left:30px; background:#fff; border-color:#B0B1B3} .del_date .fa{position: absolute; left: 10px; top: 14px; color: #808080;} .cart_option .qty_box, .cart_option.in-cart .cart{display: none} .cart_option.in-cart .qty_box{display: block} .cart_option .qty_box{position: relative; padding: 0px 40px} .cart_option .qty_box .form-control, .cart_option .qty_box .btn{width: 40px; height: 40px; line-height: 38px} .cart_option .qty_box .form-control{width: 100%; border-radius: 0px;} .cart_option .qty_box .btn .fa{font-size: 14px} .cart_option .qty_box .btn{position: absolute; right: 0px; top: 0px} .cart_option .qty_box .btn:first-child{right: auto; left: 0px;} .qty_select .chosen-container{width:70px !important} .qty_select .chosen-container-single .chosen-single{background: #fff; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important; border: 1px solid #B0B1B3 !important; height: 40px; line-height: 40px; padding-top: 0px; font-weight: bold;} .section.style1{padding-top:0px} .section.style1 .heading{margin:10px 0px; font-size:23px} .style1 .owl-nav{right:0px;} .style1 .owl-nav div{margin:0px 0px 0px 10px} /*Cart Page*/ .empty_cart{text-align:center; padding-bottom:20px} .empty_cart h3{margin:15px 0px 10px 0px; text-transform:uppercase; font-size:25px} .table-responsive.cart{min-height:180px; border-bottom:1px solid #D8D8D9} table.cart{margin:0px} table.cart>tbody>tr>td{padding:25px 10px} table.cart .delivery{width:170px} table.cart .action{width:160px; text-align:right} table.cart .action .btn, table.cart ul.table .btn{min-width:inherit; height:30px; padding:0px 10px; line-height:30px; font-size:11px; background:#D8D9D9; box-shadow:none; color:#404040 !important; margin-top:10px; margin-bottom:5px} table.cart .action .btn:hover, table.cart ul.table .btn:hover{background:#B0B1B3; color:#fff !important} table.cart .action .fa, table.cart ul.table .btn .fa{position: relative; top: 2px;} table.cart .price{text-align:right;} table.cart .qty{text-align:center; width:150px;} table.cart .qty_box{display:inline-block} table.cart .qty_box .btn{width:40px; height:40px;} table.cart .qty_box .btn.first{border-radius:4px 0px 0px 4px} table.cart .qty_box .form-control{height:40px;} table.cart .date { display: block; position: relative; margin-bottom:20px} table.cart .date .fa{position: absolute; left: 10px; top: 14px; color: #808080;} table.cart .date .form-control{padding-left:35px} table.cart ul.table{display:table; max-width:inherit; width:auto; margin-top:10px !important; background:none} table.cart ul.table li{display:table-row} table.cart ul.table li:first-child span{padding-top:0px;} table.cart ul.table li span{display:table-cell; padding:3px 0px 3px 15px} table.cart ul.table li span:first-child{color:#898B8E; padding-left:0px;} table.cart .item_info{font-size:12px; position:relative; padding-left:90px} table.cart .item_info h5{margin:0px 0px 0px 0px; font-size:14px} table.cart .item_info h5 a{color:#333} table.cart .item_info img{width: 70px; height: 70px; border-radius: 100px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); padding: 5px; border: 1px solid #D8D8D9; position: absolute; left: 5px; top: 10px; background: #fff;} table.cart .qty_select .chosen-container-single .chosen-single{background:#F7F7F7} table.cart .qty_select li{text-align:left !important} table.cart .qty_select{position:relative; top:-1px} table.cart .qty_select .form-control{width: 70px; float: none; display: inline-block; text-align: center;} .total_cart ul.table { float: right; margin: 0px !important; padding:0px; background: #ebecec; text-align:right; font-size:16px; min-width:280px; border-bottom:0px} .total_cart ul.table li span.td:first-child{text-align:right; color:#808080; font-size:13px; border-left: 1px solid #d8d8d9; border-right:0px} .total_cart ul.table li:first-child span.td{padding-top:10px} .total_cart ul.table li.last span.td{padding-bottom:10px} .total_cart ul.table li span span{display:inline-block} .total_cart ul.table li span.td .amount{color:#404040;} .total_cart ul.table li span.td{padding:0px 20px 5px 20px; border-right: 1px solid #d8d8d9;} .total_cart ul.table li.total span{background:#fff; padding-top:5px; padding-bottom:7px; font-size:22px} .total_cart ul.table li.total span .amount{color:#E30613 !important;} ul.table li.action{display:block} .total_cart .btn{display:block; padding:15px 10px; font-size:17px; position:relative} .total_cart .btn .fa{font-size:20px; position:absolute; right:8px; top:50%; margin-top:-10px} /*Page Content*/ .page_content{padding-bottom:20px;} .page_content .content{float:left; width:100%; padding:20px 20px 30px 20px; background:#fff; border-radius:4px; box-shadow:0 0px 8px rgba(0,0,0,.2); min-height:150px} ul.table{display:table; max-width:inherit; width:auto; margin-top:10px !important} ul.table li{display:table-row} ul.table li:first-child span{padding-top:0px;} ul.table li span{display:table-cell; padding:3px 0px 3px 15px} ul.table li span:first-child{color:#898B8E; padding-left:0px;} .page_title{position:relative; float:left; width:100%; padding-bottom:10px; margin-bottom:20px !important; border-bottom:1px solid #D8D9D9; height: auto !important; line-height: normal !important;} .page_title:before{content:""; width:60px; height:3px; position:absolute; left:0px; top:100%; background:#E30613; margin-top:-1px} /*Account Page*/ .account .container{position:relative; max-width:800px} .account .container.full{max-width:1600px} .acc_menu{float:left; width:22%; position:absolute; top:0px; background:#EBECEC; border:1px solid #BFBFBF; transition: all 0.3s ease} /*.acc_menu:after{content:""; position:absolute; right:0px; top:0px; height:100%; background:#fff; width:30px; z-index:99}*/ .acc_menu.is_stuck{margin-top:90px} .acc_menu li a{display:block; padding:13px 25px 13px 50px; position:relative; border-top:1px solid #BFBFBF; text-decoration:none; color:#808080; font-size:13px; text-transform:uppercase} .acc_menu li:first-child a{border:0px} .acc_menu li a.active{background:#fff !important; color:#000} .acc_menu li a:hover{background:#D8D8D9; color:#000} .acc_menu li a.active:after{content:""; position:absolute; right:0px; top:0px; height:100%; background:#fff; width:30px; z-index:99} .acc_menu li a .fa{position:absolute; left:15px; font-size:16px; top:50%; margin-top:-8px; width:18px; text-align:center} .account .content{float:right; width:100%; position:relative; z-index:9; min-height:300px} .address_list .row{margin:0px -10px} .address_list .col-sm-6{padding:0px 10px} .address_list address { float: left; width: 100%; padding: 15px; margin: 0px 0px 20px 0px; background: #ebecec; border-radius:4px} .address_list address span{font-weight:bold; display:block; text-transform:uppercase; color:#E30613; margin-bottom:5px; position:relative} .form-group .input-group{margin-bottom:0px} .btn .fa.fa-angle-right{margin-left:0px; margin-right:5px} .order_step{margin-top:50px !important; margin-bottom:60px !important} .order_step li{float:left; width:16.6%; padding:0px 10px; text-align:center; position:relative} .order_step li span{display:inline-block; width:40px; height:40px; line-height:40px; background:#D8D8D9; border-radius:100px; font-weight:bold; font-size:16px; color:#808080} .order_step li:before{content:""; position:absolute; height:3px; width:100%; background:#D8D8D9; right:50%; top:50%; margin-top:-2px; z-index:-9} .order_step li:first-child:before{display:none} .order_step li:last-child:before{width: 100%; right: 50%; left: auto;} .order_step li .fa{position:absolute; top:-40px; width:40px; height:40px; line-height:40px; font-size:22px; color:#808080} .order_step li.active .fa, .order_step .active p{color:#4E8108} .order_step li.active span{background:#4E8108; color:#fff; font-size:0px;} .order_step li.active span:before{content:"\f00c"; font-family:FontAwesome; text-indent:none; font-size:16px;} .order_step p{margin:0px; position:absolute; top:100%; margin-top:10px; font-size:12px; color:#808080; left:0px; width:100%} .order_step{text-align: center;} .order_step li{float: none; display: inline-block; margin-left: -4px} .page_content.order_status{padding:30px 0px} .order_status .container{max-width:1000px; text-align:center} .order_status .status{border-bottom:1px dashed #D8D9D9; font-weight:bold} .order_status .status .fa{display:inline-block; width:50px; height:50px; border:2px solid #4E8108; margin-bottom:15px; border-radius:100px; line-height:50px; font-size:25px; color:#4E8108} .order_status .status h3{text-transform:uppercase; color:#4E8108} .order_status h4{text-align:left; text-transform:uppercase; font-size:14px} .order_id{color:#808080; border-bottom:1px dashed #D8D9D9; padding-bottom:15px; margin-bottom:15px} .order_id h3{color:#E30613; font-size:20px; margin-top:5px; letter-spacing:0.03em} .order_status .table{text-align:left} .order_status table{margin:0px} .order_status table *{font-size:12px !important} .order_status table h5{margin:0px} .order_status .price{text-align:right} .order_status .qty, .order_status .delivery{text-align:center} .order_status .total .td{border:0px !important; background:#E30613 !important} .order_status .total .td:first-child{color:#fff !important} .order_status .total_cart ul.table li.total span .amount{background:none !important; color:#fff !important} .order_status .total_cart .btn .fa{font-size: 16px; margin-top: -8px} .order_status table textarea.form-control{height: 70px} .order_status .comments{margin-top: 15px} .track_order .total_cart ul.table li span.td{border-bottom:1px solid #d8d8d9} .account .listview .product_box .info{padding-left: 150px; text-align: left; padding-right: 250px;} .account .listview .product_box a.img{width: 120px;} .account .listview .product_box{box-shadow:none !important; border-color:#D8D8D9} .track_order .address address{float:left; width:100%; background:#EBECEC; padding:20px; border-radius:4px; margin-bottom:15px;} h4.subhead{position:relative; float:left; width:100%; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #D8D9D9} h4.subhead:before{content:""; width:50px; height:3px; position:absolute; left:0px; bottom:-2px; background:#E30613;} /* Rating */ .positioner {position: relative; display: inline-block; line-height: 0;width: 110px !important;} .starbox.small .positioner{width: 80px !important;} .starbox .colorbar,.starbox .ghost { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0;} .starbox .stars { display: inline-block;} .starbox .stars .star_holder { position: relative; z-index: 1;} .starbox .stars .star_holder .star { display: inline-block; vertical-align: baseline; background-repeat: no-repeat;} .starbox .stars .star_holder .star { background-image: url('../images/rating.png'); width: 22px; height: 22px;} .starbox.small .stars .star_holder .star { background-image: url('../images/rating_small.png'); width:16px; height: 16px;} .starbox .stars { background: #cfcfcf; } .starbox .rated .stars { background: #cfcfcf; } .starbox .rated.hover .stars { background: #cfcfcf; } .starbox .colorbar { background: #f9c400; } .starbox .hover .colorbar { background: #f9c400; } .starbox .rated .colorbar { background: #f9c400; } .starbox .rated.hover .colorbar { background: #f9c400; } .starbox .ghost { background: #929292; } .detail_page .nav-tabs{margin-top:20px; border-top:1px solid #D8D8D9;} .detail_page .nav-tabs>li>a{height: 50px; line-height: 50px; } .detail_page .tab-content{padding:15px 0px 0px 0px; min-height:390px} #spec ul.table{display:table; max-width:inherit; width:auto;} #spec ul.table li{display:table-row} #spec ul.table li:first-child span{padding-top:0px;} #spec ul.table li span{display:table-cell; padding:8px 0px 8px 20px} #spec ul.table li span:first-child{color:#898B8E; padding-left:0px; min-width:150px} #spec .sub_heading{margin:10px 0px 15px 0px; border-top:1px dashed #D8D8D9; padding-top:15px} .reviews_top h4{margin:10px 0px 15px 0px; float:left} .reviews_top h4 span{color:#808080; font-weight:normal; font-size:14px} .reviews_top .btn{float:right} ul.reviews li{float:left; width:100%; padding:15px 0px; border-top:1px dashed #D8D8D9} ul.reviews li:first-child{border:0px} ul.reviews li p{margin:0px} ul.reviews .user_info{float:left; width:100%; position:relative; padding-left:50px; margin-bottom:10px;} ul.reviews .user_info .avatar{position:absolute; left:0px; top:0px; width:40px; height:40px; background:#898B8E; border-radius:100px; text-align:center; line-height:40px; color:#fff; font-size:20px; margin:0px; text-transform:uppercase} ul.reviews .user_info .name{font-size:13px; font-weight:bold; display:block; width:100%; float:left; color:#333; margin:0px 0px 5px 0px} ul.reviews .user_info span{float:left; color:#808080; margin-right:10px;} ul.reviews .user_info span.datetime{margin:0px} #reviews .load_more .btn.loading{background: url(../images/loader_3.gif) no-repeat center #fff !important; border:1px solid #fff} /*Footer*/ .site_footer{padding:20px 0px 0px 0px; background:#000; font-size:13px; color:#808080; position:relative; z-index:9} .site_footer h3{font-size:14px; color:#fff; text-transform:uppercase; position:relative; padding-bottom:8px; margin-bottom:15px; margin-top:10px; float:left; width:100%} .site_footer h3:before{background:#E30613; content:""; width:30px; height:2px; position:absolute; bottom:0px; left:0px;} .site_footer .menu a{color:#808080; display:inline-block; margin-bottom:4px} .site_footer .menu a:hover, .footer_cate a:hover, .address ul li a:hover{color:#fff} .site_footer .address img{max-width:200px; margin-top:10px;} .site_footer .col{margin-bottom:30px;} .address address{background:none; padding:0px} .address ul{margin-top:15px !important} .address ul li{position:relative; display:block; padding-left:25px; margin-bottom:10px} .address ul li .fa{position:absolute; left:0px; top:2px; width:14px; text-align:center; color:#E30613} .address ul li a{color:#808080} .subscribe form{position:relative} .subscribe form .form-control{margin-bottom:10px; padding-right:60px} .subscribe form .btn{position:absolute; top:0px; right:0px; min-width:inherit; width:50px; height:40px;line-height:40px; padding:0px 10px; font-size:12px; text-align:center; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} .subscribe form .btn .fa{margin:0px} .site_footer .social_links a{float:left; margin:0px 8px 8px 0px; width:24px; height:24px; text-align:center; background:#D8D8D9; border-radius:100px; color:#000} .site_footer .social_links a .fa{line-height:25px} .site_footer .social_links a:hover{background:#E30613; color:#fff} .footer_cate {background:#EBECEC; padding:30px 0px 25px 0px; margin-top:15px; font-size:12px} .footer_cate p{margin:0px 0px 5px 0px} .footer_cate a{color:#808080} .footer_cate a.all{display:inline-block; padding:0px 5px; border:1px solid #BCBCBC; border-radius:4px; font-size:12px} .footer_cate b{color:#404040; margin-right:5px} .copyright{background:#D8D9D9; text-align:center; padding:15px 0px; color:#404040} .copyright span{padding:5px 0px} /*404*/ .not_found.page_content{padding:30px 0px} .not_found .container{text-align:center; padding:20px; max-width:500px; border-radius:4px; background:#fff; box-shadow:0 1px 8px rgba(0,0,0,.2)} .not_found .fa{font-size:80px; color:#AEAEAE} .not_found .fa-lock{font-size:60px} .not_found h4{margin:10px 0px 20px 0px; font-size:60px} .not_found h5{margin:10px 0px 20px 0px; font-size:26px} .not_found p{font-size:20px; margin-bottom:20px;} .not_found .btns{font-size:14px; margin-top:10px} .site_logo.not_found{padding:30px 0px; text-align:center;} .site_logo.not_found img{margin:0 auto} /*Bottom Alert*/ .alert.bottom{position:fixed; left:0px; width:100%; bottom:0px; margin:0px; border-radius:0px; z-index:99; border-left:0px; border-right:0px; text-align:center; border-bottom:0px; padding:10px 40px 10px 15px} .alert.bottom .close{position:absolute; top:50%; margin-top:-20px; right:0px; font-size:25px; width:35px; height:35px; line-height:35px; text-align:center; opacity:0.5} .alert.bottom .close:hover{opacity:1} .alert.bottom.alert-success{background:rgba(215, 243, 204, 0.85)} .alert.bottom.alert-info{background:rgba(217, 237, 247, 0.85)} .alert.bottom.alert-warning{background:rgba(252, 248, 227, 0.85)} .alert.bottom.alert-danger{background:rgba(255, 221, 221, 0.85)} .alert.bottom .btn{min-width:60px; padding:0px 10px; height:26px; line-height:26px; margin:5px; font-size:12px} /*Timeline*/ ul.timeline, ul.timeline li{position:relative; float:left; width:100%} ul.timeline:before{width:2px; height:100%; background:#C5C5C5; position:absolute; left:0px; top:0px; content:""} ul.timeline li{padding-left:25px; padding-top:5px; min-height:26px; margin-top:15px;} ul.timeline li:first-child{margin:0px;} ul.timeline .icon{position:absolute; left:-13px; top:0px; width:26px; height:26px; text-align:center; border-radius:100px; color:#fff} ul.timeline .icon .fa{line-height:26px;} ul.timeline li.success{color:#519652} ul.timeline li.success .icon{background:#519652;} ul.timeline li.danger{color:#BF4745} ul.timeline li.danger .icon{background:#BF4745;} ul.timeline li.info{color:#31708F} ul.timeline li.info .icon{background:#31708F;} ul.timeline li.warning{color:#9F7C3E} ul.timeline li.warning .icon{background:#9F7C3E;} .mini_cart .cart_info{color: #fff !important; text-decoration: none;} .mini_cart .cart_import { display: inline-block; margin-right: 20px; color: #fff; text-decoration: none; font-size: 26px; line-height: 26px; } .mini_cart .cart_import:hover{color:#F19447} /**/ .container.sm1{max-width:500px} ul.table.mt0{margin-top:0px !important} ul.table li span.amount{color:#333} .file-input-wrapper{position:relative; display:block} .file-input-wrapper .file-input, .file-input-wrapper label span{display:none} .file-input-wrapper label .fa{position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: #404040; cursor:pointer; color:#fff; font-size:18px; line-height: 40px; text-align: center;} .file-input-wrapper label .fa:hover{background:#212121} .file-input-wrapper label .fa:before{content:"\f093"} .file-input-wrapper input{height: 40px; padding: 0px 12px; line-height: 40px; border-radius: 0px; border: 1px solid #D8D9D9; width: 100%; color: #333; font-size: 13px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;} .file-input-wrapper input[readonly], .file-input-wrapper input[disabled]{background-color: #eee; opacity: 1;} .form-group .help-block{margin-bottom:-10px} .product_box a.img{height: 160px; line-height: 160px; text-align: center; } .product_box img{display: inline; max-height: 160px; height:auto; padding: 5px 5px 0px 5px;} table.cart .has-error.date, table.cart .has-error .help-block{margin-bottom:0px; margin-top:0px} table.cart .has-error .help-block{font-size: 12px; color: #e30613; text-align:center} table.cart .has-error .qty_select{top:0px} .back_top.cart{bottom:100px} .back_top{position:fixed; bottom:20px; right:-50px; width:36px; height:36px; text-align:center; line-height:28px; z-index:9999; background:#E30613; color:#fff !important; border-radius: 200px; box-shadow: 0px 0px 10px rgba(0,0,0,0.7) !important; transition: all 0.3s ease; min-width:inherit; padding:0px;} .back_top .fa{margin:0px; line-height:34px; font-size:20px} .back_top:hover{background:#BC000B} .back_top.active{right:20px;} .total_cart.fixed{position:fixed; bottom: 0px; right: 0px; z-index: 99; border-top: 1px solid #D8D8D9;} .content.active{padding-bottom:93px} .table.cart.fixed{ top:56px; position:fixed; width:auto; display:none; border:none; z-index:999999} /* Only for chrome */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { */ .chrome .category_menu .main_cate{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23); -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; max-height: 0; transition: 350ms; display:block} .chrome .category_menu .sub_menu .sub_menu{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23); -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms; display:block} .chrome .category_menu li:hover .main_cate, .chrome .category_menu .main_cate li:hover .sub_menu{max-height: 1000px; -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);} .chrome .mini_cart .cart_detail{-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms; max-height: 0;display:block} .chrome .mini_cart:hover .cart_detail{max-height: 1000px; -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);} .chrome .site_menu li .sub_menu, .chrome .dropdown_menu ul{-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms;display:block} .chrome .site_menu li:hover .sub_menu, .chrome .dropdown_menu:hover ul{max-height: 1000px; -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);} /* } */ /*Responsive*/ @media (max-width: 1300px) { .container{padding:0px 20px} } @media (max-width: 1180px) { .cart_action{padding-right:15px} } @media only screen and (min-device-width: 240px) and (max-device-width: 1024px) { .modal_open, .modal-open, .modal-open .site_header, .modal_open .site_header { padding-right: 0 !important; } } .product_box.in-cart { border-color: #4E8108 !important; } .product_box.in-cart:before { content: "\f00c"; font-family: FontAwesome; position: absolute; right: 0px; width: 34px; height: 34px; line-height: 30px; text-align: center; background: #4E8108; color: #fff; font-size: 15px; border-radius: 0px 0px 0px 100px; padding-left: 6px; } .product_box.fav .info{padding-right: 10px !important;} .product_box.fav .cart_option, .product_box.fav .wid50{width: 50%;float:left} .product_box.fav .cart_option .btns{border-left:1px solid #C5C5C7;width:100%} .listview .product_box.fav a.img{line-height: normal} /* about us page */ /* @author: Periyasamy S */ .about_us{ padding: 20px 0; width: 100%;} .about_us .container{ padding: 20px; max-width: 1100px; background: #fff;} .office-address{ display: inline-block; width: 100%; padding: 15px; border: 1px solid #ccc; background: #f5f5f5;} .office-address .row_group{ display: inline-block; width: 100%; margin-bottom: 15px;} .office-address h5{ color: #e30613;} ul.phone_india{ border: 1px solid #ebe4b4; padding: 10px; background: #fffce6; padding-left: 80px; position: relative;} ul.phone_india:before{ content: '\f095'; font-family: 'FontAwesome'; width: 55px; height: 55px; background: #fff; display: inline-block; text-align: center; line-height: 55px; font-size: 25px; border-radius: 50%; position: absolute; left: 15px; top: 50%; border: 2px solid #d8d8d8; margin-top: -27px; color: #000000;} .phone_india li{ display: inline-block; margin: 5px; position: relative; border-right: 1px solid #8a8a8a; padding-right: 10px;} .phone_india li:before{} .address_global li{ margin-bottom: 15px;} .address_global p{ font-weight: 600; margin-bottom: 5px;} .address_global address{ margin-bottom: 5px;} .address_global div{margin-bottom: 5px; } .address_global div:before{content: '\f095'; font-family: 'FontAwesome'; margin-right: 10px;} .address_global div.fax:before{content: '\f1ac';} .address_global a{ color: #e30613; text-decoration: underline;} .office-address .row_group:last-child{ margin-bottom: 0px;} .about_us h3{ color: #e30613;} .ceo-information{ display: inline-block; width: 100%; padding: 15px; padding-left: 120px; position: relative; border: 1px solid #e7e7e7; border-bottom: none; min-height: 120px;} .ceo_image{ width: 90px; height: 90px; display: inline-block; line-height: 90px; border: 1px solid #666; text-align: center; border-radius: 50%; position: absolute; left: 15px; top: 50%; margin-top: -45px; overflow: hidden;} .ceo_image img{max-height: 100px;} .ceo-information p{ margin-bottom: 0px;} .ceo-information h5{ margin-bottom: 5px; margin-top: 20px;} .download_btn{ display: inline-block; width: 130px; height: 80px; border: 1px solid #ddd; font-size: 12px; padding: 5px; border-radius: 3px; text-align: center; background: #642B73; background: -webkit-linear-gradient(to right, #dddddd, #ededed); background: linear-gradient(to right, #dddddd, #ededed); color: #7a7a7a; text-decoration: none!important;} .download_btn span{ display: block; font-size: 33px; margin-bottom: 0px;} .download_btn span.title{ font-size: 12px; margin-bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;} .mt-10{ margin-top: 10px;} .download_btn:hover{ color: #333; box-shadow: inset 0px 0px 40px 0px #fff} .download_btn:hover span i.fa:before{content: '\f019'} .alert.btns{display: table; width: 100%;} .alert span.btns, .alert.btns b{display: table-cell; vertical-align: middle;} .alert span.btns{text-align: right; padding-left: 20px} .alert span.btns .btn { position: static !important; min-width: inherit; padding: 10px 12px; margin-left: 5px; font-size: 13px} .alert span.btns .fa{color: #fff; margin-right: 5px} /*.po-list-chip { white-space: nowrap; }*/ .po-list-chip li div { margin: 3px 6px 3px 0px; float: left; border-radius: 4px; background: #626468; padding-right: 6px; line-height: 20px; color: #FFF; overflow: hidden;} .po-list-chip span{display: inline-block; padding: 0px 6px; float: left; background: #F19447; margin-right: 6px; font-size: 12px} .fa.info { margin-left: 5px; font-size: 18px; cursor: pointer; } .fa.info:hover, .info .content h4 .fa:hover{color: #E30613} .info .content{padding: 15px; background: #fff; border-radius: 4px; margin-bottom: 15px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2)} .info .content p:last-child, .info .content div:last-child{margin-bottom: 0px} .info .content h4{margin-bottom: 10px; position: relative; display: inline-block; width: 100%; padding-right: 40px;} .info .content h4 .fa { cursor: pointer; position: absolute; right: 0px; top: 0px; font-size: 18px; color: #666; } /*work from home solutions*/ .wfhsolution-section { padding: 20px 0; } .wfhsolution-section p { line-height: 1.6 } .wfhsolution-section .container { max-width: 1100px; } .box-shadown { background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) } .wfh-header { padding: 15px 15px; position: relative; display: inline-block; width: 100%; height: 230px; background: url(../images/wfh-banner.jpg) no-repeat center; background-size: cover; } .wfh-header img { max-width: 210px; height: auto; } .wfh-header h2 { position: absolute; bottom: 30px; width: 100%; left: 0px; font-size: 35px; text-align: center; color: #fff; text-shadow: 0px 4px 20px #000; } .red-boxes { background: #e30611; color: #fff; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; } .red-boxes h4 { margin: 0px; } .wfhsolution-section .padd-20 { padding: 20px; } .wfhsolution-section .rd-text { color: #e30611; font-weight: bold; } .wfhsolution-section .shape-title { display: inline-block; width: 100%; text-align: center; position: relative; margin: 0px 0 0px; border-top: 1.5px solid #000; border-bottom: 1.5px solid #000; padding: 5px 0; } .wfhsolution-section .shape-title h2 { display: inline-block; padding: 10px 30px; color: #e30611; position: relative; z-index: 1; margin: 0; font-size: 24px; } .li-box { box-shadow: 0px 0px 6px 0px #a9a9a9; display: inline-block; width: 100%; position: relative; margin-bottom: 30px; padding: 10px; } .ordering-link { margin: 20px 0; } .ordering-link .cc-code { display: inline-block; padding: 7px 24px; font-weight: 900; border: 2px dashed #99cef5; background: #e5f4ff; margin-bottom: 15px; } .ordering-link .btn.btn-primary { text-transform: uppercase; font-size: 14px; border-radius: 3px; } .tile-wfhs { font-size: 24px; margin-bottom: 20px; display: inline-block; width: 100%; text-align: center; } .tile-wfhs span { color: #e30611; } .wfh-footer { } .ul_style { display: inline-block; width: 100%; padding: 0px; margin: 0px; list-style: none; margin-bottom: 20px } .ul_style li { display: inline-block; width: 100%; margin-bottom: 10px; position: relative; padding-left: 25px; } .wfh-footer h3 { margin-bottom: 25px; } .footer-copys a { color: #ffffff; text-decoration: underline; } .ul_style li:after { content: "\f058"; font-family: FontAwesome; position: absolute; left: 0; top: -2px; font-size: 17px; } .li-box h2 { margin-top: 10px; } .ordering-link.dlf { display: flex; width: 100%; justify-content: space-between; align-items: center; } .footer-copys { background: #232323; text-align: center; color: #fff; padding: 16px 15px; } .img-fa { margin-bottom: 30px; display: inline-block; width: 100%; }