#page-search .collection-list {margin-top:40px!important;}
@media (min-width:721px){
  .phonely {display:none!important}
  .desktop {display:block}
}


@media (max-width:720px){
  .phonely {display:block!important;
  padding-left:0px!important;}
  .desktop {display:none}
 .cart_totel input {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border: 0;
    padding-left: 0;
    /*margin-top: -30px!important;*/
    text-align:left;
    text-transform: none;
  padding: 16px!important;
  background:#efefef;
}
  .cart_totel h4 {margin-bottom:20px}

}

.nudge {padding-left:0px}

/* Header tweaks */
.main_top_header {z-index:2004}
.tooliotip {z-index:2003!important}

  .BB {
    height: 1px;
    width: 100%;
    background: #ccc;
    clear: BOTH;}


/* Mobile header */
.wrap {
  max-width:1390px;
  margin:auto;
}


.account::before {
    content: "";
    background: url(../../../../../../../../../www.cjtdigital.com/images/account_man.png) no-repeat;
    background-size: contain;
    height: 12px;
    width: 22px;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    text-transform: uppercase;
    margin-top: 0px;
    text-align: center;
    color: #fff;
    margin-left: 3%;
    margin-right: 8px;
    top: -1px;
    position: absolute;
    left: -30px;}
.account{ margin-left:30px!important}

.intenational_icone {
  /*display:none;*/
  float:left
}

.intenational_icone ul li:nth-of-type(2) {margin-left:0px!important}
.intenational_icone ul li:nth-of-type(1) {margin-right:10px!important}

#search {
  float:left;
  width:200px;
  margin-left:15px;
}

.expando {padding-left:0px;}
.samps {list-style-type:none;
  padding-left:0px}
.samps li {
  padding-left:0px}
.samps a {color:#4b8de9!important;
border-bottom:1px solid #4b8de9}
.samps .free-samples-list li {padding-top:15px;
  font-size:13px;}
#free-samples-wrapper h2 {margin-bottom:12px;}
.toppromo input {
    font-size:13px!important
  }

#newpagecart {
  float:left;
  width:220px;
  margin-left:10px;
  margin-right:3px;
  background:#f16177;
  color:#fff;
  height:80px;
  padding-top:10px;
  font-weight:bold;
}
#popup_container .cart_pic_text {
  text-align:left;
  padding-top:25px;}
.atc-container .cart_totel {
    text-align: left;
    padding-left: 00px!important;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top:22px;

}

.cart_totel span {
  font-size:20px;
  margin-bottom:12px;}
#newpagecart p {
  font-size:11px;
  text-align:center;
  margin-top:10px;}
/* nav.desktop {margin-top:-40px !important;} */
#newpagecart a {color:#fff}
.cart-quantity input {background:#fff!important;
text-align:center;}

/* Add to cart buttons */
.Product-content_header_wrapper input.Product-add_to_cart {
    float: left;
    width: 100%;
    text-transform: lowercase;
    color: #555759!important;
    margin-top: 30px;
    font-family: 'Gotham-Bold';
    background-color: transparent;
    border: 0;
    padding-top: 8px;
    padding-left: 0;
    letter-spacing: 0;
    font-size: 16px;
}
/* done*/
 #page-product .cart_totel input.Product-add_to_cart{
    float: left;
    width: 60%;
    color: #FFF!important;
    margin-top: 10px;
    font-family: 'Gotham-Bold';
    background: #f16177;
    border: 0;
    /*padding-top: 16px;*/
    padding-left: 0;
    letter-spacing: 0;
    font-size: 16px;
    text-transform: uppercase;
	text-align: center;
    position:relative;
    z-index:2000;
 	}

#congrats {
    font-size: 28px!important;
    color: #f16177!important;
    margin-top: 20px;
    margin-bottom: 40px;}

#page-cart .cart_totel input.Product-add_to_cart{
    float: left;
    width: 100%;
    color: #FFF!important;
    margin-top: 10px;
    font-family: 'Gotham-Bold';
    background-color: #f16177;
    border: 0;
    padding-top: 16px;
    padding-left: 0;
    letter-spacing: 0;
    font-size: 16px;
    text-transform: uppercase;
	text-align: center;}

.cartpgbtn {
  padding-left:0px!important;
  margin-bottom:20px;
  padding-bottom:15px;
  float:left;
}
.cartpgbtn .Product-add_to_cart {
    text-align: center!important;
    color: #fff;
    padding: 14px;
    line-height: 9px;
    margin-top: 10px;
	background:#f16177;
    width:240px!important;}
