/***/

@font-face{font-family:HelveticaNeueLight;src:url(../fonts/helvetica-neue/light.eot);src:url(../fonts/helvetica-neue/light.eot) format('embedded-opentype'),
url(../fonts/helvetica-neue/light.woff) format('woff'),
url(../fonts/helvetica-neue/light.ttf) format('truetype'),
url(../fonts/helvetica-neue/light.svg#HelveticaNeueLight) format('svg')
}
@font-face{font-family:HelveticaNeue;src:url(../fonts/helvetica-neue/regular.eot);src:url(../fonts/helvetica-neue/regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/helvetica-neue/regular.woff) format('woff'),
url(../fonts/helvetica-neue/regular.ttf) format('truetype'),
url(../fonts/helvetica-neue/light.svg#HelveticaNeueRegular) format('svg')
}
@font-face{font-family:HelveticaNeueMedium;src:url(../fonts/helvetica-neue/medium.eot);src:url(../fonts/helvetica-neue/medium.eot?#iefix) format('embedded-opentype'),
url(../fonts/helvetica-neue/medium.woff) format('woff'),
url(../fonts/helvetica-neue/medium.ttf) format('truetype'),
url(../fonts/helvetica-neue/medium.svg#HelveticaNeueMedium) format('svg')
}
@font-face{font-family:HelveticaNeueBold;src:url(../fonts/helvetica-neue/bold.eot);src:url(../fonts/helvetica-neue/bold.eot?#iefix) format('embedded-opentype'),
url(../fonts/helvetica-neue/bold.woff) format('woff'),
url(../fonts/helvetica-neue/bold.ttf) format('truetype'),
url(../fonts/helvetica-neue/bold.svg#HelveticaNeueBold) format('svg')
}

@font-face{
	font-family:Bower-Bold;
	src:url(../fonts/Bower-Bold/Bower-Bold.ttf) format('truetype'),
	url(../fonts/Bower-Bold/Bower-Bold.otf) format('opentype');
}
/*
@font-face{
	font-family:TheinhardtPan-Italic;
	src:url(../fonts/TheinhardtPan/TheinhardtPan-Italic.eot);
	src:url(../fonts/TheinhardtPan/TheinhardtPan-Italic.eot?#iefix) format('embedded-opentype'),
	url(../fonts/TheinhardtPan/TheinhardtPan-Italic.ttf) format('truetype'),

}

@font-face{
	font-family:TheinhardtPan-Light;
	src:url(../fonts/TheinhardtPan/TheinhardtPan-Light.eot);
	src:url(../fonts/TheinhardtPan/TheinhardtPan-Light.eot?#iefix) format('embedded-opentype'),
	url(../fonts/TheinhardtPan/TheinhardtPan-Light.ttf) format('truetype'),

}

@font-face{
	font-family:TheinhardtPan-LightItalic;
	src:url(../fonts/TheinhardtPan/TheinhardtPan-LightItalic.eot);
	src:url(../fonts/TheinhardtPan/TheinhardtPan-LightItalic.eot?#iefix) format('embedded-opentype'),
	url(../fonts/TheinhardtPan/TheinhardtPan-LightItalic.ttf) format('truetype'),

}

@font-face{
	font-family:TheinhardtPan-Medium;
	src:url(../fonts/TheinhardtPan/TheinhardtPan-Medium.eot);
	src:url(../fonts/TheinhardtPan/TheinhardtPan-Medium.eot?#iefix) format('embedded-opentype'),
	url(../fonts/TheinhardtPan/TheinhardtPan-Medium.ttf) format('truetype'),

}

@font-face{
	font-family:TheinhardtPan-MediumItalic;
	src:url(../fonts/TheinhardtPan/TheinhardtPan-MediumItalic.eot);
	src:url(../fonts/TheinhardtPan/TheinhardtPan-MediumItalic.eot?#iefix) format('embedded-opentype'),
	url(../fonts/TheinhardtPan/TheinhardtPan-MediumItalic.ttf) format('truetype'),

}

@font-face{
	font-family:TheinhardtPan-Regular;
	src:url(../fonts/TheinhardtPan/TheinhardtPan-Regular.eot);
	src:url(../fonts/TheinhardtPan/TheinhardtPan-Regular.eot?#iefix) format('embedded-opentype'),
	url(../fonts/TheinhardtPan/TheinhardtPan-Regular.ttf) format('truetype'),

}
*/
@font-face{
	font-family:TheinhardtPan-Italic;
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-Italic.eot);
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-Italic.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPanTT-Italic.ttf) format('truetype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPan-Italic.woff) format('woff')

}

@font-face{
	font-family:TheinhardtPan-Light;
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-Light.eot);
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-Light.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPanTT-Light.ttf) format('truetype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPan-Light.woff) format('woff')

}

@font-face{
	font-family:TheinhardtPan-LightItalic;
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-LightItalic.eot);
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-LightItalic.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPanTT-LightItalic.ttf) format('truetype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPan-LightItalic.woff) format('woff')

}

@font-face{
	font-family:TheinhardtPan-Medium;
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-Medium.eot);
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-Medium.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPanTT-Medium.ttf) format('truetype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPan-Medium.woff) format('woff')

}

@font-face{
	font-family:TheinhardtPan-MediumItalic;
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-MediumItalic.eot);
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-MediumItalic.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPanTT-MediumItalic.ttf) format('truetype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPan-MediumItalic.woff) format('woff')

}

@font-face{
	font-family:TheinhardtPan-Regular;
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-Regular.eot);
	src:url(../fonts/Optimo-Theinhardt/TheinhardtPan-Regular.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPanTT-Regular.ttf) format('truetype'),
	url(../fonts/Optimo-Theinhardt/TheinhardtPan-Regular.woff) format('woff')

}


hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #cecece !important;
}

.red{
	color:red;
}

body.path-product{
  padding-bottom: 144px;
}

[id^="commerce-order-item-add-to-cart-form-commerce-product-2-"]{
  width:100%
}

.field--type-markup,
.field--type-markup, .commerce-order-item-add-to-cart-form .form-item:not(.fieldgroup){

    margin-bottom: 30px;
    background: #f9f9f9fa;
    padding: 30px;
}


.contact.form-group{
  margin-bottom: 0;
}

#edit-line-item-fields > .form-wrapper .description {
    font-size: 13px;
}

#edit-line-item-fields-field-contact-1-type,
#edit-line-item-fields-field-contact-2-type,
#edit-line-item-fields-field-contact-3-type,
#edit-line-item-fields-field-contact-4-type,
#edit-line-item-fields-field-contact-5-type,
#edit-line-item-fields-field-contact-6-type{
	margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#edit-line-item-fields-field-contact-1-line,
#edit-line-item-fields-field-contact-2-line,
#edit-line-item-fields-field-contact-3-line,
#edit-line-item-fields-field-contact-4-line,
#edit-line-item-fields-field-contact-5-line,
#edit-line-item-fields-field-contact-6-line{
    padding-top: 10px !important;
}

.card,
.card-back {
        box-shadow: 2px 2px 3px #eee;
    margin: 20px;
    padding: 5mm;
    width: 85mm;
    border: 1px solid #eee;
    height: 55mm;
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.card-back{
	/*
	background-image : url(../img/card-back.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;*/
	   overflow: hidden;
}

.card-back img{
	    width: 200%;
    height: auto;
    left: 50%;
    margin-left: -96mm;
    position: absolute;
    margin-top: -74mm;
    top: 50%;
	    max-width: unset;
}

.card:before{
	content: "Front";
    position: absolute;
    top: 5px;
    color: #000;
    right: 5px;
    font-size: 6pt;
    background: #fff;
    padding: 1px 2px;
    border-radius: 5px;
    opacity: 0.5;
}

.card-back:hover:before,
.card:hover:before{
	display:none;
}

.card-back:before{
	content: "Back";
    position: absolute;
    top: 5px;
    color: #000;
    right: 5px;
    font-size: 6pt;
    background: #fff;
    padding: 1px 2px;
    border-radius: 5px;
    opacity: 0.5;
}

.card-back.blue,
.card.blue{
	background-color: #051C2C;
    color: #fff;
}

.card-back.white,
.card.white{
	background-color: #fff;
    color: #051C2C;
}

.card .name-block{
    position: absolute;
    top: 21mm;
    left: 5mm;
}
.card .address-block{
	position: absolute;
	top: 32.3mm;
	left: 5mm;
	width: 35mm;
}

.card .contact-block{
	    position: absolute;
	    top: 32.3mm;
	    left: 42.5mm;
	    width: 35mm;
}

.card img{
	width:35mm !important;
	height:auto !important;
}

.card p{
	margin-bottom:0 !important;
	width: 100%;
}

.card .image{
    position: absolute;
    top: 5mm;
    left: 5mm;
}

.card .name{
	font-family:Bower-Bold;
	font-size: 9.5pt;
}

.card .role{
	font-family:TheinhardtPan-Light;
	font-size: 9.5pt;
}

.card .address,
.card .contact,
.card .phone,
.card .email{
	font-family:TheinhardtPan-Light;
	font-size: 6pt;
}


.view-commerce-user-orders .card, .view-commerce-user-orders .card-back {
    margin-left: 0;
    zoom: 90%;
}

.view-commerce-user-orders .views-field-status .field-content {
    padding: 5px 10px;
    color: #333;
    background: #e6e6e6;
    border-radius: 5px;
}

.field-name-field-username .form-item-line-item-fields-field-username-und-0-value {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
	margin-bottom:0;
}

.field-name-field-username .form-item-line-item-fields-field-username-und-0-value label{
    display: inline;
    float: left;
    vertical-align: middle;
    margin: 8px 8px 8px 0px;
}

#edit-submit-gotocart.btn-success{
        background-color: #536d8f;
    border-color: #41556f;
}


