/********* Bebas Nue Start *********/

    @font-face {
        font-family: 'bebas_neuebold';
        src: url('../fonts/bebas/bebasneue-bold-webfont.woff2') format('woff2'),
            url('../fonts/bebas/bebasneue-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'bebas_neuebook';
        src: url('../fonts/bebas/bebasneue-book-webfont.woff2') format('woff2'),
            url('../fonts/bebas/bebasneue-book-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'bebas_neuelight';
        src: url('../fonts/bebas/bebasneue-light-webfont.woff2') format('woff2'),
            url('../fonts/bebas/bebasneue-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'bebas_neueregular';
        src: url('../fonts/bebas/bebasneue-regular-webfont.woff2') format('woff2'),
            url('../fonts/bebas/bebasneue-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'bebas_neuethin';
        src: url('../fonts/bebas/bebasneue-thin-webfont.woff2') format('woff2'),
            url('../fonts/bebas/bebasneue-thin-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

/********* Bebas Nue End *********/


/********* Helvetica Start *********/

@font-face {
font-family: 'Helvetica Neue Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue Italic'), url('../fonts/helvetica/HelveticaNeueItalic.woff') format('woff');
}

@font-face {
font-family: 'Helvetica 35 Thin';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 35 Thin'), url('../fonts/helvetica/HelveticaNeue-Thin.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 37 Thin Condensed';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 37 Thin Condensed'), url('../fonts/helvetica/HelveticaNeue-ThinCond.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 37 Thin Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 37 Thin Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-ThinCondObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 33 Thin Extended Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 33 Thin Extended Oblique'), url('../fonts/helvetica/HelveticaNeue-ThinExtObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 36 Thin Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 36 Thin Italic'), url('../fonts/helvetica/HelveticaNeue-ThinItalic.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 43 Light Extended';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 43 Light Extended'), url('../fonts/helvetica/HelveticaNeue-LightExt.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 27 Ultra Light Condensed';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 27 Ultra Light Condensed'), url('../fonts/helvetica/HelveticaNeue-UltraLigCond.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 23 Ultra Light Extended';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 23 Ultra Light Extended'), url('../fonts/helvetica/HelveticaNeue-UltraLigExt.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 47 Light Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 47 Light Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-LightCondObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 43 Light Extended Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 43 Light Extended Oblique'), url('../fonts/helvetica/HelveticaNeue-LightExtObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 27 Ultra Light Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 27 Ultra Light Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-UltraLigCondObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 83 Heavy Extended';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 83 Heavy Extended'), url('../fonts/helvetica/HelveticaNeue-HeavyExt.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 53 Extended';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 53 Extended'), url('../fonts/helvetica/HelveticaNeue-Extended.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 85 Heavy'), url('../fonts/helvetica/HelveticaNeue-Heavy.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 87 Heavy Condensed';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 87 Heavy Condensed'), url('../fonts/helvetica/HelveticaNeue-HeavyCond.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 107 Extra Black Condensed';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 107 Extra Black Condensed'), url('../fonts/helvetica/HelveticaNeue-ExtBlackCond.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 57 Condensed';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 57 Condensed'), url('../fonts/helvetica/HelveticaNeue-Condensed.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 63 Medium Extended';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 63 Medium Extended'), url('../fonts/helvetica/HelveticaNeue-MediumExt.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 55 Roman';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 55 Roman'), url('../fonts/helvetica/HelveticaNeue-Roman.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 83 Heavy Extended Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 83 Heavy Extended Oblique'), url('../fonts/helvetica/HelveticaNeue-HeavyExtObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 87 Heavy Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 87 Heavy Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-HeavyCondObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 53 Extended Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 53 Extended Oblique'), url('../fonts/helvetica/HelveticaNeue-ExtendedObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 107 Extra Black Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 107 Extra Black Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-ExtBlackCondObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 57 Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 57 Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-CondensedObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 86 Heavy Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 86 Heavy Italic'), url('../fonts/helvetica/HelveticaNeue-HeavyItalic.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 63 Medium Extended Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 63 Medium Extended Oblique'), url('../fonts/helvetica/HelveticaNeue-MediumExtObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 73 Bold Extended';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 73 Bold Extended'), url('../fonts/helvetica/HelveticaNeue-BoldExt.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 73 Bold Extended Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 73 Bold Extended Oblique'), url('../fonts/helvetica/HelveticaNeue-BoldExtObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 77 Bold Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 77 Bold Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-BoldCondObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 93 Black Extended';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 93 Black Extended'), url('../fonts/helvetica/HelveticaNeue-BlackExt.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 95 Black';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 95 Black'), url('../fonts/helvetica/HelveticaNeue-Black.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 93 Black Extended Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 93 Black Extended Oblique'), url('../fonts/helvetica/HelveticaNeue-BlackExtObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue UltraLight';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue UltraLight'), url('../fonts/helvetica/HelveticaNeueUltraLight.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue UltraLight Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue UltraLight Italic'), url('../fonts/helvetica/HelveticaNeueUltraLightItal.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 45 Light';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 45 Light'), url('../fonts/helvetica/HelveticaNeue-Light.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue Light';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue Light'), url('../fonts/helvetica/HelveticaNeueLight.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 47 Light Condensed';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 47 Light Condensed'), url('../fonts/helvetica/helvetica-47-light-condensed-587ebd7b5a6f6.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue Light Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue Light Italic'), url('../fonts/helvetica/HelveticaNeueLightItalic.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 46 Light Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 46 Light Italic'), url('../fonts/helvetica/helvetica-46-light-italic-587ebdb0ea724.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue Medium';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue Medium'), url('../fonts/helvetica/HelveticaNeueMedium.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 67 Medium Condensed';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 67 Medium Condensed'), url('../fonts/helvetica/HelveticaNeue-MediumCond.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 65 Medium';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 65 Medium'), url('../fonts/helvetica/HelveticaNeue-Medium.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 67 Medium Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 67 Medium Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-MediumCondObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue Bold'), url('../fonts/helvetica/HelveticaNeueBold.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue Condensed Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue Condensed Bold'), url('../fonts/helvetica/HelveticaNeueCondensedBold.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 75 Bold Outline';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 75 Bold Outline'), url('../fonts/helvetica/helvetica-75-bold-outline-587ebe00b76ba.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue Bold Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue Bold Italic'), url('../fonts/helvetica/HelveticaNeueBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 97 Black Condensed';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 97 Black Condensed'), url('../fonts/helvetica/HelveticaNeue-BlackCond.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Neue Condensed Black';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica Neue Condensed Black'), url('../fonts/helvetica/HelveticaNeueCondensedBlack.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 97 Black Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 97 Black Condensed Oblique'), url('../fonts/helvetica/HelveticaNeue-BlackCondObl.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 96 Black Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/helvetica/Helvetica 96 Black Italic'), url('../fonts/helvetica/HelveticaBlkIt.woff') format('woff');
}

/********* Helvetica End *********/



::-webkit-scrollbar {height: 5px;background: #f2f2f2;}
::-webkit-scrollbar-thumb {background: #707070;}
body,hr,p,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 ,address,ul,.list-group,.lead,.list-inline,ul,.list-inline > li,ul.dropdown-menu,
.container,.container-fluid,.row,.lead,.list-inline,.list-inline > li,.form-group,.form-horizontal .form-group,.help-block,label,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {margin: 0;padding: 0;}
body{background-color: #f2f0f0;line-height: 1;font-size: 14px;width: 100%;float: left;font-family: 'Source Sans Pro', sans-serif;}
a{color: #707070;text-decoration: none;}
a:hover,a:focus {text-decoration: none;color: #bb1f3c;}
.container{width: 95%;max-width: 1500px;margin: 0 auto;}
/********common style********/
.wf,.wfd,#artworkPage,
.header_right a,
.header_right .user>ul>li,
.product_tour_video button,
.common_step_box,
.common_step_title,
.common_select_button label,
.common_select_button label>span,
.common_production_time_area p,
.ship_bottom button,
#choseFont ul li p,#choseFont ul li span,
.wristbands_design_area table td,
.main_search_list li,.main_search_list li a{width: 100%;float: left;position: relative;}

.wfd,
.menu>ul,
.product_tour_video button,
.wristbands_select_msg_type ul li label,
.wristbands_design_area table td,
#showClipart .modal-dialog,
.popup .panel-body,
#coupon_form>.input-group{display: -webkit-flex;display: flex;}

.wfd>li{-webkit-flex:1;-ms-flex: 1;flex: 1;}

.preloader{
    margin:0 auto;
border-radius: 50%;
  border-top: 4px dotted  blue;
  border-right: 4px dotted  green;
  border-bottom: 4px dotted  red;
  border-left: 4px dotted  pink;
  width: 30px;height: 30px;
  -webkit-animation: spin 1200ms linear infinite;
  animation: spin 1200ms linear infinite;
}
.addloader{
    margin:0 auto;
border-radius: 50%;
  border-top: 7px solid  blue;
  border-right: 7px solid  green;
  border-bottom: 7px solid  red;
  border-left: 7px solid  pink;
  width: 70px;height: 70px;
  -webkit-animation: spin2 1200ms linear infinite;
  animation: spin2 1200ms linear infinite;
  position:fixed;
  left:calc(50% - 15px);
  top:calc(50% - 15px);
  z-index:111;
}
#vinyl_customize .addloader{position: absolute;left: calc(50% - 35px);top: calc(50% - 35px);}
.backShade{background-color: #f2f2f2;opacity: 0.5;}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg);width: 30px;height: 30px; }
  25% { transform: rotate(90deg);border-top: 4px dotted  green;  border-right: 4px dotted  blue;  border-bottom: 4px dotted  pink;  border-left: 4px dotted  red;width: 25px;height: 25px; }
  50% { transform: rotate(180deg);border-top: 5px dotted  blue;  border-right: 5px dotted  green;  border-bottom: 5px dotted  red;  border-left: 5px dotted  pink;width: 30px;height: 30px; }
  75% { transform: rotate(270deg);border-top: 4px dotted  green;  border-right: 4px dotted  blue;  border-bottom: 4px dotted  pink;  border-left: 4px dotted  red;width: 25px;height: 25px; }
  100% { transform: rotate(360deg);border-top: 5px dotted  blue;  border-right: 5px dotted  green;  border-bottom: 5px dotted  red;  border-left: 5px dotted  pink;width: 30px;height: 30px; }
}
@keyframes spin2 {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(90deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}
.pobox_error{
    display:none;
}
.phone_area{position:relative;}
.phone_code{
    position: absolute;
    top: 37px;
    z-index: 111;
    left: 10px;
    color: #707070;
    font-size: 20px;
    line-height: 1.43;
    font-weight: 500;
    display:none;
    
}
.phone_area .form-control{padding: 6px 12px 6px 28px;}
.card_type{position:relative;}
.card_img{
    position: absolute;
    right: 7px;
    z-index: 111;
    top: 9px;
    
}
.card_img img{
    height: 30px;
}
.loader {
  margin: 0 auto;
  width: 60px;
  height: 50px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  position: fixed;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  z-index: 111;
}
.loader > div {
  height: 100%;
  width: 8px;
  display: inline-block;
  float: left;
  margin-left: 2px;
  -webkit-animation: delay 0.8s infinite ease-in-out;
  animation: delay 0.8s infinite ease-in-out;
}
.loader .bar1 {
  background-color: #754fa0;
}
.loader .bar2 {
  background-color: #09b7bf;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader .bar3 {
  background-color: #90d36b;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loader .bar4 {
  background-color: #f2d40d;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader .bar5 {
  background-color: #fcb12b;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loader .bar6 {
  background-color: #ed1b72;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

@-webkit-keyframes delay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.05);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes delay {
  0%, 40%, 100% {
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.alert-dismissable.alert-success{
    background:#000 !important;
    border:1px solid #000 !important;
}
.alert-dismissable.alert-success .alerthead{
    font-weight:bold;
    font-size:18px;
}
.alert-dismissable.alert-success p{
    padding-top: 5px;
    color:#fff !important;
}
.alert-dismissable.alert-success .close{
    color:#fff !important;
}
.alert-dismissable.alert-success .greenTotal{
    padding-top: 5px;
    border-top: 2px solid #fff !important;
    color:#5cb85c !important;
    font-weight:bold;
    font-size:18px;
}
/* Quantity Pool Generation */
.qtyPollBox>div{
    width: 220px;
    float: left;
    margin: 0 0 15px 15px;
}
.p-lr-15 {
    padding: 0 15px !important;
}
.customize_wristband_artwork {
    overflow: hidden;
    border: 1px dashed #ccc;
}
.customize_wristband_artwork {
    padding: 10px 0;
}
.customize_wristband_artwork:hover {
    cursor: pointer;
}

/*customProductType*/
.wristbands_home .customProductType img {
	height: auto;
	width:80%;
}
.wristbands_home .customProductType p {
	color: #CCCCCC;
	font-size: 14px;
	font-weight: 300;
	padding: 4px 0 10px 0;
	text-align: center;
}
.customProductType div.custom-description {
	font-size: 14px;
	line-height: 1.25;
	color: #84888d;
	padding: 5px 50px 20px;
	/*min-height: 180px;*/
}
.customProductType .sku {
	font-size: 14px;
	font-weight: 400;
	color: #166be0;
}
div.customProductType {
	padding: 20px;
}
.customProductType .custom-products {
	margin-bottom: 30px;
	text-align: center;
}

.wristband_artwork_input {
    width: 65%;
    float: left;
    padding:0 0 5px 5px;
}
.wristband_artwork_output {
    width: 35%;
    float: left;
    margin:auto;
}

.wristband_artwork_input h4 ,.wristband_artwork_input .form-group  {
    padding: 7px 0;
}
.wristband_artwork_input h4 {
    font-size: 18px;
    font-weight: 600;
}

.wristband_artwork_input .form-group {
    display: inline;
}

.wristband_artwork_input input {
    width: 100px;
    display: inline;
    padding: 2px 12px;
    height: 28px;
    border-radius: 0;
}
.wristband_artwork_input label, .wristband_artwork_input p{
    font-size: 10px;
    font-weight: 300;
}
.wristband_artwork_input p{padding:0 0 5px 0;color:#707070;}
.wristband_artwork_input  .selected_color {
    width: 50px;
    height: 20px;
    border: 1px solid #eee;
    background: #d04040;
    display: inline-block;
    text-indent: -9999px;
}
.qty-pollbox-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    background: #ED2024;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.wristband_artwork_input img,
.wristband_artwork_output img{height:60px;}
/*End*/

.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:hover{background-color: #fff;border-color: initial;color: initial;outline: none;}
.btn-btn-default:active:focus,
.btn-btn-default:active:hover,
.btn-btn-default:hover,.btn-btn-default:focus{outline: none;}

.common_step_box h4:hover,
.product_menu_list h3:hover{color: #707070;}

.common_shadow,
.product_menu,
.header_right .user>ul,
.mini_cart_box,
header.affix,
.product,
.product ul li:hover,
.product_details,
.product_color_area>ul>li:hover,
.product_color_area>ul>li>ul>li>input.form-control,
.common_step_box,
.product_type li:hover,
.product_size li:hover,
.product_type li.selected,
.product_size li.selected,
.common_input_box,
.common_input_area input,
.common_input_area ul button:hover,
.optional_clipart li button:first-child,
.common_production_time_area,
.common_select_button label:hover::before,
.add_to_cart_area .add_to_cart:hover,
#choseClipart .tab-content li button,
#choseFont .tab-content li,
#choseFont .content_list li,
#choseFontColor ul li,
.checkout_page input,
.checkout_page ul li,
.shopping_page .t_casting .input-group,
.page_link  a:hover,
.common_end button,
.common_start button,.tyvek_input select,
.lanyard_clip li button,
.common_bill_box .common_input_box .form-control,
.ship_bottom label:before,
.dashboard,.popup .panel,
#artworkPage,#faq{-webkit-box-shadow: 0 1px 4px 1px #DBDBDB;-moz-box-shadow: 0 1px 4px 1px #DBDBDB;-o-box-shadow: 0 1px 4px 1px #DBDBDB;box-shadow: 0 1px 4px 1px #DBDBDB;}
.color_item.active_item,
#wristbands_step_three table{-webkit-box-shadow: 0 1px 4px 1px darkgray;-moz-box-shadow: 0 1px 4px 1px darkgray;-o-box-shadow: 0 1px 4px 1px darkgray;box-shadow: 0 1px 4px 1px darkgray;}
.common_production_time_area.active,
.serchClear:hover,.serchClearFontColor:hover,.serchClearFont:hover,
.vinylPollBox.active{-webkit-box-shadow: 0 1px 4px 1px #434343;-moz-box-shadow: 0 1px 4px 1px #434343;-o-box-shadow: 0 1px 4px 1px #434343;box-shadow: 0 1px 4px 1px #434343;}

.dismiss_shadow,
.common_production_time_area.state_area button,
#choseClipart .tab-content li button.active,
.common_end button:last-child,
.common_start button:last-child,
.lanyard_clip li button.active,
.product_menu.menu_go{-webkit-box-shadow:none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow:none;}

a,
.text_transition,
.details,
.common_step_box h4,
.common_step_box h3,
.product_type li,
.product_size li,
.product_menu_list h3:hover,
.common_select_button label,
.common_production_time_area.state_area button,
.common_select_button label.active_art::after,
.common_select_button label::after,
.common_select_button label::before,
.shop_button a::after,
.add_to_cart_area .add_to_cart,
.checkout_page button,.ship_bottom button,
.serchClear,.serchClearFontColor{-webkit-transition: 150ms ease-in-out;-moz-transition: 150ms ease-in-out;-o-transition: 150ms ease-in-out;transition: 150ms ease-in-out;}

.mini_cart_box::before,
.common_title::after,
.header_right .user>ul::after,
.product_menu_title::after,
.product_menu::after,
.product_title::after,
.product_details::after,
.product_type.common_step_box ul li.selected::after,
.product_type.common_step_box ul li.selected::before,
.product_size.common_step_box ul li.selected::after,
.product_size.common_step_box ul li.selected::before,
.common_select_button label::before,
.common_select_button label.active_art::after,
.common_select_button label:hover::after,
.shop_button>li.con_shop a::after,
.tyvek_input select.form-control::after,
.ship_bottom label:before,
.ship_bottom label.active::after,
.ship_area h3 label.active::after{content: '';position: absolute;}
/*.color_missing::after,.color_missing_font::after,.missing_font:after*/

.common_zero_radious,
.search_top input,
.search_top .input-group-addon,
.search_top .input-group-addon button,
.common_input_area input,
.optional_clipart li button:first-child,
#choseClipart .modal-content,
#choseFont .modal-content,
#choseClipart .modal-header,
#choseFont .modal-header,
#choseFont .tab_list li,
#choseClipart .tab_list li,
.common_end button,
.common_start button,.tyvek_input select,
.lanyard_clip li button,ul.color_list > li:hover,
#choseFont .color_search_list ul li,#choseFont .color_search_list ul li:hover,
#tyvek_step_two .product_color_area ul ul.tyvek_img li img,
#tyvek_step_two .product_color_area ul ul.tyvek_img li:hover,
.common_step_box .tavek_qty_poll img{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

.mobileSearch{
    margin-bottom: 10px; 
    display: flex; 
    width: 100%;
}

.mobileSearch input{
    margin-right:5px;
}

.common_radious,
.mini_cart_box,
.mini_cart_box .empty_cart,
.header_right .user>ul,
.product_menu,
.product ul li:hover,
.product_details,
.mini_cart_box .shopping_info table tr:last-child td:last-child a,
.common_step_box li.selected,
.common_step_box li:hover,
.product_color_area>ul>li,
.color_search_area input.form-control,
#choseClipart ul li,
#choseFont ul li,
.security ul li:first-child img,
#lanyard_step_two .product_color_area input.form-control,
.common_bill_box .common_input_box .form-control,
.common_step_box img,
.lanyard_clip.common_customize_box li button.active,
.lanyard_clip.common_customize_box li button:hover, 
.lanyard_clip.common_customize_box li button:focus, 
.lanyard_clip.common_customize_box li button:active,
.artwork_modal .modal-body,
.vinylPollBox{-webkit-border-radius:6px;-moz-border-radius: 6px;border-radius: 6px;}
.popup .panel-body button{-webkit-border-radius:4px;-moz-border-radius: 4px;border-radius: 4px;}

.product_color_area>ul>li>ul{-webkit-border-radius:0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;}

#tyvek_step_two .product_color_area ul ul.tyvek_img{-webkit-border-radius:6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}

.errorBorder{border: 1px solid red !important;}
.qty-price-error{
    clear:both;
    color: #fff;
    text-align: center;
    font-weight: 600;
    background-color: #e50707;
}
.wristbands_design_area table,
.common_input_box,
.common_optional_area,
.common_production_time_area,
.Modal_cancel .modal-content,
#login .modal-content,#forget_pass .modal-content,
#register .modal-content,
#showClipart .modal-body,
#showClipart .modal-content,
.checkout_page input,
.color_search_list input,
#choseFont .modal-header input:focus,
.fabric_table,
.color_missing,.color_missing_font,
#term_modal .modal-content{-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;}
#choseClipart .modal-header input,
#choseFont .modal-header input,
#choseFontColor .modal-header input,
.checkout_page ul li,
.checkout_page ul li:hover,
.shopping_page textarea{-webkit-border-radius:15px;-moz-border-radius: 15px;border-radius: 15px;}
.common_production_time_area>span,
.Modal_cancel .modal-header,
#login .modal-header,
#forget_pass .modal-header,
#register .modal-header,
.color_search_list input.serchBorder,
#choseFont .modal-header input.serchBorder:focus,
#term_modal .modal-header{-webkit-border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
.modal_custom_close.close,.top_msg_close{-webkit-border-radius:0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;}
#login .modal-body,
#forget_pass .modal-body,
#register .modal-body,
#term_modal .modal-body,
.color_list,.font_list{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}

.common_input_area ul button,
.art_add button,.art_delete button,
.shopping_page .t_casting .input-group{-webkit-border-radius:25px;-moz-border-radius: 25px;border-radius: 25px;}
.add_to_cart_area .add_to_cart,.add_to_cart_area .update_cart,
.shopping_page .shop_button a,
.ship_bottom button{-webkit-border-radius:50px;-moz-border-radius: 50px;border-radius: 50px;}
.shop_button>li.con_shop a{-webkit-border-radius:0 50px 50px 0;-moz-border-radius: 0 50px 50px 0;border-radius: 0 50px 50px 0;}
.common_input_area ul button>span,
.shopping_page .t_casting .input-group .input-group-addon{-webkit-border-radius:0 25px 25px 0;-moz-border-radius: 0 25px 25px 0;border-radius:0 25px 25px 0;}
.shopping_page .t_casting .input-group input{-webkit-border-radius:25px 0 0 25px;-moz-border-radius:25px 0 0 25px;border-radius:25px 0 0 25px;}

.common_select_button label::before,
.common_select_button label.active_art::after,
.serchClear,.serchClearFontColor,.serchClearFont{-webkit-border-radius:50%;-moz-border-radius: 50%;border-radius: 50%;}


.common_title{font-size: 25px;font-weight: 600; color: #707070; position: relative;}
.common_title span{background-color: #f2f0f0;padding: 0 10px 0 0;text-transform: capitalize;}
.common_title::after{height: 8px; background-color: #c9c9c9; right: 0; width: 100%; top: 10px; z-index: -1;}

section,
.offer,.aboutus_foot_banner .banner_section,
.flat_section{margin: 15px 0 0 0;}

/************************************ALL Header CSS****************************************************/
.top_msg{font-size:20px;color:#fff;font-weight: 500;background-color: #f2dede; z-index:999;}
.top_msg .alert{color: #a94442;margin:0;padding:7px 0;text-align:center;}
header.main-nav{background-color: #fff;}
.navUL {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #032734;
    }

    /* CHANGES 1/18/2021 */
    .navLI {
    float: left;
    width: 15rem;
    font-size: 1.7rem;
    font-weight: bold !important;
    font-family: "Helvetica 35 Thin";
    }
	.navLI a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		}
	
		.navLI a:hover {
		background-color: #111;
		}
header.affix{position: fixed;z-index: 111;border-bottom: 1px solid #aaa;left: 0;top: 0;}
header.affix .header_left{padding: 15px 0 15px 7px;}
header.affix .track_about{display: none;}
header.affix .header_middle .menu{padding: 25px 0 25px 8px;}
header.affix .header_middle .search_top,
header.affix .header_middle .call_us{padding: 15px 15px 15px 0;}
header.affix .header_right>ul>li{padding: 15px 0;}
header.affix .header_right>ul>li:first-child{padding: 15px 7px 15px 0;}
header.affix .header_right .user > ul{top:100%;}
header.affix~section{margin: 110px 0 0 0;}

.header_left{width: 240px;float: left;padding: 25px 0 25px 20px;}
.header_left img{max-width: 180px;}

.header_middle{width: calc(100% - 420px);float: left;}
.track_about li{padding: 8px;}
.track_about li a{font-size: 12px;font-weight: 300;line-height: 1;}
.menu_search_call{width: 100%;float: left;padding: 9px 0 0 0;}
.menu,
.call_us{width: 180px;float: left;}
.call_us p{color: #727272; font-size: 11px;}
.call_us strong{font-size: 18px; color: #707070;line-height: 1;font-weight: bold;}
.menu{font-size: 20px; font-weight: 600; color: #707070;padding: 10px 0 63px 8px;}
.menu>img,.menu>span{cursor: pointer;}
.menu>img{display:inline-block;}
.menu>span{padding:0 3px 0 6px;}
.menu:hover .product_menu{display: block;}
.product_menu{display: none;position: absolute;width: 100%;float: left;left: 0;right: 0;top: 100%;background-color: #fff;z-index: 111;padding: 15px 0 0 15px;border-top: 2px solid #aaa;border-bottom: 2px solid #aaa;}
.product_menu::after{border: 25px solid transparent; border-bottom-color: #aaa;left: 260px;top: -52px;}
.product_menu_title{font-size: 25px;color: #1391ce;font-weight: 300;display: block;padding:0 0 5px 0;width: calc(100% - 15px);float: left;position: relative;}
.product_menu_title span{font-size: 11px; padding: 0 0 0 15px;font-weight: 300;}
.product_menu_title::after{ border-bottom: 1px solid #A1A1A1;width: 100%;  left: 0; top: 100%; filter: alpha(opacity=25);opacity: 0.25;}
.product_menu_list ul{text-align: center;padding: 35px 0 ;display: flex;flex-wrap:wrap;}
.product_menu_list h3{font-size: 15px;font-weight: 300;color: #1391ce;padding: 10px 0 5px 0;margin: 0;}
.product_menu_list ul li{width: 20%;float: left;border-right: 1px dotted #ecdcdc;margin-top:25px;}
.product_menu_list ul li:last-child{border:none;}
.product_menu_list ul li img{margin: 0 auto;height: 120px;}
.product_menu_list ul li a{line-height: 1.2;display: block;font-size: 12px ;font-weight: 300;color: #b8b0b0;}
.product_menu_list ul li a:hover{color: #707070 ;}
.product_menu_list ul li:hover .mega_menu_img{filter: alpha(opacity=100);opacity: 1;}
.mega_menu_img{position: absolute;right: 0;bottom: 0;max-width: 20%;filter: alpha(opacity=0);opacity: 0;}
.product_menu_list ul li .mega_menu_img img{height: auto;width: 100%;}

.search_top{width: calc(100% - 360px);float: left;max-width: 600px;padding: 0 15px 30px 0;}
.search_top input{height: 40px;border:1px solid #DBDBDB;font-size: 16px;}
.search_top input:focus{border:1px solid #DBDBDB;}
.search_top .input-group-addon{min-width: 100px;height: 40px;padding: 0;}
.search_top .input-group-addon button{background-color: #dbdbdb;color: #707070;height: 38px;font-size: 22px;font-weight: 600;font-style: italic;width: 100%;border:1px solid #DBDBDB;}
.main_search_list{position: absolute;display: none;z-index: 11111111111111111;left: 0;top:100%;background-color: #fff;border: 1px solid #DBDBDB;max-height: 500px;height: auto;overflow-y: auto;border-top: none;}
.main_search_list li{border-bottom: 1px solid #DBDBDB;}
.main_search_list li span{width:calc(100% - 80px);float:left;padding: 10px 0 0 15px;}
.main_search_list li span>span{color:red;display: contents;padding: 0;}
.main_search_list a,
.main_search_list p{padding:5px 10px;font-size:20px;color:#707070;}
.main_search_list a:hover{color:#DBDBDB;}
.main_search_list img{height:40px;float: right;}
.mobile_search{display:none;}

.header_right{width: 180px;float: left;}
.header_right>ul>li{padding: 35px 0;}
.header_right>ul>li:first-child{padding: 35px 7px 35px 0;}
.header_right img{height: 40px;float: right;}
.header_right .user>ul{display: none;position: absolute;top: 84%;right: 0;z-index: 11;width: 100%;min-width: 200px;background-color: #f2f0f0;border: 5px solid #aaa;}
.header_right .user:hover>ul{display: block;}
.header_right .user>ul::after{border: 18px solid transparent; border-top-color: #aaa;right: 3px;top: -20px;}
.header_right .user>ul>li:first-child{border-bottom: 5px solid #aaa;}
.header_right .user ul li a{padding: 10px; font-size: 20px;color: #fff;background-color: #3c3c3c;text-align: center;text-transform: capitalize;font-weight: 300;}
.header_right .user ul li a:hover{ color: #6394f8;background-color: #3e3d3d;font-weight: 300;}
#top-cart .badge{position: absolute;right: 8px;top: -5px;background-color: #6394F8;}
#top-cart:hover .mini_cart_box{display: block;}
.mini_cart_box{display: none;position: absolute;top: 100%;right: 0;border: 5px solid #aaa;z-index: 111;width: 100%;min-width: 740px;background-color: #f2f0f0;padding: 15px;}
.mini_cart_page{width: 100%;float:left;background-color: #f2f0f0;}
.mini_cart_page .empty_cart{background-color: #fff;}
.mini_cart_page .empty_cart p{font-size: 25px; color: #777;text-align: center; padding: 15px;}
.mini_cart_page .empty_cart  img{margin: 0 auto;height: auto;float: none;}

.mini_cart_box::before{border: 20px solid transparent; border-bottom-color: #aaa;right: 116px;top: -45px;}
.mini_cart_box .common_title{color: #2b542c;}
.mini_cart_box .common_title span{padding: 0 10px;margin: 0 0 0 40%;}
.mini_cart_box .empty_cart{background-color: #fff;margin: 15px 0 0 0;}
.mini_cart_box .empty_cart p{font-size: 25px; color: #777;text-align: center; padding: 15px;}
.mini_cart_box .empty_cart  img{margin: 0 auto;height: auto;float: none;}

.mini_cart_box .shopping_info table{margin: 15px 0 0 0;font-size: 16px;font-weight: 300;color: #3c3c3c;width: 100%;float: left;}
.mini_cart_box .shopping_info table img{float: left;height: auto;width: 75px;}
.mini_cart_box .shopping_info table tr{border-bottom: 1px solid #aaa;width: 100%;float: left;}
.mini_cart_box .shopping_info table tr td{min-height: 1px;line-height: 2.5;}
.mini_cart_box .shopping_info table tr:first-child{font-size: 18px;font-weight: 300;color: #2b542c;}
.mini_cart_box .shopping_info table tr:last-child{border: none;}
.mini_cart_box .shopping_info table tr td:first-child{width: 15%;float: left;}
.mini_cart_box .shopping_info table tr td:nth-of-type(2){width: 30%;float: left;}
.mini_cart_box .shopping_info table tr td:nth-of-type(3){width: 12%;float: left;text-align: right;}
.mini_cart_box .shopping_info table tr td:nth-of-type(4){width: 12%;float: left;text-align: right;}
.mini_cart_box .shopping_info table tr td:nth-of-type(5){width: 20%;float: left;text-align: right}
.mini_cart_box .shopping_info table tr td:last-child{width: 11%;float: left;text-align: center;}
.mini_cart_box .shopping_info table tr:nth-last-of-type(2){border: none;}
.mini_cart_box .shopping_info table tr:nth-last-of-type(2) td:first-child{width: 69%;text-align: right;font-size: 18px;font-weight: bold;color: #2b542c;}
.mini_cart_box .shopping_info table tr:nth-last-of-type(2) td:nth-of-type(2){width: 20%;text-align: right;font-size: 18px;font-weight: bold;color: #2b542c;}
.mini_cart_box .shopping_info table tr:last-child td:first-child{width: 69%;}
.mini_cart_box .shopping_info table tr:last-child td:last-child{width: 31%;}
.mini_cart_box .shopping_info table tr:last-child td:last-child a{font-size: 22px;font-weight: bold;color: #2b542c;background-color: #fdd922;line-height: 2;}
.mini_cart_box .shopping_info table tr:last-child td:last-child a:hover{background-color: #fff;color: #707070;}
.mini_cart_box .shopping_info .product_del{color: #761c19;font-size: 22px;line-height: 1.8;border: none;background-color:#f2f0f0; }
.mini_cart_box .shopping_info .product_del:hover{color: red;}

/*packing text*/
.packing_text{
    color:grey;
    font-size:17px;
    border: 2px dotted grey;
    padding: 34px;
    margin: 25px;
}
.packing_text_title{
    font-weight:800;
}


@media only screen and (max-width: 1400px) {
  .product_menu_list ul li{width: 16%;}  
}
@media only screen and (max-width: 1199px) {
    .header_left,.header_right{width: 150px;}
    .header_left img{height:40px;}
    .header_middle{width: calc(100% - 300px);}
    .menu,.call_us{width: 150px;}
    .menu{padding: 10px 0 28px 8px;}
    .product_menu::after{left: 200px;}
    .product_menu_list ul{padding: 20px 0;}
    .product_menu_list ul li img{height: 70px;}
    .product_menu_list h3{font-size: 14px;padding: 8px 0;}
    .search_top { width: calc(100% - 300px);padding: 0 10px 20px 0;}
    .menu_search_call{padding: 0;}
    .call_us strong{font-size: 20px;}
    .header_right > ul > li {padding: 25px 0;}
    .header_right > ul > li:first-child {padding: 25px 7px 25px 0;}
    .track_about li{padding:5px 8px;}
    .header_right .user > ul{top:88%;}
    .header_right .user > ul::after{border: 16px solid transparent;right: 2px;top: -20px;border-top-color: #aaa;}
    .mini_cart_box::before{right: 95px;}
    .main_search_list a, .main_search_list p{font-size: 14px;}
    .main_search_list img{height:30px;}
    .main_search_list li span{width: calc(100% - 70px);}
}
@media only screen and (max-width: 991px) {
    body{max-width: 100vw;}

    .header_left{width: 130px;}
    .header_middle{width: calc(100% - 330px);}
    .header_left,
    .header_right > ul > li,
    .call_us{padding:15px 0;}
    .menu{width: 60px;padding: 25px 10px;}

    .product_menu{ width: 250px; padding: 0;border: none;z-index: 1;position: fixed;left: 0;top: 0;bottom: 0;right:initial;display: block;height: 100vh;border-radius:0;}
    .product_menu.menu_go{z-index: 111; position:relative; float:inherit; display:table; padding-bottom: 10vh;}
    .product_menu_title{width:100%;font-weight:400;padding: 0 0 18px 0;}
    .product_menu_title span{display:block;padding: 0;font-size: 12px;}
    .product_menu::after{left: 0;top: -15px;border: 0px solid transparent;border-top-color: #707070;}
    .product_menu 
    .product_menu ul{padding: 0;}
    .product_menu ul li{width: 100%;height: auto;padding:0;}
    .product_menu ul li:first-child{border:none;}
    .product_menu ul li a{padding: 7px 0;font-size: 18px;color: #1391ce;font-weight: 300;line-height: 1;width: 100%;float:left;text-align:center; border-bottom: 1px solid #c0c0c0;}
    .product_menu ul li a:hover{font-weight: 300;color: #7c8d7d;}
    .product_menu ul li a h3{padding: 0;font-size: 13px; line-height: 2; display: inline-block;}
    
    div.scrollable-mobile-menu{
        float: left;
        
        overflow-y: auto;
    }

    ul.mobile_login a.memberOpton img{
        margin-right: 10px;
    }
    ul.company-info--mobile h3{
        margin: 15px 0 10px 0;
        font-size: 20px;
        color: #1391ce;
        font-weight: 300;
        padding: 3px 0 8px 0;
        margin: 0;        
    }
    ul.company-info--mobile{
        margin: 5px 0 0 0;
        padding: 0;
        float: left;
    }
    ul.company-info--mobile li{
        list-style-type: none;
        margin: 0;
    }
    ul.company-info--mobile li a{
        text-align: left;
        font-size: 14px;
        border-bottom: none;
        padding: 5px 0;
    }
    ul.mobile_login{margin: 20px 0 0; display:table; padding-top:20px;}
    .product_menu ul.mobile_login li{border:none;border-right:1px solid #2794c6;padding:0;}
    .product_menu ul.mobile_login li a{color:#2794c6;font-weight:400; font-size: 14px; line-height: 2; padding:0; border: none;}
    .product_menu ul.mobile_login li:last-child{border:none;}
    .product_menu ul.mobile_login li:last-child a{text-align: left;}
    /**.mobile_menu_scroll{height:calc(100vh - 38px); overflow: hidden;padding: 15px}**/
    /**.mobile_menu_scroll ul{height: calc(100vh - 115px);overflow-y: scroll;}**/
    .mega_menu_img,
    .product_menu_list ul li:hover .mega_menu_img{filter: alpha(opacity=0);opacity: 0;display: none;}
    .search_top{width: calc(100% - 115px);padding: 15px 10px;}
    .search_top .typeahead__query {width: calc(100% - 80px);}
    .search_top .typeahead__button{width: 80px;}
    .call_us{width: 115px;}
    .call_us p{font-size: 9px;}
    .call_us strong{font-size: 15px;line-height: 1.3;}
    .header_right .user > ul{top: 100%;}
    
    .mobile_menu{width: 50px;float: left;padding: 10px 0;}
    .search_top .input-group-addon{min-width: 50px;}
    .header_right > ul > li:first-child { padding: 15px 7px 15px 0;}
    .mini_cart_box{min-width: 730px;}

    .full_body{background-color:#f2f2f2;z-index:11;width:100vw;float:left;position: relative;transition: left linear 300ms;left:0;}
    .full_body.body_go{position: fixed;left: 250px;top: 0;bottom: 0;overflow: hidden auto;}
    .mobile_menu_scroll ul::-webkit-scrollbar {background: #fff;width:2px;}
    .mobile_menu_scroll ul::-webkit-scrollbar-thumb {background: #bbb;}
    .mobile_menu_scroll ul::-webkit-scrollbar-thumb:hover {background: #707070;}
    .mobile_case.modal-backdrop{ z-index: 110;}
    
    .product_menu ul li a img{height: 30px; float: left;}
    .mobile_menu_scroll{padding: 5px 15px 15px 15px;}
}
@media only screen and (max-width: 767px) {
    .header_right .user > ul{max-width: 200px;}
    .header_right .user > ul::after{border: 10px solid transparent;border-top-color: #aaa;top: -14px;right: 45px;}
    .mobile_menu{width: 60px;}
    .header_left{width: 110px;}
    .header_left img,
    .header_right img,
    .search_top .typeahead__query input,
    .search_top .typeahead__button{height: 30px;}
    .header_middle{width: calc(100% - 270px);}
    .menu,
    header.affix .header_middle .menu{padding: 20px 0;}
    .menu > ul > li{margin: auto;}
    .search_top{width: calc(100% - 30px);max-width: 450px;margin: 0 auto;float: initial;}
    .search_top .typeahead__button{width: 36px;}
    .search_top .typeahead__query { width: calc(100% - 36px);}
    .search_top .typeahead__button button{background-color: #fff;border-left: none;-webkit-border-radius:0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0;}
    .search_top .typeahead__button button img{margin: auto;}
    .search_top .typeahead__query input{border-right: none;-webkit-border-radius:6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;border-radius: 6px 0 0 6px;}
    .header_right{width: 100px;}
    .header_right>ul{position: inherit;}
    .header_left, .header_right > ul > li,.search_top,
    header.affix .header_left,header.affix  .header_right > ul > li,header.affix .header_middle .search_top{padding: 10px 0;}
    .mini_cart_box::before {border: 15px solid transparent;border-bottom-color: #aaa;right: -2px;top: -33px;}
    .mini_cart_box{min-width: 100%;}
    .mini_cart_box .common_title span { margin: 0 0 0 35%; }
    .mini_cart_box .shopping_info table tr:first-child,
    .mini_cart_box .shopping_info table,
    .mini_cart_box .shopping_info .product_del{font-size: 14px;}
    .mini_cart_box .shopping_info table tr td{line-height: 1.5;}
    .mini_cart_box .shopping_info table tr td:first-child,
    .mini_cart_box .shopping_info table tr td:last-child{width: 40px;}
    .mini_cart_box .shopping_info table tr td:nth-of-type(2){width:calc(100% - 260px);}
    .mini_cart_box .shopping_info table tr td:nth-of-type(4){width: 50px;}
    .mini_cart_box .shopping_info table tr td:nth-of-type(3){width: 60px;}
    .mini_cart_box .shopping_info table tr td:nth-of-type(5){width: 70px;}
    .mini_cart_box .shopping_info table tr:nth-last-of-type(2) td:nth-of-type(2){width: 120px;}
    .mini_cart_box .shopping_info table tr:nth-last-of-type(2) td:first-child{width: calc(100% - 160px);}
    .mini_cart_box .shopping_info table tr:last-child td:first-child,
    .mini_cart_box .shopping_info table tr:last-child td:last-child{width: 50%;}
    
    #top-cart .badge{right: 3px;}
    .mobile_menu{padding: 2px 0;}
    .mobile_menu img{height: 40px;}
    .search_top input,.search_top .input-group-addon{height: 30px;}
    .search_top .input-group-addon button{height: 28px;}
    .header_right > ul > li:first-child ,header.affix .header_right > ul > li:first-child{    padding: 10px 7px;}
    .full_body.body_go{left:200px;}
    .product_menu{width: 200px;}
    .mobile_menu_scroll{padding: 5px 15px 15px 15px;}
    .product_menu_title{padding: 0 0 8px 0;}
    .product_menu ul li a img{height: 30px; float: left;}
}
@media only screen and (max-width: 500px) {
    .header_left{width: 140px;}
    .menu{width: 50px;}
    .header_right{width: 80px;}
    .header_middle {    width: calc(100% - 280px);}
    .menu,
    header.affix .header_middle .menu{padding: 10px 0;}
    .header_left, .header_right > ul > li,.search_top,
    header.affix .header_left,header.affix  .header_right > ul > li{padding: 10px 0;}
    .mini_cart_box{border: 3px solid #aaa;padding: 5px;overflow: hidden;}
   .mini_cart_box .shopping_info table tr:last-child td:last-child a{font-size: 16px;}
    .mini_cart_box::before {border: 10px solid transparent;border-bottom-color: #aaa;right: 12px;top: -23px;}
    .mini_cart_box .common_title span { margin: 0 0 0 calc(50% - 70px);}
    .mobile_search{display:block;border: none;background-color: transparent;font-size: 25px;color: #707070;float: right;margin: 10px 0;}
    .mobile_search:hover{color:#707;}
    .search_top{display:none;width: 100%;max-width: 100%;z-index: 11111;position: absolute;top: 100%;left: 0;right: 0;padding: 0;}
    header.affix .header_middle .search_top{padding: 0;}
    .search_top .input-group{width: 100%;}
    .search_top .input-group-addon{display:none;}
    .header_right > ul > li:first-child ,
    header.affix .header_right > ul > li:first-child {    padding: 10px 7px 10px 0;}
    .mini_cart_box .empty_cart p{font-size: 18px;}
    .common_title{font-size: 18px;}
    .common_title::after{top: 6px;}
    .mini_cart_box .common_title::after{top: 10px;height: 4px;}
    .mobile_menu{padding: 4px 0;}
    .mobile_menu img{height: 40px;}
    
}
@media only screen and (max-width: 400px) {
    .mini_cart_box .shopping_info table tr td:first-child{display:none;width:0;}
    .mini_cart_box .shopping_info table tr:first-child,
    .mini_cart_box .shopping_info table,
    .mini_cart_box .shopping_info .product_del{font-size: 13px;}
    .mini_cart_box .shopping_info table tr td,
    .mini_cart_box .shopping_info .product_del{line-height: 1.3;}
    .mini_cart_box .shopping_info table tr td:last-child{width: 20px;}
    .mini_cart_box .shopping_info table tr td:nth-of-type(2){width:calc(100% - 190px);}
    .mini_cart_box .shopping_info table tr td:nth-of-type(4){width: 50px;}
    .mini_cart_box .shopping_info table tr td:nth-of-type(3){width: 60px;}
    .mini_cart_box .shopping_info table tr td:nth-of-type(5){width: 60px;}
    .mini_cart_box .shopping_info table tr:nth-last-of-type(2) td:nth-of-type(2){width: 50%;}
    .mini_cart_box .shopping_info table tr:nth-last-of-type(2) td:first-child{width: 50%;display: inherit;}
    .mini_cart_box .shopping_info table tr:last-child td:first-child,
    .mini_cart_box .shopping_info table tr:last-child td:last-child{width: 50%;display: inherit;}
}
/************************************ALL slider & Offer CSS****************************************************/
/************offer******/
.offer{height: 56px;background-color: #d5d5d5;border: 1px solid #c8c8c8;}
.offer .today_deal{width: 120px;float: left;height: 100%;}
.offer .today_deal img{margin: 6px auto;height: 42px;}
.offer .great_savings{width: 160px;float: left;height: 100%;text-align: center; color: #707070;font-size: 16px;font-weight: 300;}
.offer .great_savings span{color: #EC3F29; font-size: 18px;font-weight: normal;display: block;padding: 7px 0 3px 0;}
.offer .coupon_discount{width: calc(100% - 450px);float:left;font-size: 22px; color: #707070;font-style: italic;height: 100%;padding: 10px 0;text-align: center;}
.offer .coupon_discount b{color: #fff;}
.offer .coupon_discount span{color: #2e800a;font-size: 26px;top: 3px; padding: 0 5px;font-weight: bold;}
.offer .today_only{width: 170px; float: left;height: 100%;}
.offer .today_only img{height: 36px;margin: 9px 0;}
@media only screen and (max-width: 1400px) {
    .offer{height: 50px;}
    .offer .today_deal{width: 100px;}
    .offer .today_deal img{margin: 5px auto;height: 40px;}
    .offer .great_savings{width: 125px;font-size: 17px;}
    .offer .great_savings span{font-size: 18px;padding: 5px 0 3px 0;}
    .offer .coupon_discount{width: calc(100% - 350px);font-size: 20px;}
    .offer .coupon_discount span{font-size: 25px;top: 5px; padding: 0 5px;}
    .offer .today_only{width: 125px;}
    .offer .today_only img{height: 30px;margin: 9px 0;}
}
@media only screen and (max-width: 1199px) {
    .offer{height: 45px;}
    .offer .today_deal{width: 100px;}
    .offer .today_deal img{margin: 4px auto;height: 37px;}
    .offer .great_savings{width: 110px;font-size: 15px;}
    .offer .great_savings span{font-size: 16px;}
    .offer .coupon_discount{width: calc(100% - 310px);font-size: 16px;padding: 9px 0;}
    .offer .coupon_discount span{font-size: 22px; }
    .offer .today_only{width: 100px;}
    .offer .today_only img{height: 27px;}
    .menu > span { padding: 0 3px;}
    
    
}
@media only screen and (max-width: 991px) {
    .offer{height: 40px;}
    .offer .today_deal{width: 80px;}
    .offer .today_deal img{margin: 5px auto;height: 30px;}
    .offer .great_savings{width: 90px;font-size: 12px;}
    .offer .great_savings span{font-size: 12px;}
    .offer .coupon_discount{width: calc(100% - 245px);font-size: 12px;padding: 11px 0;}
    .offer .coupon_discount span{font-size: 14px; padding: 0;}
    .offer .today_only{width: 75px;}
    .offer .today_only img{height: 20px;}
}
@media only screen and (max-width: 767px) {
    .offer .coupon_discount { padding: 3px 0 0 0; font-size: 14px; }
}
@media only screen and (max-width: 550px) {
    .offer{height: 32px;}
    .offer .today_deal{width: 60px;}
    .offer .today_deal img{height: 22px;}
    .offer .great_savings{width: 75px;font-size: 12px;}
    .offer .great_savings span{font-size: 11px;padding: 2px 0;}
    .offer .coupon_discount{width: calc(100% - 190px);font-size: 12px;}
    .offer .today_only{width: 55px;}
    .offer .today_only img{height: 15px;}
}
@media only screen and (max-width: 450px) {
    .offer{height: 30px;}
    .offer .today_deal{width: 50px;}
    .offer .today_deal img{height: 20px;}
    .offer .great_savings{width: 67px;font-size: 10px;}
    .offer .great_savings span{font-size: 10px;padding: 2px 0;}
    .offer .coupon_discount{width: calc(100% - 162px);font-size: 10px;}
    .offer .today_only{width: 45px;}
    .offer .today_only img{height: 12px;}
}
@media only screen and (max-width: 370px) {
    .offer .today_deal{width: 45px;}
    .offer .today_only{width: 40px;}
    .offer .coupon_discount{font-size:8px;width: calc(100% - 152px);}
}
/************************************ALL Footer CSS****************************************************/
.footer_top_text p,.review_area{width: 90%; margin: 30px auto 0 auto; max-width: 1125px; font-size: 14px; font-weight: 300;  color: #61a1bd; line-height: 1.25;}
.footer_top_text p{ margin: 30px auto;}
footer{background-color: #fff;}
.footer_top{height: 15px;border: 1px solid #707070;background-color: #2e800a;}

.footer_menu{padding:40px 0;}
.footer_menu ul{width: 20%;float: left;}
.footer_menu ul li h3{font-size: 20px;color: #1391ce;font-weight: 300;padding: 3px 0 8px 0;margin: 0;}
.footer_menu ul li a{font-size: 13px;font-weight: 300;color: #61a1bd;padding: 3px 0;display:block;line-height: 1;}
.footer_menu ul li a:hover{color: #707070;}

.pay_method ul{display: flex;}
 
.footer_pay_security{padding: 40px 0 70px 0;}
.pay_method{width: 35%;float: left;padding: 9px 0;}
/*.pay_method ul li{padding: 8px;background-color: #fff;}*/
.pay_method ul li:hover{-webkit-border-radius:6px;border-radius: 6px;}
.security{width: 65%;float: left;}
.security ul{float: right;display: flex;margin: 0;}
.security ul li{padding: 0 0 0 5px;width: 110px;}
.security ul li:first-child{width: 200px;}
.security ul a{display: block;}
.security ul  img{width: 100%;}
.security ul li:first-child img{margin: 7px 0;height: 48px;width: auto;border: 1px solid #222;padding: 0 15px 0 10px;}

.footer_bottom{height: 22px;border: 1px solid #707070;background-color: #2e800a;text-align: center;font-size: 11px;font-weight: 300;color: #c9debf;padding: 2px;}
.footer_bottom p{margin:0;padding: 2px 0;}

.security ul .auth img{height: 51px;width: auto;margin: 0 10px;}
.auth{font-size: 12px;}
@media only screen and (max-width: 1250px) {
    .pay_method{width: 30%;}
    .security{width: 70%;}
    .security ul li{width: 95px;}
    .security ul li:first-child{width: 160px;}
    .security ul .auth img{height: 42px;margin: 0 14px;}
    .auth {font-size: 11px; }
}
@media only screen and (max-width: 991px){
    .footer_pay_security{padding: 0;}
    .pay_method ul{max-width: 400px;margin: 0 auto 20px auto;}
    .pay_method,
    .security{width: 100%;padding: 0;}
    .security ul{max-width: 650px;margin: 0 auto 30px auto;float: none;}
    .footer_menu ul li h3{font-size: 20px;}
    .footer_menu ul li a{font-size: 12px;}
    .footer_top_text p{font-size: 11px;}
}
@media only screen and (max-width: 767px) {
    .footer_top_text p{font-size: 12px;margin: 30px auto;color: #B5B5B5;font-weight: 300;}
    .call_us_footer{text-align: center;color: #707070;padding: 20px 0;}
    .call_us_footer strong{font-size: 22px;}
    .security ul{max-width: 570px;}
    .footer_bottom{height: auto;}
    .security ul li:first-child,
    .security ul li{width: auto;}
    .security ul li:first-child img,
    .security ul li img,
    .security ul .auth img{height:45px;margin: 0;    width: auto;}
}
@media only screen and (max-width: 500px) {
    .security ul li:first-child img,
    .security ul li img,
    .security ul .auth img{height:30px;    width: auto;}
    .security ul{max-width: 380px;}
}
@media only screen and (max-width: 400px) {
    .security ul li:first-child img,
    .security ul li img,
    .security ul .auth img{height:23px;    width: auto;}
    .security ul{max-width: 300px;}
}
/************************************ALL Main Content CSS****************************************************/
#mainContent{}

/*********Home Product**********/
.product_title{margin: 20px 0; font-size: 22px;font-weight: bold;color:#707070; position: relative}
.product_title span{background-color: #f2f0f0;padding: 0 10px 0 0;z-index: 1;  position: relative;}
.product_title::after{height: 8px;background-color: #c9c9c9;right: 0;width: 100%;top: 9px;z-index:0;}
.product{background-color: #fff;}
.product ul{text-align: center;padding: 20px;}
.product ul li{position: relative;}
.product img{margin: 0 auto;padding: 10px;}
.product a{font-size: 22px;color: #1391ce;font-weight: 300;display: block;}
.product a:hover{color:#707070;}

.product ul li p{color: #707070;font-size: 18px;padding:10px 25px 25px 25px;font-weight: 300;line-height: 1.25;}

.product_details{position: absolute;display: none;top: calc(100% + 20px);width: 100%;left: 0;background-color: #555;border: 5px solid #aaa;z-index: 11;color: #aaa;padding: 10px;font-size: 16px;font-weight: 300;text-align: left;}
.product_details::after{border: 20px solid transparent; border-bottom-color: #aaa;left: 46%;top: -45px;}
.details{color: #CCCCCC;font-size: 14px;font-weight: 300;padding: 10px 0;width: 50px;margin: 0 auto;}
.details:hover{color: #aaa;font-weight: 300;}

.wristbands_home .product a{font-size: 18px;}
.wristbands_home .product a span{padding: 7px 0 0 0;display: block;}
.wristbands_home .product ul img{
    height: auto;
     max-width: 100%;
    /*max-width: 212px;*/
    
}
.wristbands_home .product ul p{color: #CCCCCC;font-size: 14px;font-weight: 300;padding: 4px 0 10px 0;text-align: center;}
.lanyard_home .product a,.tyvek_home .product a,.fabric_home .product a, .vinyl_home .product a{padding:0;}
.lanyard_home .product a span,.tyvek_home .product a span,.fabric_home .product a span,.vinyl_home .product a span{padding: 7px 0 10px 0;display: block;}
.lanyard_home .product ul li{width: 33.333%;float: left;height:425px;}
.lanyard_home .product img{height: 300px;}
.leather_home_page .product img{
    /*height: 254px;*/
    width: auto;
    max-width: 100%;
}
.leather_home_page .product ul li {
    width: 25%;
    float: left;
}
@media only screen and (max-width: 1600px) {
    .wristbands_home .product a {font-size: 17px;}
}
@media only screen and (max-width: 1500px) {
    .product img{padding: 10px;}
    .wristbands_home .product a,
    .product ul li p{font-size: 16px;}
    .lanyard_home .product img {    height: 290px;}
}
@media only screen and (max-width: 1400px) {
    .wristbands_home .product ul img{max-width:98%;}
    .wristbands_home .product a {font-size: 20px;}
    .product a{font-size: 22px;}
}
@media only screen and (max-width: 1199px) {
    .product ul li p{font-size: 12px;}
    .wristbands_home .product ul img{padding: 7px;}
    .wristbands_home .product a{font-size: 18px;}
    .lanyard_home .product img{height: auto;}
    .fabric_home .product a { font-size: 16px; }
    .lanyard_home .product ul li{height: 300px;}
    .wristbands_home .product a span{font-size: 14px;}
    .wristbands_home .product ul p{font-size: 12px;}
}
@media only screen and (max-width: 991px){
    .product_title{margin: 15px 5px;font-size: 22px;width: calc(100% - 10px);}
    .product ul{padding: 10px;}
    .product a{font-size: 18px;}
    .product ul li p{padding: 10px;}
    .wristbands_home .product ul{display: inline-block;}
    .wristbands_home .product ul>li{width:33.3333%;float:left;}
    .wristbands_home .product a{font-size: 14px;}
    .wristbands_home .product ul img{max-width: 150px;}
    .wristbands_home .product ul p{font-size: 12px;display: block;}
    .wristbands_home .product a span{font-size: 16px;}
    .footer_top_text p{margin: 25px auto;font-size: 13px;}
}
@media only screen and (max-width: 767px) {
    .wristbands_home .product ul{display: block;}
    .wristbands_home .product a{font-size: 16px;padding: 0;}
    .wristbands_home .product ul p{font-size: 14px;}
    .lanyard_home .product ul li{padding: 0;height: auto;}
    .tyvek_home .product a{font-size: 20px;padding: 0 0 10px 0;}
    .product_title::after{height: 6px;top: 6px;}
    .product_title { font-size: 18px; }
    .product ul li p{display: none;}
    .product img {padding: 10px; }
}
@media only screen and (max-width: 650px) {
    .wristbands_home .product ul li,
    .lanyard_home .product ul li,
    .leather_home_page .product ul li,
    .tyvek_home .product ul li,
    .fabric_home .product ul li,
    .vinyl_home .product ul li{width: 50%;float: left;}
    .fabric_home .product ul,
    .fabric_home .product ul,
    .vinyl_home .product ul,
    .tyvek_home .product ul{display: inline-block;}
    .wristbands_home .product ul li{height: 290px;}
    .tyvek_home .product ul li{
        /*height: 180px;*/
        
    }
    .fabric_home .product ul li{height: 180px;}
    .product a ,.fabric_home .product a,.tyvek_home .product a{    font-size: 14px;}
}

@media only screen and (max-width: 360px) {
    .lanyard_home .product ul li,
    .leather_home_page .product ul li,
    .tyvek_home .product ul li,
    .fabric_home .product ul li,
    .vinyl_home .product ul li,
    .wristbands_home .product ul li{width: 100%;}
    .tyvek_home .product a ,
    .wristbands_home .product a,
    .fabric_home .product a{  font-size: 18px;   }
    .product ul li{border-bottom: 1px solid #f2f2f2;}
    .product ul li:last-child{border: none;}
    .fabric_home .product ul li{height: auto;}
}

/*dashboard*/
.dashboard{background-color:#fff;padding:30px;}
.dashboard>h4{font-size:20px;color:#707070;padding:25px 20px;border-bottom: 1px solid #716f6f;}
.dashboard>ul{padding: 0 0 20px 15px;border-bottom: 1px solid #716f6f;}
.dashboard>ul>li{width:120px;text-align:center;}
.dashboard>ul>li>a,
.dashboard h3{font-size:20px;color:#716f6f;}
.dashboard>ul>li>a.active{color:#3a8df9;}
.dashboard>ul>li img{margin:0 auto 5px auto;}
.dashboard>ul>li:last-child{text-align:left;width:180px;}
.dashboard>ul>li:last-child p{font-size:14px;color:#716f6f;line-height:1.5;}
.dashboard>ul>li:last-child h3{margin:0 0 5px 0;}
.dashboard .table > thead > tr > th{font-size: 18px;color: #337ab7;}

@media only screen and (max-width: 767px) {
    .dashboard{padding:15px;}
    .dashboard .table > thead > tr > th{font-size: 16px;}
    .pagination > li > a, .pagination > li > span{padding: 5px 10px;}
    .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:5px 0 5px 5px;}
}
@media only screen and (max-width: 550px) {
    .dashboard{padding:10px;}
    .dashboard .table > thead > tr > th,.dashboard .table{font-size: 12px;}
    .pagination > li > a, .pagination > li > span{padding: 5px;font-size: 12px;}
    .dashboard > ul > li:last-child{width: 100%;padding: 20px;}
}
@media only screen and (max-width: 400px) {
    .dashboard .table > thead > tr > th,.dashboard .table{font-size: 11px;}
    .pagination > li > a, .pagination > li > span{font-size: 11px;}
}
.profile>p{font-size:11px;color:020933;}
.profile ul{font-size:20px;color:#716f6f;}
.profile ul li{margin:0 0 15px;position: relative;}
.profile ul li .edit{font-size:11px;color:#3A8DF9;margin:0 10px;border:none;background-color:transparent;}
.profile label{font-weight:300;padding:0 10px 0 0;}
.profile ul label{width:50%;text-align:right;}
.profile .detail{margin: 50px 0;border-right: 1px solid #707070;}
.profile h5{max-width:250px;margin:0 0 15px 70px;border-bottom: 1px solid #707070;font-size:14px;color:#716f6f;padding:0 0 7px 0;}
.profile .subs{margin: 50px 0;}
.profile .subs .checkbox{max-width:250px;margin:0 0 0 90px;font-size:14px;color:#716f6f;}
.profile .small{font-size:11px;color:#020933;cursor:pointer;}
.profile .detail .small{padding:0 0 0 20px;}
.profile input[type="checkbox"]{margin-top:0;}
.billing{margin:40px 0 70px 0;}
.billing h4{font-size:20px;color:#707070;border-bottom: 1px solid #716f6f;padding:10px;max-width:90%;}
.billing p{font-size:14px;color:#716f6f;padding:40px;line-height: 1.4}
.billing .edit{font-size:14px;color:#3A8DF9;border:none;background-color:transparent;}
.shipping{padding:0 0 0 70px;}
.popup{position:absolute;top:-120px;right: 125px;width:320px;display:none;}
.popup .panel{margin:0;}
.popup .panel::after{position:absolute;content:'';top: calc(100% - 8px);left:49%;width: 16px;height: 16px;background-color: #fff;transform: rotate(-45deg);border: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc}
.popup .panel-default{border-color: #ccc;}
.popup .panel-body button,.popup .panel-body input{margin:0 5px 0 0;}
.popup .panel-body button{color:#fff;background-color:#3a8df9;border: none;}
.popup select#gender{margin-right: 5px;}
.popup button#birth_day_update {margin:0 5px 0 5px;}
.profile .popup button.edit{background-color:red;color:#fff;font-size: 18px;margin: 0;}

.billadd form,
.shipping form{max-width: 90%;padding: 40px;display:none;}
.billadd .input-group,
.shipping .input-group{margin:0 0 10px 0;width: 100%;}
.billadd label,
.shipping label{width:135px;text-align:right;font-size:16px;color:#716f6f;}
.billadd button,
.shipping button{font-size: 25px;padding: 5px 50px;color: #FFF;background-color: #2E800A;border:none;}

.invoice_page .offer{margin:0;}
.invoice_page>.row{border-top:45px solid #046e9d;background-color: #fff;margin:15px 0 0 0;padding:15px 90px;}
.invoice_page h3{color: #046E9D;padding:10px 0 10px 5px;}
.com_add{margin:0 0 50px 0;}
.com_add h3{padding:15px 0;}
.com_add p{font-size:15px;color:#707070;font-weight: 300;line-height: 1.2;}
.com_add p strong{font-size:20px;font-weight: 600;color:#797979;}
.ship_right,
.barcode{max-width:200px;float: right;} 
.barcode>p{text-align:center;}
.common_step_box h3.unpaid{font-size: 50px;font-weight: 600;padding: 0 0 40px 0;}


.invoice_page .common_production_shipping_area{padding: 25px 0;}
.invoice_page .shopping_page table tr.tw > td:nth-of-type(3){width: calc(100% - 640px);}
.invoice_page .shopping_page table tr.tw > td:nth-of-type(4),
.invoice_page .shopping_page table tr.tw > td:nth-of-type(5),
.invoice_page .shopping_page table tr.tw > td:last-child{width: 140px;}

.shopping_page table span.tlh-plan{font-size: 24px;}
.shopping_page table span.tlh-price{font-size: 13px;}
.shopping_page table p.tlbd-days{font-size: 26px;margin-bottom: 5px;}
.shopping_page table p.tlbd-date{font-size: .8em;}

/*can cooler*/
.fontSelector {
	display: flex;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 0 0 5px 0;
	justify-content: space-between;
	margin-bottom: 20px;
}

.fontSize-selector select {
	height: 30px;
	padding: 0 0 3px 5px;
	width: 60px;
	background-color: #cccccc;
	border-radius: 3px;
	border: none;
}

.fontSelector:hover {
	cursor: pointer;
}

.fontSelector span {
	background-color: transparent!important;
}

.design_lab_edit_field .line .item:first-child span:first-child {
	font-size: 14px;
	color: #036E9D;
	padding-top: 6px;
}

.design_lab_edit_field .line .item:first-child span:last-child {
	font-size: 20px;
}

.color-wheel {
	background-image: url(../images/color-wheel.png)!important;
	background-repeat: no-repeat;
	width: 100px;
	position: relative;
	margin-left: 30px;
}

.color-wheel input {
	background-color: transparent!important;
	border: none;
	outline: none;
	text-indent: -999999px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.color-wheel span {
	height: 30px;
	position: absolute;
	width: 30px;
	border: 1px solid #cccccc;
	top: 5px;
	left: 50px;
}
/*end can cooler*/

.shopping_page table .t_pad>td{padding:15px 0 25px 0;}

.whyChooseUs .common_step_box{border: none;padding: 20px 10px;}
.whyChooseUs .common_step_box h3{font-size: 45px;color: #046E9D;font-weight: 500;padding: 10px;}
.whyChooseUs .panel-group{margin:0;}
.whyChooseUs .panel-group .panel{margin:10px;width:calc(50% - 20px);float:left;}
.whyChooseUs .panel-success{border-color: #6a6767;}
.whyChooseUs .panel-success > .panel-heading{font-size: 25px;color: #6a6767;background-color: #d5d5d5;border-color: #6a6767;}
.whyChooseUs ul>li{font-size:17px;text-align:left;color:#707070;}
.whyChooseUs ul>li:first-child{width:25%;float:left;margin: 0;}
.whyChooseUs ul>li:last-child{width:75%;float:left;margin: 0;text-align: left;padding: 40px 0 0 0;}
@media only screen and (max-width: 1199px) {
    .profile ul label{width: 40%;}
    .billadd form, .shipping form{padding: 20px 0;}
    .whyChooseUs ul>li:first-child{width: 100px;}
    .whyChooseUs ul>li:last-child{width: calc(100% - 100px);padding: 0;}
    .whyChooseUs ul > li{font-size: 16px;}
}
@media only screen and (max-width: 991px) {
    .profile ul label{width: 31%;}
    .billadd button, .shipping button{padding: 5px 20px;}
    .popup{right: 20px;width: 300px;}
    .whyChooseUs .panel-success > .panel-heading{font-size: 18px;}
    .whyChooseUs .panel-group .panel{height: 200px;}
    .whyChooseUs ul > li{font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .profile .detail{margin: 25px 0;border:none;}
    .profile .subs{margin:0;}
    .profile ul label{width: 110px;text-align: left;}
    .billadd button, .shipping button{padding: 5px 20px;}
    .profile .subs .checkbox,
    .profile h5{margin: 0 0 15px 20px;}
    .shipping {    padding: 0;}
    .popup{right: inherit;width: 300px;}
    .whyChooseUs .panel-group .panel{width:calc(100% - 20px);height: auto;}
}
@media only screen and (max-width: 400px) {
    .profile ul label{width: 85px;}
    .dashboard > h4,.billing p{padding: 15px;}
    .profile ul{font-size:16px;}
    .popup{max-width: 100%;}
    .popup .panel-body input{min-width: 150px;}
    .billadd label, .shipping label{width: 100px;font-size: 12px;}
    .whyChooseUs .common_step_box h3{font-size: 30px;}
    .whyChooseUs .panel-success > .panel-heading{font-size: 16px;}
    .whyChooseUs ul>li:first-child{width: 70px;}
    .whyChooseUs ul>li:last-child{width: calc(100% - 70px);}
    .whyChooseUs ul > li{font-size: 12px;}
}

.paySuccess {
    width: 85%;
    margin: 0 auto;
    display: block;
    float: none;
    background: #fff;
    padding: 50px 0;
}

.paySuccess .glyphicon {
    color: #4EAE49;
    border: 3px solid #4EAE49;
    border-radius: 100%;
    padding: 18px;
    font-size: 2em;
    font-weight: 300;
}
.payCancel .glyphicon {
    color: red;
    font-size: 6em;
    font-weight: 300;
    border: 0 solid;
    padding: 0px;
}
.paySuccess strong {
    font-size: 3em;
    line-height: 2;
    color: #5C5C5C;
}

.paySuccess h1 {
    font-size: 2em;
    color: #5C5C5C;
}

.paySuccess p {
    line-height: 2;
    font-weight: 600;
    color: #5c5c5cd6;
}

.paySuccess .vi_button {
    background: #4EAE49;
    color: #fff;
    padding: 10px 50px;
    line-height: 5;
    font-size: 1.4em;
    text-transform: uppercase;
}

/*login*/
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.pt-4, .py-4 {
    padding-top: 1.5rem!important;
}
.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    color: #707070;
    font-weight: 500;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    font-weight: 500;
}
.card-header {
    padding: 15px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    font-size: 17px;
    font-weight: 500;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    color: #707070;
    font-weight: 500;
}
.page_login .form-group {
    margin-bottom: 1rem;
    font-weight: 500;
}
label.col-form-label {
    padding:7px;
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.6;
    color: #707070;
    font-weight: 500;
        
}
label.form-check-label
{
    font-weight: 500;
}
.text-md-right {
    text-align: right!important;
}
.page_login .form-control {
    display: block;
    width: 100%;
    height: 37.03px;
    padding: .375rem .75rem;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #707070;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.page_login .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    line-height: 1.6;
    color: #707070;
    font-weight: 500;
}
.page_login > div {
    background: #fff;
    padding: 70px 0;
}
.greenBorder{
    border: 1px solid #24d80e !important;
}

/*search blade*/

.list-container{
    width:100%;
}
.list-container .product-description{
    width: 100%;
    background: #F8F4D4;
    display: table;
    margin-bottom:20px;
}
.list-container .list-img {
    float: initial;
    width: 20%;
    font-size:15px;
    text-align:center;
    vertical-align: middle;
    display: table-cell;
    border-right: 15px solid #f2f0f0;
    border-left: 15px solid blue;
    background-color: white;
    padding:15px 50px;
    position: relative;
}
.list-container .product-info{
    padding: 15px;
    display:table-cell;
    width: 100%;
    border: 1px solid #4A8FA7;
}

.list-container .list-img .icon-pic {
    color: grey;
    font-size: 25px;
    transform: translate(-100%, 50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
    right: 0;
}

.list-container .product-details {
    float:left; 
    width:45%;
    line-height:1.5;
}
.list-container .video-container {
    float:right; 
    width:45%;
}


.list-container .video-playback {
    background-color: white;
    width: 100%;
    height: 282px;
    border: 1px solid #92918C;
    text-align: center;
}
.list-container .advertiseVideo{
    width:100%;
    height:280px;
}
.product-tb-information td,th{
    padding:5px;
}
.grid-container{
    margin:0 -15px;
    
}
.grid-container .product-description{
    width: 25%;
    padding: 0 15px;
    float: left;
    margin-bottom: 20px;
}
.grid-container .list-img {
    float: initial;
    width: 100%;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    border-left: 15px solid blue;
    background-color: white;
    margin-bottom: 20px;
    padding: 45px 59px;
    position: relative;
    min-height: 444px;
}

.grid-container .list-img .icon-pic {
    color: grey;
    font-size: 25px;
    transform: translate(-100%, 50%);
   -ms-transform: translate(-50%, -50%);
    position: absolute;
    right: 0;
    top: 0;
}

.grid-container .product-info{
    padding: 15px;
    width: 100%;
    border: 1px solid #4A8FA7;
    background: #F8F4D4;
    min-height:542px;
}
.grid-container .product-details {
    width:100%;
    min-height: 587px;
    line-height:1.5;
}
.grid-container .video-container {
    margin-top: 20px;
    width:100%;
}
.grid-container .video-playback {
    background-color: white;
    width: 100%;
    height: 166px;
    border: 1px solid #92918C;
    text-align: center;
}
.grid-container .advertiseVideo{
    width:100%;
    height:165px;
}

.list-img:hover .icon-pic {
  color:red;
  opacity: 1;
}




/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
.grid-container .product-description{
    width: 50%;
}

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
.grid-container .product-description{
    width: 33.33333333333333%;
}
.grid-container .product-info{
    min-height:570px;
}
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
.grid-container .product-description{
    width: 50%;
}

#list-view-btn, #grid-view-btn{
    display: none;
}
.grid-container .product-info{
    min-height:514px;
}

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
.grid-container .product-description{
    width: 100%;
}

#list-view-btn, #grid-view-btn{
    display: none;
}
.grid-container .product-info{
    min-height:inherit;
}


}

/* 
  ##Device = Extra small devices
  ##Screen = B/w 0 to 320px
*/

@media (max-width: 320px) {
    
.grid-container .product-description{
    width: 100%;
}

#list-view-btn, #grid-view-btn{
    display: none;
}

}

/*end search */

/*Product Details Part*/

.product-details-container{
    font-family: 'Source Sans Pro', sans-serif;
    background-color:#f8f4d4;
    border-left: 20px solid #1435A2;
    border-right: 2px solid #056595;
    border-top: 2px solid #056595;
    border-bottom: 2px solid #056595;
    color: #707070;
    padding: 15px;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    display: none;
}
.product-details-container .product-details{
    font-size:14px;
    line-height: 1.5;
}
.product-details-container .product-details .title{
    font-weight: bold;
    margin-bottom:10px;
}
.product-details-container .product-details .product-image{
    float:right;
    margin: 0 0 15px 15px;
}
.product-details-container .product-details .product-image img{
    object-fit:cover;
    height:250px;
}
.action-view-details{
    position: absolute;
    bottom: -25px;
    text-align: center;
    left: 40%;
    z-index:99;
}

.my-products{
    border-left: 20px solid #1435A2;
    padding: 10px 15px 15px 15px;
    background-color: #fff;
    margin: 10px 0 0 0;

}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .product-details-container .product-details .product-image{
        margin: 0 0 20px;
        float:inherit;
    }
    .product-details-container .product-details .product-image img{
        width:100%;
    }
    
    .action-view-details{
        display:none;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .product-details-container .product-details .product-image{
        margin: 0 0 20px;
        float:inherit;
    }
    .product-details-container .product-details .product-image img{
        width:100%;
    }
    
    .action-view-details{
        display:none;
    }
    .customProductType .custom-products {
		width: 100%;
	}
}

/* 
  ##Device = Extra small devices
  ##Screen = B/w 0 to 320px
*/
@media (max-width: 320px) {
    .product-details-container .product-details .product-image{
        margin: 0 0 20px;
        float:inherit;
    }
    .product-details-container .product-details .product-image img{
        width:100%;
    }
    
    .action-view-details{
        display:none;
    }
    .customProductType .custom-products {
		width: 100%;
	}
}
/*End of Product Details Part*/