#main-content img {
    max-width: 100%;
}

#prodNavs .thumbnail {
    width: 100%
}
#Mains > #breadcrumb {
	padding: 10px 0 10px 0 !important;
}
/* #Mains>div:nth-child(odd) {
    background: #f5f5f5;
}
#Mains>div:nth-child(even) {
    background: #f5f5f5;
}

#Mains > div:is(:last-child) {
	margin-bottom: 50px !important;
} */
#Mains > div:not(:first-child) {
	padding: 0 0 8px 0 !important;
}

#brands {
    margin-bottom:64px;
}
.text-danger {
    color: var(--color-danger) !important;
}
.text-warning {
    color: var(--color-warning) !important;
}
.text-info {
    color: var(--color-info) !important;
}
.text-primary {
    color: var(--color-primary) !important;
}
.text-success {
    color: var(--color-success) !important;
}
.text-gray {
    color: var(--color-6) !important;
}
.itemSearch {
    cursor:zoom-in;
}
.label-danger {
    background-color: var(--color-danger);
	padding:2px 3px;
	font-weight:600;
	border-radius:2px;
}
.label-warning {
    background-color: var(--color-warning) !important;
	padding:2px 3px;
	font-weight:600;
	border-radius:2px;
}
.label-info {
    background-color: var(--color-info);
	padding:2px 3px;
	font-weight:600;
	border-radius:2px;
}
.label-primary {
    background-color: var(--color-primary);
	padding:0 3px;
	font-weight:700;
	border-radius:3px;
	vertical-align:super;
	line-height:15px;
	height:15px;
	font-size:10px;
	display:inline-block;
	text-transform:uppercase;
}
.label-success {
    background-color: var(--color-success);
	padding:2px 3px;
	font-weight:600;
	border-radius:2px;
}
.label-new {
    background-color: var(--color-warning);
	padding:0 3px;
	font-weight:700;
	border-radius:3px;
	vertical-align:super;
	line-height:15px;
	height:15px;
	font-size:10px;
	display:inline-block;
	text-transform:uppercase;
	margin-left:3px;
}
.label-hot {
    background-color: var(--color-danger);
	padding:0 3px;
	font-weight:700;
	border-radius:3px;
	vertical-align:super;
	line-height:15px;
	height:15px;
	font-size:10px;
	display:inline-block;
	text-transform:uppercase;
	margin-left:3px;	
}
.dataTables_wrapper {
    font-size: 14px;
}
.section {
    padding: 35px 0;
}

.icon-status {
    text-align: center;
    padding-top: 8px;
    font-size: 40px;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    color: #fff;
}

.fb-comments.fb_iframe_widget,
.fb-comments.fb_iframe_widget span,
.fb-comments.fb_iframe_widget span iframe[style],
.fb-comments span,
.fb-comments iframe {
    width: 100% !important;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
    min-width: 200px;
}

div[id^='___comments_'],
div[id^='___comments_'] iframe {
    width: 100% !important;
}

.modal.in .modal-dialog {
	border: 1px solid rgb(230, 230, 230) !important;
	background: rgba(255, 255, 255, 0.25) none repeat scroll 0% 0% !important;
	height: auto !important;
	padding: 7px !important;
	border-radius: 5px !important;
	width: inherit;
	max-height: calc(100vh - 115px);
}

.modal-header {
    padding: 10px !important;
}

.modal-header .close {
    margin-top: 0 !important;
}

/*scrol to top*/


/* .scrollToTop {
  display: none;
} */

.btn-action-xl {
    border-radius: 4px;
    line-height: 1.25;
    font-weight: bold;
    height: 35px;
    text-align: center;
    text-decoration: none;
    z-index: 9999;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0 5px 0 0;
}

.btn-action-xl .fa {
    color: #fff !important;
    font-size: 20px !important;
    margin-right: 0;
}

.btn-action-xl .fa-angle-up {
    font-size: 32px !important;
    line-height: 0.5;
    font-weight: 700;
}

.forgot-password {
    border-bottom: 1px dashed #bbb;
    color: #666;
    display: inline-block;
    font-size: 13px;
    padding-bottom: 1px;
    letter-spacing: 5px;
}

.forgot-password:hover {
    text-decoration: none;
}

.vbs {
    margin-top: 10px;
}

.vbs label {
    width: 100%;
    border: 1px solid #ccc;
    font-weight: 500;
}

.vbs label:before {
    font: normal 500 normal 20px/1 FontAwesome;
}

.vbs input[type="radio"]:empty,
.vbs input[type="checkbox"]:empty {
    display: none;
}

.vbs input[type="radio"]:empty~label,
.vbs input[type="checkbox"]:empty~label {
    position: relative;
    min-height: 34px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vbs input[type="radio"]:empty~label:before,
.vbs input[type="checkbox"]:empty~label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 39px;
    background: transparent;
    border-radius: 3px 0 0 3px;
    line-height: 45px;
}

.vbs input[type="radio"]:hover:not(:checked)~label:before,
.vbs input[type="radio"]:not(:checked)~label:before {
    content: '\f10c';
    text-indent: .6em;
    color: #666;
}

.vbs input[type="checkbox"]:hover:not(:checked)~label:before {
    content: '\2714';
    text-indent: .6em;
    color: #C2C2C2;
}

.vbs input[type="radio"]:hover:not(:checked)~label,
.vbs input[type="checkbox"]:hover:not(:checked)~label {
    color: #333;
}

.vbs input[type="radio"]:checked~label:before {
    content: '\f192';
    text-indent: .6em;
    color: #333;
    background-color: transparent;
}

.vbs input[type="checkbox"]:checked~label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}

.vbs label div {
    padding-left: 30px;
    padding-right: 5px;
}