@media (min-width:721px){
.cart_totel input {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    border: 0;
    padding-left: 0;
    margin-top: 25px;
    text-align:left;
    text-transform: none;
  padding: 16px!important;
  background:#efefef;
margin-top:20px!important;}
}
.newbtn .Product-add_to_cart {
    text-align: center!important;
    color: #fff;
    padding: 14px;
    line-height: 9px;
    margin-top: 10px;
	background:#f16177}

#newpagecart::before  {

   content: "";
   background:url( '../../../../../../../../../www.cjtdigital.com/images/cart1.png' ) no-repeat;
    background-size:contain;
   height:34px;
   width:44px;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   text-transform:uppercase;
   margin-top:0px;
   text-align:center;
   color:#fff;
   margin-left:3%;
  margin-right:8px;


}
.chev:after{

    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
  color:#fff;
margin-left:170px;
    pointer-events: none;
    position:relative;
    z-index:2001;
}

 .chev2:after{

    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    color:#fff;
    margin-left:200px;
    pointer-events: none;
}

.chev3:after{

    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    color:#fff;
    margin-left: 190px;
    margin-top: -53px;
    pointer-events: none;
}


.chev4:after{

    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
  color:#fff;
margin-left:330px;
    pointer-events: none;
   position:relative;
    z-index:2001;
}
@media (min-width:721px){
  .chev4 {
    width: 5%;
    float: left;
    position: absolute;
    margin-top: 35px;}
}

@media (max-width:720px){
  .chev4 {
    width: 5%;
    float: left;
    position: absolute;
    margin-top: 24px;}
}

.cart_totel p {border-top:0px!important;
font-size:16px}
.Product-add_to_cart_wrapper {
  /*width:70%;
  float:left;*/
  }

.chev {
    width: 5%;
    float: left;
    position: absolute;
    margin-top: 42px;
    pointer-events: none;
}
.chev2 {
    width: 5%;
    float: left;
    position: absolute;
    margin-top: -31px;
    pointer-events: none;
}
.chev3 {
    width: 5%;
    float: left;
    position: absolute;
    margin-top: 82px;
    pointer-events: none;
}

.Product-add_to_cart_wrapper::after {

   content: "";
   background:url( '../../../../../../../../../www.cjtdigital.com/images/cart1.png' ) no-repeat;
    background-size:contain;
   height:34px;
   width:44px;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   text-transform:uppercase;
   margin-top:-70px;
   text-align:center;
   color:#fff;
   margin-left:0;
   pointer-events: none;
   position:relative;
   z-index:2001;


}
#page-cart  .cart_pic_text {
  padding-top:8%;
text-align:left}

.cart_simple_total {
  border-top:0px;
  padding-top:20px;
  text-align:left;}

.samples {color:#4b8de9!important}
#samples  {
  padding: 20px 0;
    border-bottom: 1px solid #ccc;
    margin-top: -20px;}

#free-samples-wrapper {
  background:#fbfdff;}
#free-samples-wrapper h2 {font-family: 'Gotham-Book'!important;
font-size:1em!important;}
/*.cartright #select-wrapper {display:none;}*/

.free-samples-list {list-style-type:none;}
.free-samples-option {
  margin-bottom:10px;
  z-index:1}
@media (min-width:721px){
.subcart {
  	padding-left:0px!important;
}
  .subcart .col-sm-8 {padding-left:0px!important}

  .cart_totel {
    }

}
#sampler .col-sm-8 {width:100%!important}
#sampler .cart_sample {height:420px!important;}
.free-samples-list {list-style-type:none;
padding-left:10px;}

.free-samples-list li {background:url('../../../../../../../../../www.cjtdigital.com/images/sample_icon.png');
height: 54px;
padding-left: 44px;
padding-top: 3px;
padding-right:22px;
background-size:contain;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
}
.cb {
  margin-top:8px!important;
  z-index:2
  }
.checked .cb:after {
    font-family: FontAwesome;
    content: "\f00c"!important;
    display: block;
    position: absolute;
    color:#f16177;
  	/*border:1px solid #f16177;*/
    left: 1px!important;
    right: 1px!important;
    top: 1px!important;
    bottom: 1px!important;
    background: transparent!important;
  margin-top: -5px;
    font-size: 15px;
}
/*.free-samples-list .checked {color:#4b8de9!important}*/

.fancybox-close-small {width:100px!important;}
.fancybox-close-small:after {
    /*position: fixed!important;*/
    top: 5px!important;
    right: 1px!important;
    width: 100px!important;
    height: 30px;
    color: #888;
    font-weight: 300;
    text-align: center;
    background-color: transparent;
    box-sizing: border-box;
    z-index: 2;
  font-family: 'Gotham-Book'!important;}
.fancybox-close-small:hover:after {background:none!important;}

