/*
    #ec362f
*/

/* Temp. solution */
/*body#devis aside {display: none;}*/

.txt label, .txt input, .txt select, .txt textarea {
    font-size: 12pt;
}

.fs0 {font-size: 0pt;}
.txtr {text-align: right;}

.grid {width: 100%; font-size: 0;}
.grid > div {vertical-align: top; display: inline-block;}
.grid.two > div {width: 50%;}
.grid.two > div:nth-child(1) {padding-right: 25px;}
.grid.two > div:nth-child(2) {padding-left: 25px;}
#form-devis .two > div:nth-child(1) {padding-right: 50px;}
#form-devis .two > div:nth-child(2) {padding-left: 50px;}

.formline {
    margin-bottom: 20px;
}
.formline label {
    display: block;
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 10pt;
}
.formline input, .formline select, .formline textarea {
    width: 100%;
}
.formline select, .cus-popup select {
    background-image: url('../img/ar-select.png');
    background-position: center right 15px;
    background-repeat: no-repeat;
}
.devis-fld-civility {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
}
.devis-fld-names {
    display: inline-block;
    vertical-align: top;
    width: 66.66%;
}
input, button, select, textarea {
    padding: 4px 10px;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #C1C1C1;
}
body#devis {background-color: #f8f8f8;}
#devis .content-center .block {
    margin-bottom: 50px;
}


.textile-lyt {
    position: relative;
    width: 400px; height: 350px;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}
.grid .textile-lyt.txl-3rd {display: none;}
.txl-3rd-59 {
    display: inline-block !important;
    background-image: url('../img/textiles/towel.png');
}

.textile-lyt:first-child {
    margin-right: 30px;
}
/* Default (t-shirt) */
.txl-front {background-image: url('../img/textiles/t-shirt-front.png');}
.txl-back {background-image: url('../img/textiles/t-shirt-back.png');}
/* T-shirt */
.txl-front-31 {background-image: url('../img/textiles/t-shirt-front.png');}
.txl-back-31 {background-image: url('../img/textiles/t-shirt-back.png');}
/* Sweat */
.txl-front-63 {background-image: url('../img/textiles/sweat_face.png');}
.txl-back-63 {background-image: url('../img/textiles/sweat_arriere.png');}
/* Veste */
.txl-front-65 {background-image: url('../img/textiles/veste_face.png');}
.txl-back-65 {background-image: url('../img/textiles/veste_arriere.png');}
/* Casquette */
.txl-front-52 {background-image: url('../img/textiles/casquette_face.png');}
.txl-back-52 {background-image: url('../img/textiles/casquette_arriere.png');}
/* chemise */
.txl-front-53 {background-image: url('../img/textiles/chemise_face.png');}
.txl-back-53 {background-image: url('../img/textiles/chemise_arriere.png');}
/* parapluie */
.txl-front-56 {background-image: url('../img/textiles/parapluie-g.png');}
/* polar */
.txl-front-57 {background-image: url('../img/textiles/polar_face.png');}
.txl-back-57 {background-image: url('../img/textiles/polar_arriere.png');}
/* polo */
.txl-front-58 {background-image: url('../img/textiles/polo_face.png');}
.txl-back-58 {background-image: url('../img/textiles/polo_arriere.png');}
/* pull */
.txl-front-60 {background-image: url('../img/textiles/enfants_face.png');}
.txl-back-60 {background-image: url('../img/textiles/enfants_arriere.png');}
/* sac */
.txl-front-61 {background-image: url('../img/textiles/sac_dos_g.png');}
/* soft_shell */
.txl-front-62 {background-image: url('../img/textiles/soft_shell_face.png');}
.txl-back-62 {background-image: url('../img/textiles/soft_shell_arriere.png');}
/* warmer */
.txl-front-50 {background-image: url('../img/textiles/warmer_face.png');}
.txl-back-50 {background-image: url('../img/textiles/warmer_arriere.png');}
/* Beanie */
.txl-front-51 {background-image: url('../img/textiles/bonnet.png');}
.txl-back-51 {background-image: url('../img/textiles/bonnet.png');}
/* Peignoir */
.txl-front-59 {background-image: url('../img/textiles/peignoir_face.png');}
.txl-back-59 {background-image: url('../img/textiles/peignoir_arriere.png');}