#AddBooks {
    margin-top: 0;
}

#AddBooks label {
    border-radius: 6px;
    padding:10px 0;
    padding-right:10px;
}

#AddBooks label div {
    padding-left: 50px;
}
#AddBooks label.addbox > div {
    padding-left:10px;
}
#AddBooks label.addbox > div:last-child {
    text-align:right;
}
#AddBooks label.addbox {
    display: flex;justify-content: center;align-content: center;align-items: center;
}
#AddBooks label>div:first-child {
    font: normal 500 normal 20px/1 FontAwesome;
}
.vbs-warning input[type="radio"]:checked~label,
.vbs-warning input[type="checkbox"]:checked~label {
    color: var(--color-warning);
}

.vbs-info input[type="radio"]:checked~label,
.vbs-info input[type="checkbox"]:checked~label {
    color: var(--color-info);
}

.vbs-danger input[type="radio"]:checked~label,
.vbs-danger input[type="checkbox"]:checked~label {
    color: var(--color-danger);
}

.vbs-success input[type="radio"]:checked~label,
.vbs-success input[type="checkbox"]:checked~label {
    color: var(--color-success);
}

.vbs-primary input[type="radio"]:checked~label,
.vbs-primary input[type="checkbox"]:checked~label {
    color: var(--color-primary);
}

.vbs input[type="radio"]:focus~label:before,
.vbs input[type="checkbox"]:focus~label:before {
    box-shadow: 0 0 0 3px #999;
}

.vbs-default input[type="radio"]:checked~label:before,
.vbs-default input[type="checkbox"]:checked~label:before {
    color: #333;
}

.vbs-primary input[type="radio"]:checked~label:before,
.vbs-primary input[type="checkbox"]:checked~label:before {
    color: var(--color-primary);
}

.vbs-success input[type="radio"]:checked~label:before,
.vbs-success input[type="checkbox"]:checked~label:before {
    color: var(--color-success);
}

.vbs-danger input[type="radio"]:checked~label:before,
.vbs-danger input[type="checkbox"]:checked~label:before {
    color: var(--color-danger);
}

.vbs-warning input[type="radio"]:checked~label:before,
.vbs-warning input[type="checkbox"]:checked~label:before {
    color: var(--color-warning);
}

.vbs-info input[type="radio"]:checked~label:before,
.vbs-info input[type="checkbox"]:checked~label:before {
    color: var(--color-info);
}

.fa-shopping-cart span {
    font-size: 14px;
    text-align: center;
}


/* Tabs */

/* .nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; font-size:16px; padding:10px 15px;}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {  font-weight:600; outline:none; border: none; color: #1E9BD0 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #1E9BD0; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #1E9BD0 none repeat scroll 0% 0%; color: #fff; } */

.tab-pane {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

.tab-pane.fade {
    display: none;
}

.tab-pane.in {
    display: block;
    -webkit-transition: 0.1s all;
    -moz-transition: 0.1s all;
    -o-transition: 0.1s all;
    transition: 0.1s all;
}

.tab-content {
    padding: 0
}


/* Jumbotron */

.arrow .fa {
    font-size: 32px;
}


/* Video */

#LibsVideo .col-sm-6,
#LibsVideo .col-md-3 {
    padding: 0 10px !important;
}

.videoItem img {
	max-height: 146px;
	object-fit: cover;
	border-radius: 8px;
}
#LibsVideo .thumbnail {
    border: none !important;
    background: #fff !important;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
}

#LibsVideo .thumbnail:hover {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#LibsVideo .thumbnail:hover .btn {
    background: #F54040 !important;
}

#LibsVideo .thumbnail h3 {
    margin: 0;
}

#videos h3 {
    font-weight: 600;
}
#FeatVideo {
    padding:10px;
    background:#fff;
}
#FeatVideo .well {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    max-height: 360px;
    border: none !important;
    background: #fff !important;
    padding:15px 10px;
}

#FeatVideo .well img {
    max-height: 280px !important;
    object-fit:cover;
    border-radius:12px;
}

#RelateVideo {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 10px;
    background-color: #fff;
}

#RelateVideo .itemRelate {
    position: relative;
    width: 100%;
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
}

#RelateVideo .itemRelate:first-child {
    margin-top: 0px !important;
}

#RelateVideo .itemRelate .itemImg {
    position: relative;
    width: 40%;
    float: left;
}

#RelateVideo .itemRelate .itemImg img {
	width: 100%;
	height: auto;
	object-fit: cover;
	max-height: 76px;
}

#RelateVideo .itemRelate .itemInfo {
    position: relative;
    width: 60%;
    float: left;
    padding: 0 5px 5px 5px;
    display: block;
    height: 100%;
}

#RelateVideo .itemRelate .itemInfo h4 {
    margin-top: 0px;
    line-height: 1.3;
    font-size: 16px !important;
    font-weight: 600;
}

#RelateVideo .itemRelate .itemInfo h4 a {
    color: #333 !important;
}

#RelateVideo .itemRelate .itemInfo h4 a:hover {
    text-decoration: none;
}

#RelateVideo .itemRelate .itemInfo .BriefBlock {
    max-height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}
#blogs > div {
    padding:0;
}
#blogs #blog-list {
    background:#fff;
    padding:10px !important; 
}
#blog-list .item > img,
#blog-list .post-thumb > img {
	object-fit: cover;
	width: 100%;
	max-height: 386px;
}
.cartOrder {
    outline: none !important;
}

.bs-searchbox .form-control {
    border-radius: 4px !important;
}

.icon-big {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    background: #6fc222;
    margin: 60px auto;
}

.icon-big .fa {
    font-size: 100px;
    color: #fff;
}