#edit-submit-gotocart.btn-success:hover{
        background-color: #708aad;
    border-color: #6b87ab;
}


#edit-user{
    vertical-align: middle;
    margin: 0 10px;
	display:none;
	margin-bottom: -28px;
}

.views-field.views-field-edit-quantity .form-text,
.form-item-quantity .form-text{
    display: inline;
    width: auto;
}

.commerce-quantity-plusminus-link a.button{
    background: #efefef;
}


.square{
	    width: 5mm;
    height: 5mm;
    position: absolute;
    z-index: -1;
    border: solid 1px #000;
    /* display: inline-block; */
}

.sq-1{
	    left: -2mm;
    top: -2mm;
    border-left: none;
    border-top: none;
}

.sq-2{
	     right: -2mm;
    top: -2mm;
    border-right: none;
    border-top: none;
}


.sq-3{
	    left: -2mm;
    bottom: -2mm;
    border-left: none;
    border-bottom: none;
}

.sq-4{
       right: -2mm;
    bottom: -2mm;
    border-right: none;
    border-bottom: none;

}

.card-wrapper {
  position: fixed;
  bottom: -255px;
  left: 0x;
  background: #f1f1f1;
  box-shadow: 0px 0px 6px #8e8e8e;
  zoom: 85%;
  z-index: 999;
  left: 50%;
  transform: translateX(-50%);
}


.card-wrapper.html2canvas{
        width: 85mm;
    height: 55mm;
    position: relative;
    /* margin: -5px; */
    background: #fff;

    /* padding: 2mm; */
    margin-bottom: 20mm;
    display: inline-block;
}