.cart_totel {font-size:14px;}
/* Custom css for Tray window include x button */
div#addToCartMessage {
    margin-top: 10px;
}
span.close-x-btn {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    top: 10px;
    right: 10px;
}
span.close-x-btn:hover{
	cursor: pointer;
}
div#addToCartMessageClone {
  	position: relative;
    padding: 50px 30px 30px 30px;
    border: 2px solid #505557;
    margin: 10px 0 30px;
    text-align: center;
  	display: none;
  	max-width: 600px;
}

.forty {font-size:40px}
div#addToCartMessageClone .bold{
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 14.5px;
}

@media (min-width:721px){
.border-bottom {
  	border-bottom:1px solid #ccc;
	}
}
.atc-container {width:100%}
@media (min-width:721px){
.qty_left {width:50%;float:left}
.qty_right {width:50%;float:left}
.cart_pic_adjust {}
}


@media (max-width:721px){
.qty_left {width:80%;float:left}
.qty_right {width:20%;float:left}
.cart_pic_adjust {}
}

/* Cart page mods */
.precart {
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  padding:10px 0}

.pc2 {padding-top:10px}
.pc3 {padding-top: 10px;
    font-weight: bolder;
    font-size: 22px;}

#sample1, #sample2 {
  	/*width:310px*/
}


header,
.demo,
.demo p {
  margin: 0em 0;
  text-align: left;
}

.cart_totel span.demo{
    font-size: 14px;
    color: #4b8de9!important;
    font-family: 'Gotham-Book';
    float: none!important;
    width: unset;
	font-weight:normal;
	letter-spacing:0px}
.demo a{color:#4b8de9!important}
/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  text-align:left;
  bottom: 0px;
  right: 155%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 10px;
  width: 300px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}


/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  text-align:left;
}

#page-product .cart_totel input {
    float: none;
    width: 60%;
    margin-bottom: 5px;
    border: 0;
    padding-left: 0;
    margin-top: 25px;
    text-align:left;
    margin-left: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pc1 {padding-bottom:5.5%;
/*background-size:contain!important;*/
background-repeat:no-repeat!important;
background-position:center!important;}


/* Mobile */
@media (max-width:720px){

  .pc1 {padding-bottom:19.5%}




 .cart_pic_text input {width:35px!important}
 .cart_pic_adjust .image>img {
    width: auto;
    max-width: auto!important;
    height: 150px;
    margin-left: -50px;
}
#page-cart  .newbtn .Product-add_to_cart {display:none;}
  .pc1, .pc2{text-align:center;}
  .pc3 {display:none;}

  .free-samples-list li {font-size:13px!important}
  /*.cart_totel p {display:none}*/
  .cartpgbtn .Product-add_to_cart {
    width: 280px!important;
    margin-left: 6%;}
  .chev3:after {margin-left:230px;
      pointer-events: none;
}
  .chev3 {/*margin-top:160px;*/}
  .chev:after {margin-left:200px!important;
      pointer-events: none;
}
    .chev4:after{
  		margin-left:230px;
          pointer-events: none;

    }
  .qty_right {
   width:100px;
   margin-top:80px;
  }
  .qty_left {margin-left:-80px;
  margin-top:80px;}
  .cart_pic_text h3 {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #555759;}

  .cart_pic_text h3 strong {
    font-family: 'Gotham-Medium';
    font-size: 12px;
    color: #555759;
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 15px;}

  #congrats {
    font-size: 18px!important;
  }

#hoverStyle {    top: 50px!important;
    width: 250px;
    height: 370px;
    background: black;
    border-radius: 8px;
    padding: 20px;
    font-size: 14px;
    color: #efefef;
    left: 3%!important;

}
 #plus-minus {
   width: 200px;
    margin-left: -20px;
 }
  .cost {float: right;
    margin-top: -50px;
    font-size: 16px!important;
    font-weight: bold;
    margin-right: 0px;}
div#addToCartMessageClone {
  margin-top:50px;}

  .border-bottom {clear:both;}

  #page-product .cart_totel input {
    float: none;
    width: 100%;
    margin-bottom: 5px;
    border: 0;
    padding-left: 0;
    margin-top: 25px;
    text-align: left;
    margin-left: 0%!important;
    padding-top: 20px;
    padding-bottom: 20px;}

 #page-product .cart_totel input.Product-add_to_cart {
    float: left;
    width: 100%;
    color: #FFF!important;
    margin-top: 10px;
    font-family: 'Gotham-Bold';
    background: #f16177;
    border: 0;
    /* padding-top: 16px; */
    padding-left: 0;
    letter-spacing: 0;
    font-size: 16px;
    text-transform: uppercase;
   text-align: center;}