.btn-big {
    width: 100% !important;
    padding: 10px;
    text-transform: uppercase;
}


/* #orderID .btn {padding:5px;} */
#orderID input[type="number"] {
    padding: 6px 3px;
}

#orderID h4 {
    margin: 0;
}

#orderID .panel-toggle label {
    margin: 0;
}

#orderID table .fa {
    margin: 0;
    line-height: 1;
    font-weight: none;
    color: #14A3F4;
}

#orderID table button .fa {
    color: #fff;
}

#orderID .panel-primary h3 {
    margin: 0;
}

#orderID .panel-body.nopadding {
    padding: 0;
}

#orderID .order-info {
    padding: 0;
    margin: 8px 5px;
    font-size: 12px
}

#orderID .order-info div {
    margin: 3px 0;
}

#orderID .order-info hr {
    margin: 5px 0;
}

#orderID .subtotal {
    font-size: 16px;
}

#orderID .OrderCart {
    margin-top: 15px;
}

#orderID .panel-check, #FrmOrders .panel-check {
    display: none;
}

#orderID #cart-bar th {
    text-transform: uppercase;
    background: #f5f5f5;
    font-weight: 500;
}

#orderID .order-cart {
    padding: 0;
    margin: 0;
    font-size: 12px
}

#orderID .table tr:first-child td {
    border-bottom: 1px solid #ddd;
    border-top: 0;
}

#orderID .table tr:last-child td {
    border-bottom: 0;
    border-top: 0;
}

#orderID .table td {
    border-bottom: 1px solid #ddd;
    border-top: 0;
}

#orderID .order-cart .row {
    margin: 0;
}

#orderID .table {
    margin-bottom: 0;
	min-width:550px;
}
#orderID .table-reponsive {
	overflow-x:auto;
}
#orderID .cart-body {
    padding: 0;
    max-height: 153px;
    overflow-y: auto;
}

.nomargin {
    margin-top: 5px;
    margin-bottom: 5px;
}

#ShipDesc {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}

.intPhoneCode>input {
    width: auto;
    border: none;
    height: 32px;
    outline: 0;
    background: transparent;
}

.intPhoneCode {
    padding: 0 12px !important;
}

.intPhoneCode:before {
    content: attr(data-before);
    font-weight: 600;
    font-size: 14px;
    margin-right: 3px;
    color: rgba(0, 0, 0, .4);
}

table#cart-bar .fa {
    margin-right: 0;
}

table#cart-bar,
table#carts {
    margin-bottom: 0 !important;
}
table#cart-bar > tbody > tr:first-child > td {
	border-top:0;
}
table#carts th {
    background: #d9edf7 !important;
    border-bottom: 1px solid #bce8f1;
    color: rgba(30, 155, 208, 0.91);
    font-weight: 500;
    font-size: 16px;
}

.col-xs-12 .contact-form,
.col-xs-12 .contact-map {
    margin-bottom: 15px;
}

.contact-form #CapcharId,
#orderID #CapcharId {
    max-width: none !important;
}

.contact-map h3,
.contact-form h3 {
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
    color: #0DA0F4;
	min-height:60px;
}

.logoContact img {
    max-width: 100%
}

.infocom .fa {
    margin-right: 10px;
    color: #00aaf9;
}

.infocom address {
    margin: 0;
}

.contact-map #map-canvas {
    margin: 15px 0 0 0;
    height: 300px !important;
}

.contact-map .fa {
    margin-right: 10px;
}

#map-canvas,
#mapcanvas {
    padding: 0;
    height: 400px;
    max-width: none;
}

#map-canvas img,
#mapcanvas img {
    max-width: none !important;
}

#map-canvas iframe,
#mapcanvas iframe {
    width: 100%;
    height: 100%;
}

.gm-style-iw {
    width: 350px !important;
    top: 15px !important;
    left: 0px !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 2px 2px 10px 10px;
}

#iw-container {
    margin-bottom: 10px;
}

#iw-container .iw-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 10px;
    background-color: #48b5e9;
    color: white;
    margin: 0;
    border-radius: 2px 2px 0 0;
}

#iw-container .iw-content {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    margin-right: 1px;
    padding-top: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: justify;
}

#iw-container .iw-content img {
    max-width: 100% !important;
}

.iw-subTitle {
    font-weight: 600;
    padding-top: 10px;
}

.iw-bottom-gradient {
    position: absolute;
    width: 326px;
    height: 25px;
    bottom: 10px;
    right: 18px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}


/* Facebook Chat*/

#cfacebook {
    position: fixed;
    bottom: 0px;
    right: 100px;
    z-index: 999999999999999;
    width: 250px;
    height: auto;
    box-shadow: 6px 6px 6px 10px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

#cfacebook .fchat {
    float: left;
    width: 100%;
    height: 270px;
    overflow: hidden;
    display: none;
    background-color: #fff;
}

#cfacebook .fchat .fb-page {
    margin-top: -130px;
    float: left;
}

#cfacebook a.chat_fb {
    float: left;
    padding: 0 25px;
    width: 250px;
    color: #fff;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);
    background-repeat: repeat-x;
    background-size: auto;
    background-position: 0 0;
    background-color: #3a5795;
    border: 0;
    border-bottom: 1px solid #133783;
    z-index: 9999999;
    margin-right: 12px;
    font-size: 18px;
}

#cfacebook a.chat_fb:hover {
    color: yellow;
    text-decoration: none;
}


/* Step Order */

.order-step {
    margin-top: 40px;
}

.order-step {
    padding: 0 0 10px 0;
}

.order-step>.order-step-step {
    padding: 0;
    position: relative;
}