.html2canvas .card,
.html2canvas .card-back
{
	margin:0;
	padding:2mm;
	    zoom: unset;
}

.html2canvas .card:before,
.html2canvas .card-back:before{
	content:unset;
}

input[name="line_item_fields[field_username][und][0][value]"]{
	background:#ff000061;
}

input[name="line_item_fields[field_username][und][0][value]"].correct{
	background:#00ff0061;
}

input[name="line_item_fields[field_username][und][0][value]"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
input[name="line_item_fields[field_username][und][0][value]"]::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
input[name="line_item_fields[field_username][und][0][value]"]:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
input[name="line_item_fields[field_username][und][0][value]"]:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.view-commerce-cart-form{
	margin-bottom:40px;
}

.field-name-field-business-card-product-refe > .field-label,
.form-item-temp-card-text{
	display:none;
}

[id^="edit-field-contact-"][id$="-text-wrapper"]{
  margin-top:-30px;
}

.cart-link a{
  color:#5bc0de !important;
  font-weight: bold;
}

.cart-link a:hover{
  text-decoration: underline !important;
}

.cart-link span{
  color:#ac2925;
}

.active-orders {
    width: 70% !important;
    margin: 0 auto 40px auto !important;
    padding: 10px 20px;
    text-align: center;
    border: 2px solid;
    margin-bottom: 20px;
    display: inline-block;
}

[contenteditable="true"]{
	background:rgba(255,255,255,0.1);

}

.card.white [contenteditable="true"]{
	background:rgba(195, 195, 195, 0.1);

}

.form-type-radio{
	margin-bottom: 5px !important;
}

[contenteditable="true"]:after{
	content : "Edit text";
	position:absolute;
	right:0;
	top:0;
	opacity:0.1;
}

[contenteditable="true"]:active,
[contenteditable="true"]:focus{
border:none;
background:rgba(255,255,255,0.2);
outline:none;
}

.card.white [contenteditable="true"]:active,
.card.white [contenteditable="true"]:focus{
border:none;
background:rgba(195, 195, 195, 0.2);
outline:none;
}

[contenteditable="true"]:focus::after{

}


.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

.view-commerce-user-orders .views-row{
    background: #fff;
    padding: 40px;
}

.view-commerce-user-orders .views-row .views-field-field-attached-pdf a {
    border: 2px solid #0065BD;
    padding: 6px 20px;
    border-radius: 11px;
}

[class*="field-name-commerce-price"] .field-item{
    padding: 20px;
    font-weight: bold;
    background: #f9f9f9fa;
}

.commerce-product-field .description{
    margin-top: 20px;
}

.mck-table th{
	padding:20px;
	text-align:center;
}

@media (min-width: 768px){
	.card,
	.card-back{
		 margin-left: 20px;
		max-width: unset;
		zoom: 150%;
	}
	.container .jumbotron, .container-fluid .jumbotron {
		padding-right: 60px;
		padding-left: 60px;
	}
	.jumbotron {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.view-commerce-user-orders .views-row{
		width:70%;
	}

	#edit-line-item-fields > .form-wrapper{
	    width: 50%;

		}

  [id^="commerce-order-item-add-to-cart-form-commerce-product-2-"]{
    width:50%
  }

  body.path-product{
    padding-bottom: 0px;
  }

  .card-wrapper {
    bottom: 30px;
    right: 50px;
    zoom: 85%;
    z-index: 999;
    left:unset;
    transform: unset;
  }
  .card, .card-back{
    margin-left: 20px;
    max-width: unset;
    zoom: 150%;
  }
}



@media (min-width:1200px){
.card-wrapper{
  position: fixed;
  bottom: 30px;
  right: 50px;
  background: #f1f1f1;
  box-shadow: 0px 0px 6px #8e8e8e;
  zoom: 85%;
  z-index:999;
  }
}

@media (min-width: 768px) and (max-width:1600px){
.card-wrapper{
zoom: 65%;
}
}