.fancybox-close-small:after {
  content: "CLOSE X"!important;
  font-size:15px!important}


 ul.toolio li div{
  background:#1d1d1d;
  color:#fff;
  padding:12px;
  border-radius:5px;
  position:absolute;
  width:300px!important;
  display:none;
}


  ul.toolio div:before {display:none;}
  .chev2 {display:none}
 #page-product .border-bottom {
  	border-bottom:0px solid #ccc;
	}

}/*end mobile */

/* Misc. responsive fixes */
@media (min-width:1160px){
  #newpagecart {float:right}
}
/* Ipad specific */

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation : landscape){

    #newpagecart {float:right}

    .chev3 {/*margin-top:184px*/}

    .section-header, .divider-header {
padding-top:10px;
    z-index: 1000;}

  .Product-add_to_cart_wrapper {width:100%!important}
    .chev:after {margin-left:180px!important}

    .product_page {margin-top:50px!important}
    .collection-header {margin-top:50px!important}

}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation : portrait){
   .free-samples-list li {font-size:10px!important}
  #newpagecart {float:right}
    .chev3 {/*margin-top:184px*/}
  .section-header, .divider-header {
padding-top:10px;
    z-index: 1000;}

  .Product-add_to_cart_wrapper {width:100%}
    .chev:after {margin-left:180px!important}

.Product-content_header_wrapper input.Product-add_to_cart {
    padding-left: 35px;
    letter-spacing: 0;
  font-size: 12px;}

    .pc1 {padding-bottom:5.5%;
      background-size:contain!important;}
    .chev2:after {margin-left:135px!important}
    .pc3 {font-size:18px;}
    .chev:after {margin-left:138px!important}
    .cart_pic_adjust .image>img:nth-of-type(1) {height:200px}
}

@media only screen and (max-width:1280px) and (max-height:800px) {
  /*.Product-add_to_cart_wrapper {width:76%}*/
}

@media (min-width:721px){
 .cost {    font-weight: bold;
   font-size:22px!important;
    }

}

.remove {display:none;}
.product_page {margin-top:20px;}
.option_border {border-bottom:0px!important}
  #addToCartMessageClone .forty {border-bottom:1px solid #ccc;
    padding-bottom:16px}

/* Device specific Cart arrow */

/*device specific  */


/*iphone 5*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #plus-minus {
    width: 180px!important;
    margin-left: -60px;
    padding-top: 40px;
    z-index:2001}
   .chev3:after {margin-top:-132px}
  .chev3 {margin-top:0px}
  .chev:after {margin-left:180px!important}
  .cartpgbtn {float:none!important}

  #page-product  ul.toolio li div{
    margin-left:-40px;
    width:250px; }

   #page-cart  ul.toolio li div{
    margin-left:-15px;
     width:250px!important;
     }
  .cartpgbtn .Product-add_to_cart {margin-left:0px!important}
  .free-samples-list li {font-size:11px!important}
  #page-product .tooliotip {
    top: -195px!important;
    z-index: 2003;
    width: 250px!important;
    z-index:2003}

  #page-cart .tooliotip {top:-185px!important;
     z-index: 1;
}



}

/* 6 Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .chev3:after {margin-top:-132px}
  .chev:after {margin-left:200px!important}
  .chev3 {margin-top:0px}
  #page-product  ul.toolio li div{
  margin-left:0px;
}
  #page-cart  ul.toolio li div{
width:310px!important;
    margin-left:-10px;
}

 #page-product .tooliotip {top:-185px!important;
 z-index:2003}
 #page-cart .tooliotip {top:-175px!importan;
  z-index:2003}


}




/* 6+ Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
	    .chev:after {margin-left:230px!important}

  #page-product  ul.toolio li div{
  width:330px!important;
    margin-left:0px;
}
  #page-cart  ul.toolio li div{
	width:330px!important;
    margin-left:10px;
}

 #page-product .tooliotip {
   top:-185px!important;
 z-index:2003}

  #page-cart .tooliotip {top:-225px!important;
   z-index:2003}


}

/* Galaxy S5 Portrait and Landscape */

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .chev:after {margin-left:220px!important}
#page-product  ul.toolio li div{
  margin-left:-0px;

}

/* Galaxy S6 and higher Portrait and Landscape */

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio: 4) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {

}

/* Tablet */
 @media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

}

.tooliotip {z-index:2003!important}

.product_name_price h2 {
    color: #555759;
    font-family: "Gotham-Book";
    font-size: 19px;
    margin: 3px 0;
    text-transform: uppercase;
    line-height: 22px;
}


.product_name_price h2 strong {
    font-family: 'Gotham-bold';
    float: left;
    width: 100%;
    margin-top: 5px;
    font-size: 15px;
    text-transform: lowercase;
    letter-spacing: 2px;
}