.order-step>.order-step-step .order-step-num {
    font-size: 16px;
    margin-top: -20px;
    margin-left: 10px;
    font-weight: 600;
}

.order-step>.order-step-step .order-step-info {
    font-size: 14px;
    padding: 10px;
}

.order-step>.order-step-step>.order-step-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    background: var(--color-primary);
    top: 45px;
    left: 50%;
    margin-top: -35px;
    margin-left: -15px;
    border-radius: 50%;
}

.order-step>.order-step-step>.order-step-icon>.fa {
    font-size: 22px;
    padding-left: 8px;
    padding-top: 9px;
    color: #fff;
}

.order-step>.disabled>.order-step-icon>.fa {
    color: #000;
    opacity: 0.3;
}

.order-step>.order-step-step>.progress {
    position: relative;
    border-radius: 0px;
    height: 6px;
    box-shadow: none;
    margin-top: 24px;
    background: #ddd;
}

.order-step>.order-step-step>.progress>.progress-bar {
    width: 0px;
    box-shadow: none;
    background: var(--color-2);
}

.order-step>.order-step-step.complete>.progress>.progress-bar {
    width: 100%;
}

.order-step>.order-step-step.active>.progress>.progress-bar {
    width: 50%;
}

.order-step>.order-step-step:first-child.active>.progress>.progress-bar {
    width: 0%;
}

.order-step>.order-step-step:last-child.active>.progress>.progress-bar {
    width: 100%;
}

.order-step>.order-step-step.disabled>.order-step-icon {
    background-color: #cfcfcf;
}

.order-step>.order-step-step.disabled>.order-step-icon:after {
    opacity: 0;
}

.order-step>.order-step-step:first-child>.progress {
    left: 50%;
    width: 50%;
}

.order-step>.order-step-step:last-child>.progress {
    width: 50%;
}

.order-step>.order-step-step.disabled a.order-step-icon {
    pointer-events: none;
}


/* ====== Tags ====== */

.tags-block {
    margin-top: 15px;
}

.tags-block>span {
    float: left;
    font-size: 18px;
    padding-top: 5px;
}

.tags {
    padding: 0;
    list-style: none;
    background: none !important;
}

.tags:before,
.tags:after {
    content: '';
    display: table;
}

.tags:after {
    clear: both;
}

.tags li {
    position: relative;
    float: left;
    margin: 0 0 8px 12px;
}

.tags li:active {
    margin-top: 1px;
    margin-bottom: 7px;
}

.tags li:after {
    content: '';
    z-index: 2;
    position: absolute;
    top: 10px;
    right: -2px;
    width: 5px;
    height: 6px;
    opacity: .95;
    background: #eb6b22;
    border-radius: 3px 0 0 3px;
    -webkit-box-shadow: inset 1px 0 #99400e;
    box-shadow: inset 1px 0 #99400e;
}