.customs {
  border: 1px solid #c1c1c1;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 5px 10px;
  width: 100%;
}


.customs h4 {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  text-transform: none;
} 

.customs label, .formline label{
  font-size: 10pt;
  font-weight: normal;
}

.customs label {
  margin-right: 10px;
}

.fullcustoms {
  width: 100%;
  margin: 0;
  padding: 0;
}

.quarter {
  display: inline-block;
  width: 9%;
  vertical-align: top;

}

.third {
  display: inline-block;
  width: 30%;
  vertical-align: top; 
    text-align: center; 
}

.textile-preview {
  border: 1px solid #c1c1c1;
  padding: 10px;
  width: 49%;
  display: inline-block;
  margin-bottom: 10px; 
  box-sizing: border-box;
  text-align: center; 
}

.textile-preview img{
  width: auto;
  height: 300px;
}


.formline.no-ugs-row {
    margin-bottom: 12px;
}

.cus-pos {
    position: absolute;
    border-radius: 4px;
    background-color: #AFBE2D;
    border: 2px solid #AFBE2D;
    cursor: pointer;
    font-size: 22px;
    text-align: center;
    opacity: 0.25;
    
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.cus-pos:hover {
    background-color: #AFBE2D;
    opacity: 1;
}
.pos-face {
    width: 90px; height: 90px;
    top: 0; left: 0;
    line-height: 90px;
}
.pos-back {
    width: 90px; height: 90px;
    top: 0; left: 0;
    line-height: 90px;
}
.pos-back-btm {
    width: 40px;
    top: 0; left: 0;
    line-height: 40px;
}
.pos-back-top {
    width: 40px; 
    top: 0; left: 0;
    line-height: 40px;
}
.pos-coeur {
    width: 40px; 
    top: 0; left: 0;
    line-height: 40px;
}
.pos-anti {
    width: 40px; 
    top: 0; left: 0;
    line-height: 40px;
}
.pos-droite,
.pos-gauche {
    width: 40px; height: 40px;
    top: 0; left: 0;
    line-height: 40px;
    display: none;
}
.pos-mg,
.pos-md {
    width: 40px; 
    top: 0; left: 0;
    line-height: 40px;
}

.gap {
  height: 42px;
}

/* T-shirt (Default) */
.pos-face-31, .pos-face {top: 115px; left: 139px;}
.pos-coeur-31, .pos-coeur {top: 60px; left: 222px;}
.pos-anti-31, .pos-anti {top: 60px; left: 106px;}
.pos-back-31, .pos-back {top: 105px; left: 139px;}
.pos-back-top-31, .pos-back-top {top: 40px; left: 164px;}
.pos-back-btm-31, .pos-back-btm {top: 275px; left: 164px;}
.pos-mg-31, .pos-mg {top: 60px;left: 287px;}
.pos-md-31, .pos-md {top: 60px;left: 35px;}
/* Sweat */
.pos-face-63 {top: 130px; left: 178px;}
.pos-coeur-63 {top: 90px; left: 242px;}
.pos-anti-63 {top: 90px; left: 166px;}
.pos-back-63 {top: 140px; left: 130px;}
.pos-back-top-63 {top: 95px; left: 155px;}
.pos-back-btm-63 {top: 235px; left: 155px;}
.pos-mg-63 {top: 100px; left: 300px;}
.pos-md-63 {top: 100px; left: 110px;}
/* Veste */
.pos-face-65 {/*top: 130px; left: 114px;*/ display: none;}
.pos-coeur-65 {top: 80px; left: 190px;}
.pos-anti-65 {top: 80px; left: 90px;}
.pos-back-65 {top: 100px; left: 136px;}
.pos-back-top-65 {top: 50px; left: 160px;}
.pos-back-btm-65 {top: 270px; left: 160px;}
.pos-mg-65 {top: 90px;left: 263px;}
.pos-md-65 {top: 90px;left: 18px;}
/* Softshell */
.pos-face-62 {/*top: 90px; left: 180px;*/ display: none;}
.pos-coeur-62 {top: 50px; left: 250px;}
.pos-anti-62 {top: 50px; left: 160px;}
.pos-back-62 {top: 80px; left: 136px;}
.pos-back-top-62 {top: 30px; left: 160px;}
.pos-back-btm-62 {top: 180px; left: 160px;}
.pos-mg-62 {top: 60px; left: 320px;}
.pos-md-62 {top: 60px; left: 90px;}
/* Peignoir */
.txl-front-59 .pos-face-59 {display: none;}
.txl-3rd-59 .pos-face-59 {top: 220px; left: 117px;width: 40px;height: 40px;line-height: 40px;}
.pos-coeur-59 {top: 70px; left: 120px;}
.pos-anti-59 {top: 70px; left: 70px;}
.pos-back-59 {top: 73px; left: 76px;}
.pos-back-top-59 {top: 30px; left: 100px;}
.pos-back-btm-59 {top: 180px; left: 100px;}
.pos-mg-59 {top: 60px; left: 160px;}
.pos-md-59 {top: 60px; left: 30px;}
/* Polar */
.pos-face-57 {/*top: 90px; left: 180px;*/ display: none;}
.pos-coeur-57 {top: 50px; left: 250px;}
.pos-anti-57 {top: 50px; left: 160px;}
.pos-back-57 {top: 80px; left: 136px;}
.pos-back-top-57 {top: 30px; left: 160px;}
.pos-back-btm-57 {top: 180px; left: 160px;}
.pos-mg-57 {top: 60px; left: 320px;}
.pos-md-57 {top: 60px; left: 90px;}
/* Polo */
.pos-face-58 {top: 130px; left: 157px;}
.pos-coeur-58 {top: 80px; left: 230px;}
.pos-anti-58 {top: 80px; left: 140px;}
.pos-back-58 {top: 90px; left: 160px;}
.pos-back-top-58 {top: 40px; left: 183px;}
.pos-back-btm-58 {top: 260px; left: 183px;}
.pos-mg-58 {top: 70px; left: 320px;}
.pos-md-58 {top: 70px; left: 50px;}
/* Shirt */
.pos-face-53 {/*top: 130px; left: 157px;*/ display: none;}
.pos-coeur-53 {top: 110px; left: 230px;}
.pos-anti-53 {top: 110px; left: 140px;}
.pos-back-53 {top: 90px; left: 160px;}
.pos-back-top-53 {top: 40px; left: 183px;}
.pos-back-btm-53 {top: 240px; left: 183px;}
.pos-mg-53 {top: 80px;left: 320px;}
.pos-md-53 {top: 80px;left: 40px;}
/* Pull */
.pos-face-60 {top: 80px; left: 225px;}
.pos-coeur-60 {top: 50px; left: 290px;}
.pos-anti-60 {top: 50px; left: 210px;}
.pos-back-60 {top: 60px; left: 83px;}
.pos-back-top-60 {top: 16px; left: 106px;}
.pos-back-btm-60 {top: 190px; left: 106px;}
.pos-mg-60 {top: 30px;left: 340px;}
.pos-md-60 {top: 30px;left: 140px;}
/* Body Warmer */
.pos-face-50 {/*top: 110px; left: 82px;*/ display: none;}
.pos-coeur-50 {top: 70px; left: 40px;}
.pos-anti-50 {top: 70px; left: 170px;}
.pos-back-50 {top: 110px; left: 80px;}
.pos-back-top-50 {top: 50px; left: 105px;}
.pos-back-btm-50 {top: 260px; left: 105px;}
.pos-mg-50,
.pos-md-50 {display: none;}
/* Beanie */
.pos-face-51,
.pos-back-51 {top: 165px; left: 130px;}
.pos-anti-51,
.pos-coeur-51,
.pos-back-top-51,
.pos-mg-51,
.pos-md-51,
.pos-back-btm-51 {display: none;}
.pos-gauche-51 {display: block; top: 220px; left: 280px;}
.pos-droite-51 {display: block; top: 220px; left: 30px;}
/* Casquette */
.pos-face-52 {top: 140px;left: 105px;}
.pos-back-52 {top: 140px;left: 155px;}
.pos-anti-52,
.pos-coeur-52,
.pos-back-top-52,
.pos-mg-52,
.pos-md-52,
.pos-back-btm-52 {display: none;}
.pos-gauche-52 {display: block; top: 140px; left: 267px;}
.pos-droite-52 {display: block; top: 140px; left: -12px;}
/* Parapluie */
.pos-face-56 {top: 135px; left: 125px;}
.pos-back-56,
.pos-anti-56,
.pos-coeur-56,
.pos-back-top-56,
.pos-mg-56,
.pos-md-56,
.pos-back-btm-56,
.pos-gauche-56,
.pos-droite-56 {display: none;}
/* Sac */
.pos-face-61 {top: 185px; left: 155px;}
.pos-back-61,
.pos-anti-61,
.pos-coeur-61,
.pos-back-top-61,
.pos-mg-61,
.pos-md-61,
.pos-back-btm-61 {display: none;}
.pos-gauche-61 {display: block; top: 275px;left: 69px;}
.pos-droite-61 {display: block; top: 205px;left: 265px;}

.cus-popup {
    position: absolute;
    background: #fff;
    border: 2px solid #AFBE2D;
    padding: 5px;
    font-size: 14px;
    z-index: 9;
}
.cus-popup::before {
    position: absolute;
    content: '';
    top: 20px; left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #AFBE2D transparent transparent;
}
.cus-popup td {
  padding: 15px;
}
.cus-popup .placement {
    margin: 15px 0 0 15px;
    font-weight: 600;
}
#cus-popup-template {display: none;}
.devis-custom-form input[type="number"] {
    border: 1px solid #d2d2d2;
    font-size: 13px;
    color: #747474;
    padding: 8px 15px;
    margin-right: 1%;
    width: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
}

.devis-custom-form input[type="submit"],
.btn-devis {
    border-radius: 2px;
    border-width: 0px;
    border-style: solid;
    border-color: #fff;
    font-weight: bold;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    background: #d22422;
    color: #fff;
    padding: 5px 15px;
    cursor: pointer;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #AFBE2D ), to( #d22422 ) );
    background-image: -webkit-linear-gradient( bottom,#AFBE2D, #d22422 );
    background-image: -moz-linear-gradient( bottom, #AFBE2D, #d22422 );
    background-image: -o-linear-gradient( bottom, #AFBE2D, #d22422 );
    background-image: linear-gradient( to top,#AFBE2D, #d22422 );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22422', endColorstr='#AFBE2D');
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.devis-custom-form input[type="submit"]:hover,
.btn-devis:hover {
    background: #AFBE2D;
    color: #fff;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #d22422 ), to( #AFBE2D ) );
    background-image: -webkit-linear-gradient( bottom, #d22422, #AFBE2D );
    background-image: -moz-linear-gradient( bottom, #d22422, #AFBE2D );
    background-image: -o-linear-gradient( bottom, #d22422, #AFBE2D );
    background-image: linear-gradient( to top, #d22422, #AFBE2D );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AFBE2D', endColorstr='#d22422');
}
input.hidden {display: none;}
label.file {
    display: inline-block;
    vertical-align: top;
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 50px;
}
.product-ovv {
    overflow: auto;
}
.product-ovv img {
    float: left;
    margin-right: 20px;
}
.formline input#devis_qty_sizes,
.formline input#devis_qty,
.formline input#devis_color,
.formline input#devis_width,
.formline input#devis_height,
.formline.short input,
.formline.short select {
    width: 340px;
}
input.select-diff-each {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
.no-ugs-row {margin-bottom: 0;}
.no-ugs-row input,
.no-ugs-row select,
.no-ugs-row label {
    display: inline-block;
    vertical-align: top;
}
.no-ugs-row input:nth-child(1), .no-ugs-row label:nth-child(1) {width: 50%;}
.no-ugs-row input:nth-child(2), .no-ugs-row label:nth-child(2) {width: 15%;}
.no-ugs-row input:nth-child(3), .no-ugs-row label:nth-child(3) {width: 25%;}
.no-ugs-row select, .no-ugs-row label:nth-child(4)             {width: 20%;}

.pos-helper {
    position: absolute;
    top: 50%;
    left: 110%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    animation: position-helper infinite 1s;
}
@keyframes position-helper {
    0%   {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
    50%  {transform: translateX(5px);-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-ms-transform: translateX(5px);}
    100% {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
}
@-webkit-keyframes position-helper {
    0%   {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
    50%  {transform: translateX(5px);-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-ms-transform: translateX(5px);}
    100% {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
}
@-moz-keyframes position-helper {
    0%   {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
    50%  {transform: translateX(5px);-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-ms-transform: translateX(5px);}
    100% {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
}
@-o-keyframes position-helper {
    0%   {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
    50%  {transform: translateX(5px);-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-ms-transform: translateX(5px);}
    100% {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
}