.tags a,
.tags span {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tags a {
    height: 26px;
    line-height: 23px;
    padding: 0 9px 0 8px;
    font-size: 12px;
    color: #555;
    text-decoration: none;
    text-shadow: 0 1px white;
    background: #fafafa;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #dadada #d2d2d2 #c5c5c5;
    border-radius: 3px 0 0 3px;
    background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tags a:hover span {
    padding: 0 7px 0 6px;
    max-width: 40px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.tags span {
    position: absolute;
    top: 1px;
    left: 100%;
    z-index: 2;
    overflow: hidden;
    max-width: 0;
    height: 24px;
    line-height: 21px;
    padding: 0 0 0 2px;
    color: white;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    background: #eb6b22;
    border: 1px solid;
    border-color: #d15813 #c85412 #bf5011;
    border-radius: 0 2px 2px 0;
    opacity: .95;
    background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);
    background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);
    background-image: -o-linear-gradient(top, #ed7b39, #df5e14);
    background-image: linear-gradient(to bottom, #ed7b39, #df5e14);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition-property: padding, max-width;
    -moz-transition-property: padding, max-width;
    -o-transition-property: padding, max-width;
    transition-property: padding, max-width;
}

.tags.blue {
    background: none !important;
}

.tags.blue li:after {
    background: #56a3d5;
    -webkit-box-shadow: inset 1px 0 #276f9e;
    box-shadow: inset 1px 0 #276f9e;
}

.tags.blue span {
    background: #56a3d5;
    border-color: #3591cd #318cc7 #2f86be;
    background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0);
    background-image: -moz-linear-gradient(top, #6aaeda, #4298d0);
    background-image: -o-linear-gradient(top, #6aaeda, #4298d0);
    background-image: linear-gradient(to bottom, #6aaeda, #4298d0);
}

.tags.green li:after {
    background: #65bb34;
    -webkit-box-shadow: inset 1px 0 #3a6b1e;
    box-shadow: inset 1px 0 #3a6b1e;
}

.tags.green {
    background: none !important;
}

.tags.green span {
    background: #65bb34;
    border-color: #549b2b #4f9329 #4b8b27;
    background-image: -webkit-linear-gradient(top, #71ca3f, #5aa72e);
    background-image: -moz-linear-gradient(top, #71ca3f, #5aa72e);
    background-image: -o-linear-gradient(top, #71ca3f, #5aa72e);
    background-image: linear-gradient(to bottom, #71ca3f, #5aa72e);
}


/* ====== Footer ====== */

footer .container {
    color: rgb(255, 255, 255);
    padding: 5px 0;
}

footer .footer-widget {
    width: 100%;
    background: #2E3639;
    border-top: 5px solid #1E2629;
}
footer .footer-widget #bottSubscript, footer .footer-widget #list-tags {
	margin-bottom:15px;
}
footer .footer-widget h4 {
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 500;
	font-size:20px;
	position:relative;
	text-align:left;
}
footer .footer-widget h4:before,
#jobs-detail h1:before {
	position:absolute;
	content:'';
	width:86px;
	height:3px;
	background:rgb(248, 177, 34);
	bottom:-10px;
	
}
footer .footer-widget ul {
    list-style: none;
    padding: 0 15px;
}

footer .footer-widget ul li {
    text-align: justify;
}

footer .footer-widget a {
    color: rgba(255, 255, 255, 0.7);
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

footer .footer-widget ul li a {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 3px 0 10px 15px;
    position: relative;
	display:block;
}

footer .footer-widget ul li a:before {
    content: "\f101";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 4px;
    font-size: 12px;
}

footer .footer-widget a:hover,
footer .footer-widget a:focus {
    color: rgba(255, 255, 255, 0.99);
    text-decoration: none;
}

footer .footer-widget ul li a:hover,
footer .footer-widget ul li a:focus {
    margin-left: 5px;
}

footer .footer-widget p {
    color: #f9f9f9;
}

footer .footer-widget address p {
    font-weight: lighter;
    letter-spacing: 0.5px;
}

footer .copyright {
    text-align: center;
    line-height: 42px;
}

footer .f16 {
    font-size: 16px;
}

footer .f18 {
    font-size: 18px;
}

footer .f20 {
    font-size: 20px;
}

footer .f22 {
    font-size: 22px;
}

footer .f24 {
    font-size: 24px;
}

footer .f26 {
    font-size: 26px;
}

.play-video .btn:hover,
.play-video .btn:focus,
.play-video>.active {
    background: #F54040 !important;
    color: #fff !important;
}

.thumbnail p {
    max-height: 46px;
    min-height: 46px;
    overflow: hidden !important;
}

#LibsVideo .thumbnail {
	min-height:360px;
}
#LibsVideo .thumbnail h3 {
	line-height: 1.5;
	max-height: 120px;
	min-height: 120px;
	overflow: hidden !important;
	font-size: 20px;
	margin-top: 15px;
    padding:0 5px;
}
#LibsVideo .thumbnail h3 a {
	color:#333 !important;
    font-weight:500;
}
#LibsVideo .thumbnail p {
    max-height: 46px;
    min-height: 46px;
    overflow: hidden !important;
}

#FeatVideo .video-info {
    max-height: 30px;
    min-height: 30px;
	position:absolute; 
	bottom:33px; 
	right:34px
}
#LibsVideo .thumbnail .video-info {
    max-height: 30px;
    min-height: 30px;
	position:absolute; 
	bottom:5px; 
	right:10px
}
#RelateVideo > p {
	margin:0;
}
.invideo .embed-responsive {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.invideo #videoTitle {
	margin-bottom:0 !important;
}
.iradio_minimal-red {
	margin-right:5px;
}
.video-info {
    max-height: 30px;
    min-height: 30px;
	position:absolute;
	right:5px;
	bottom:0;
}

.video-info .label {
    font-size: 10px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.tj {
    text-align: justify;
}

.checkbox,
.radio {
    margin: 0;
}

.checkbox.tleft {
    padding-left: 0;
}
.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 25px;
}
.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 20px;
	top: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	line-height: 20px;
}
.checkbox.circle label::before {
    border-radius: 50%;
}
.modal .checkbox label::before {
    top:10px;
}
.checkbox:hover label::before {
	background-color: #eee;
}
.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 20px;
	top: 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}
.panel-heading .checkbox>label {
	margin-left: -25px;
	line-height: 20px;
}
.modal .checkbox label::after {
    top:0px;
}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	opacity: 0;
	position: absolute;
}
.checkbox input[type="checkbox"]:focus+label::before,
.checkbox input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after,
.checkbox input[type="radio"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label,
.checkbox input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before,
.checkbox input[type="radio"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: #0DA0F4;
    border-color: #0DA0F4;
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before {
    background-color: #2bc3fb;
    border-color: #2bc3fb;
}

.checkbox-info input[type="checkbox"]:checked+label::after,
.checkbox-info input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
    background-color: rgba(30, 155, 208, 0.91);
    border-color: rgba(30, 155, 208, 0.91);
}

.checkbox-success input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.radio {
    line-height: 34px;
}

.radio label {
    display: inline-block;
    position: relative;
    font-weight: 600;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    border: 3px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    margin: 8px 0 3px -20px;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    left: 5px;
    top: 13px;
    border-radius: 50%;
    background-color: var(--color-primary);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
}

.radio input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"]+label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked+label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"]+label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"]+label::after {
    background-color: #2bc3fb;
}

.radio-info input[type="radio"]:checked+label::before {
    border-color: #2bc3fb;
}

.radio-info input[type="radio"]:checked+label::after {
    background-color: #2bc3fb;
}

.radio-warning input[type="radio"]+label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked+label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked+label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"]+label::after {
    background-color: rgba(30, 155, 208, 0.91);
}

.radio-success input[type="radio"]:checked+label::before {
    border-color: rgba(30, 155, 208, 0.91);
}

.radio-success input[type="radio"]:checked+label::after {
    background-color: rgba(30, 155, 208, 0.91);
}
.btn-primary.active,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover {
    background:var(--color-primary);
    box-shadow: inset -1px 1px 9px -1px rgba(0,0,0,0.35);
    border:1px solid var(--color-primary);
}
/*Fun begins*/

.custNote,
.discountCode,
#changecode {
    text-decoration: none;
    outline: none;
    font-size: 12px;
    font-weight: 600;
}

.custNote {
    font-size: 105%;
}

.popdisc {
    display: none;
}

.disc-box .disc-desc {
    float: left;
}

.disc-box .disc-val {
    text-align: right;
}

#dcode {
    margin-bottom: 5px;
}

.form-group-btn {
    text-align: center;
}

.form-group-btn .btn {
    min-width: 100%;
}


/*===== Detail Product ====== */

.partner,
.detailProd {
    padding-bottom: 15px;
}

.partner .detailProd .item img,
.detailProd .item img {
    margin: 0 auto;
}

.partner .carousel-indicators,
.detailProd .carousel-indicators {
    position: relative;
    bottom: auto;
    left: 0;
    height: 110px;
    width: 100%;
    margin-left: 0;
    padding: 10px 0;
}

.partner .carousel-indicators li,
.detailProd .carousel-indicators li {
    width: 90px;
    margin: 0 10px;
    text-indent: unset;
    background: transparent;
}

.partner .carousel-indicators li:first-child,
.detailProd .carousel-indicators li:first-child {
    margin-left: 0;
}

.partner .carousel-indicators li:last-child,
.detailProd .carousel-indicators li:last-child {
    margin-right: 0;
}

.partner .carousel-indicators li img,
.detailProd .carousel-indicators li img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0.4;
}

.partner .carousel-indicators li.active img,
.detailProd .carousel-indicators li.active img {
    opacity: 1;
}

.partner .carousel-control,
.detailProd .carousel-control {
    top: 50%;
    bottom: auto;
    background: #050404cc;
    width: 40px;
    height: 40px;
    padding: 6px 0 6px 0;
    border-radius: 100%;
    text-align: center;
}

.partner .carousel-control.left,
.detailProd .carousel-control.left {
    margin-left: 10px;
}

.partner .carousel-control.right,
.detailProd .carousel-control.right {
    margin-right: 10px;
}

.Proddetails {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.Proddetails .title,
.Proddetails .price,
.Proddetails .iso-code {
    font-weight: 700;
}

.Proddetails .title {
    margin-top: 0;
}

.price-block .price {
    margin: 5px 0;
}

.price > label {
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
}

.Proddetails .old-price {
    margin-top: 0;
    color: #cfcfcf;
    font-size: 16px;
    text-decoration: line-through;
}

.Proddetails .rating {
    margin-bottom: 10px;
    font-size: 12px;
    color: #dfdfdf;
    line-height: 0.7;
}

.Proddetails .rating .review-no {
    font-size: 14px;
}

.Proddetails .checked, 
.price > div:first-child {
	color: #ff470b;
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
}

.color-805844-bg {
    background: radial-gradient(left top, circle cover, #0cb4ce 9%, #1080d0 49%, #6442ff 95%);
    background: -o-radial-gradient(left top, circle cover, #0cb4ce 9%, #1080d0 49%, #6442ff 95%);
    background: -ms-radial-gradient(left top, circle cover, #0cb4ce 9%, #1080d0 49%, #6442ff 95%);
    background: -moz-radial-gradient(left top, circle cover, #0cb4ce 9%, #1080d0 49%, #6442ff 95%);
    background: -webkit-radial-gradient(left top, circle cover, #0cb4ce 9%, #1080d0 49%, #6442ff 95%)
}


/*===== Rating ====== */

.symbol {
    display: inline-block;
    border-radius: 50%;
    border: 5px double white;
    width: 30px;
    height: 30px;
}

.symbol-empty {
    background-color: #ccc;
}

.symbol-filled {
    background-color: black;
}

.rating-symbol-background,
.rating-symbol,
.rating-symbol-foreground {
    color: #ff9f1a;
    margin-right: 2px;
    font-size: 24px;
}

.rating-small .rating-symbol-background,
.rating-small .rating-symbol,
.rating-small .rating-symbol-foreground {
    font-size: 14px;
}

.tab-pane .rating-small .rating-symbol-background,
.tab-pane .rating-small .rating-symbol,
.tab-pane .rating-small .rating-symbol-foreground {
    font-size: 12px !important;
}
/*===== call action ====== */

.callAction {
    width: 100%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: #7CBF00;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .03em;
    position: relative;
    display: block;
    -webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.callAction:hover {
    background-color: #72af01;
    text-decoration: none;
    color: #FFF;
}

.callAction:focus {
    outline: none;
}

.callAction:after {
    background-color: #7CBF00;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -webkit-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.callAction:hover:after {
    border-color: transparent;
}

@-webkit-keyframes button-bounce {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(0.96);
    }
    20% {
        transform: scale(1.04);
    }
    52%,
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes button-bounce {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(0.96);
    }
    20% {
        transform: scale(1.04);
    }
    52%,
    100% {
        transform: scale(1);
    }
}

@keyframes button-bounce {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(0.96);
    }
    20% {
        transform: scale(1.04);
    }
    52%,
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes button-blip {
    0% {
        transform: scaleX(1) scaleY(1);
        opacity: 0;
    }
    10% {
        transform: scaleX(1) scaleY(1);
        opacity: .7;
    }
    30%,
    99% {
        transform: scaleX(1.08) scaleY(1.35);
        opacity: 0;
    }
    100% {
        transform: scaleX(1) scaleY(1);
        opacity: 0;
    }
}

@-moz-keyframes button-blip {
    0% {
        transform: scaleX(1) scaleY(1);
        opacity: 0;
    }
    10% {
        transform: scaleX(1) scaleY(1);
        opacity: .7;
    }
    30%,
    99% {
        transform: scaleX(1.08) scaleY(1.35);
        opacity: 0;
    }
    100% {
        transform: scaleX(1) scaleY(1);
        opacity: 0;
    }
}

@keyframes button-blip {
    0% {
        transform: scaleX(1) scaleY(1);
        opacity: 0;
    }
    10% {
        transform: scaleX(1) scaleY(1);
        opacity: .7;
    }
    30%,
    99% {
        transform: scaleX(1.08) scaleY(1.35);
        opacity: 0;
    }
    100% {
        transform: scaleX(1) scaleY(1);
        opacity: 0;
    }
}


/*===== Sitemap ======*/

#sitemap {
    padding-left: 0;
}

#sitemap li {
    list-style: none;
    line-height: 2;
}

#sitemap li .fa {
    width: 25px;
}

#sitemap li a:hove {
    text-decoration: none;
}

#sitemap li ul {
    padding-left: 15px;
}

.navbar-collapse.in {
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    left: 0;
    top: 81px;
    position: absolute;
    background: #0DA0F4;
    z-index: 40;
    opacity: 0.9;
}

.navbar-collapse.in .nav .nav-item a {
    color: #ffffff !important;
}

.navbar-collapse.in .nav .nav-item:hover a {
    border-left: 4px solid rgb(248, 177, 34) !important;
}

.popoverCart {
    position: fixed;
}


/*Buttons*/

.btn-change {
    /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); */
    padding: 10px;
    position: relative;
    /* background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%); */
}

.btn-change:hover,
.btn-change:visited,
.btn-change:active {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    color: white;
    text-decoration: none;
}

.btn-success,
.btn-success:hover {
    background-color: var(--color-success);
}

.btn-primary,
.btn-primary:hover {
    background-color: var(--color-primary);
}

.btn-danger,
.btn-danger:hover {
    background-color: var(--color-danger);
}

.btn-change:hover:after {
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.btn-change:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.form-area h3 {
    text-transform: uppercase;
    font-size: 22px;
    color: var(--color-primary);
    font-weight: 600;
    padding: 0 0 5px 0;
    margin: 15px 0 0 0;
}
.form-area hr {
    margin:0;
}
.content-area {
	position:relative;
	padding:15px 0;
	margin-left:-5px;
	margin-right:-5px;
}
.content-area hr {
    margin:-10px 0 5px 0;
}

.content-area .hist-box, .form-area .hist-box {
	padding:10px;
	margin-bottom:15px;
	background:#f8f8f8;
	border-radius:3px;
	box-shadow:0px 0px 1px rgba(0, 0, 0, 0.2);
}
.content-area .hist-box .fa {
	margin-right:10px;
}
#history-content {
	max-height:520px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-left:5px;
	padding-right:5px;
}
/*Media query*/

@media only screen and (max-width: 930px) {
    .tab_payments label span {
        font-size: 14px;
    }
    .tab_payments label .fa {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    .tab_payments label span:after {
        left: 36%;
    }
    .tab_payments label {
        min-height: 60px;
        padding: 0 2px;
    }
    .tab_payments label .fa {
        font-size: 18px;
    }
    .notitle-section, .section, .accor-section {
        font-size: 16px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .checkbox.tleft {
        padding-left: 15px;
    }
    #RelateVideo {
        margin: 10px -15px;
    }
    #boxcomm ul li > a[data-toggle="tab"] {
        max-width: 120px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #Mains > #breadcrumb {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }
}


/* Extra small devices (phones, less than 768px) */

@media (max-width: 1000px) {
   
    .scrolled .main-nav .collapse.in .nav .nav-item a {
        color: #fff !important;
    }
    .scrolled header .main-nav .nav .nav-item.active a,
    .scrolled header .main-nav .nav .nav-item:hover a {
        color: #fff !important;
        border-bottom: 0 !important;
        border-left: 4px solid rgb(248, 177, 34) !important;
    }
    .navbar-right {
        margin-left: 0 !important;
        margin-right: -5px !important;
    }
    .header-scrolled .navbar-nav>.nav-item>a {
        color: #fff !important;
    }
    /* .container {
        width: auto !important;
    } */
    .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        position: absolute;
        max-width: calc(100% - 60px);
    }
    .top-header .open .dropdown-menu {
        background-color: #ffffff;
        position: absolute;
        right: 0;
    }
    .top-header .header-phone {
        border-left: 0;
        padding: 0 10px 0 0;
        float: left;
    }
    /* .top-header > div {
		margin:0 -15px;
	} */
    .navbar-header {
        float: none;
    }
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse,
    .collapse-hidden {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        padding-left: 8px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* .collapse.in {
        display: block !important;
        max-width: 85%;
    }
    .payment.collapse.in {
        display: block !important;
        max-width: 85%;
    } */
}


/*-----------------*/

@media (max-width: 767px) {
    .contact-form .btn-save {
        margin-top: 15px;
    }
    .captchar {
        display: block !important;
    }
    .captchar .input-group-addon:first-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 1px solid #ccc;
        border-top-right-radius: 4px !important;
    }
    .captchar #LogCapt {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 0;
    }
    header .main-nav .navbar-collapse .nav-item.active a {
        color: rgba(30, 155, 208, 0.91);
    }
    header.header-scrolled .main-nav .navbar-collapse .nav-item.active a {
        border: none;
        color: rgba(30, 155, 208, 0.91);
    }
    .main-nav .navbar-collapse .nav-item {
        margin-right: 0;
    }
    .pricing-wrapper .item-inner {
        min-height: inherit;
    }
    .pricing-wrapper .price-desc {
        min-height: inherit;
    }
    .members-wrapper .item {
        margin-bottom: 30px;
    }
    .members-wrapper .item:last-child {
        margin-bottom: 0;
    }
    .bottom-header {
        right: 0;
    }
    .photo img,
    .carousel-inner img {
        width: 100%;
    }
	.contact-form,
    .contact-map {
        margin-bottom: 15px;
    }
}


/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .feature-nav {
        text-align: left;
        padding-left: 30px;
    }
    .feature-nav>li {
        font-size: 15px;
    }
    
    .contact-map #map-canvas {
        height: 270px !important
    }
    .contact-map #map-canvas iframe,
    #mapcanvas iframe {
        width: 100%;
        height: 100%;
    }
	.contact-form,
    .contact-map {
        margin-bottom: 15px;
    }
    .contact-form #contact_desc {
        min-height: 210px;
    }
    .captchar {
        display: block !important;
    }
    .captchar .input-group-addon:first-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 1px solid #ccc;
        border-top-right-radius: 4px !important;
    }
    .captchar #LogCapt {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 0;
    }
    
    .bottom-header {
        right: 0;
    }
}


/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .feature-nav {
        margin-top: 30px;
        padding-left: 15px;
    }
    .feature-nav>li {
        font-size: 16px;
    }
    .feature-nav>li>a {
        padding: 15px 0;
    }
    .feature-nav>li.active>a {
        padding: 15px 0;
    }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 320px) {
    #orderID>.col-sm-12:last-child {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 360px) {
    #FrmProfile>.col-xs-12:last-child {
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    #orderID>.col-sm-12:last-child {
        padding-left: 15px;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    #FrmProfile>.col-xs-12:last-child {
        padding-left: 30px;
    }
}
@media (max-width:980px) {
    .scrolled header .main-nav .nav .nav-item.active a {
        color: rgba(30, 155, 208, 0.91);
        border-bottom: 4px solid rgb(248, 177, 34);
    }
}
#stripes,
#stripes span {
    position: absolute
}

#stripes {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: skewY(-12deg);
    transform-origin: 0;
    background: linear-gradient(150deg, #53f 15%, #05d5ff 70%, #a6ffcb 94%)
}

#stripes span {
    height: 40px
}

#stripes :nth-child(1) {
    width: 50%;
    left: 50%;
    top: 40px;
    background: #4c29ff
}

#stripes :nth-child(2) {
    width: 14%;
    right: 0;
    bottom: 40px;
    background: #2be7ff
}

#stripes :nth-child(3) {
    width: 25%;
    bottom: 0;
    right: 0;
    background: #a1ffc8
}
.logoForm {
    text-align: center;
    position: absolute;
    top: -62px;
    left: calc(50% - 44px);
    display: flex;
    align-content: center;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #efefef;
    box-shadow: 0 4px 2px rgb(0 0 0 / 15%);
}
.logoForm img {
    margin:6px;
}
@font-face {
  font-family: "pincode-input-mask";
  src: url(data:font/woff;charset:utf-8;base64,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) format("woff");
}
.pincode-input-text-masked {
  font-family: "pincode-input-mask";
}

.pincode-input-container {
  display: inline-flex;
  width: 100%;
}
.pincode-input-container input.first {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pincode-input-container input.mid {
  border-radius: 0;
  border-left-width: 0;
}
.pincode-input-container input.last {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.pincode-input-text, .pincode-input-text.form-control {
  text-align: center;
  flex-grow: 1;
}
.pincode-input-text .filled {
  caret-color: transparent;
}

.pincode-input-error {
  clear: both;
}

.pincode-input-container.touch .pincode-input-text:focus, .pincode-input-container.touch .pincode-input-text:focus.form-control {
  outline: none;
  border: 0;
  box-shadow: none;
}
.pincode-input-container.touch .touchwrapper {
  position: relative;
  height: 100%;
  flex-grow: 1;
}
.pincode-input-container.touch .touchwrapper .pincode-input-text {
  display: block;
  background: transparent;
  text-align: initial;
  border: 0;
  padding-left: 0;
  overflow: visible;
  box-shadow: none;
  transition: none;
}
.pincode-input-container.touch .touchwrapper .pincode-input-text.noletterspacing {
  letter-spacing: 0 !important;
  visibility: hidden;
}
.pincode-input-container.touch .touch-flex {
  display: flex;
  align-items: stretch;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.pincode-input-container.touch .touch-flex-cell {
  flex-grow: 1;
  border: 1px solid #ced4da;
}
.modal-dialog .pincode-input-container.touch .pincode-input-text {
  z-index: 1042;
}
.modal-dialog .pincode-input-container.touch .touch-flex {
  z-index: 1041;
  pointer-events: none;
}
#PincodeModal {
    display:none;
}

@media (min-width:670px) {
    #stripes span {
        height: 150px
    }
    #stripes :nth-child(1) {
        top: 0;
        background: #4750ff
    }
    #stripes :nth-child(2) {
        width: 16.66667%;
        top: 300px;
        bottom: auto;
        background: #0dcfff
    }
    #stripes :nth-child(3) {
        width: 33.33333%;
        right: auto;
        background: #11bdff
    }
}

@media (min-width:880px) {
    #stripes span {
        height: 190px
    }
    #stripes :nth-child(1) {
        width: 33.33333%;
        left: -16.66666%;
        background: #53f
    }
    #stripes :nth-child(2) {
        width: 33.33333%;
        top: 0;
        left: 16.66666%;
        right: auto;
        background: #4553ff
    }
    #stripes :nth-child(3) {
        width: 33.33333%;
        left: 49.99999%;
        bottom: auto;
        background: #4f40ff
    }
    #stripes :nth-child(4) {
        width: 33.33333%;
        top: 380px;
        right: -16.66666%;
        background: #25ddf5
    }
    #stripes :nth-child(5) {
        width: 33.33333%;
        bottom: 0;
        background: #1fa2ff
    }
}
@media (min-width: 768px) {
	
	.modal .modal-lg, .modal .modal-sm {
		width:auto !important;
	}
}