/*
Copyright (c) 2017, brian
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright notice, this
  list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice,
  this list of conditions and the following disclaimer in the documentation
  and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
*/
/* 
    Created on : Jun 7, 2017, 10:40:25 AM
    Author     : brian
	Edited		: daniel
*/

.card-block * {
	cursor: pointer;
	text-align:center;
}
.card-block {
	padding:0px!important;
}
#quote-notes-parent .form-group label{
	font-size:2em;
}
.card-title, .card-text {
	padding:0px 20px;
	text-align: center;
}
.card-img-top {
    min-width: 160px;
    max-width: 100%;
    height: auto;
}
.card-block label {
    margin-bottom:.5rem;
}

#quote-images-parent img {
    max-height: 3em;
	background-color: #fff;
    background-image: -webkit-linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef),-webkit-linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef);
    background-position: 0 0,10px 10px;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
    border: 0;
}

#quote-images-parent>ul>li>div{
	width:100%;
}

.quote-image-name {
    flex-grow: 100;
}

#quote-success-parent{
	display:none;
}

/* FreeQuote Form styles   */

.stepscontainer .card-block:hover {
	background:#215897;
	color:#fff;
}
.stepscontainer .card-block:hover a {
	color:#fff;
}
.stepscontainer .card-block,
.stepscontainer .card-block a {
	text-align:center!important;
}
.select-box input[type=radio] { visibility: hidden;}
.not-card .select-box label { 
	background: #fff;
	border: 1px solid #dedede;
	color: #215897; 
	height: auto;
	left: 0;
	padding: 20px 0;
	text-align: center;
	top: 0;
	width: 100%;
	cursor: pointer;
	transition: all ease .3s;
}
.plating .not-card .select-box label { 
	min-height: 200px;;
}
.presentation--packaging .not-card .select-box label { 
    min-height: 324px;
}
.not-card .select-box label:hover {
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
}
.not-card .select-box input[type=radio]:checked + label {
	background: #1f5697;
	color: #fff;
	border-color: #215897;

}
.not-card .select-box input[type=radio]:checked + label:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.order-summary, .pin-size {
	border: 1px solid #e3e3e3;
	padding: 20px;
	background: #fff;
}
.heading-total {
	font-size: 24px;
	font-weight: 800;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d8d8;
}

.quote-title h4 {
	font-size: 14px;
	font-family: 'Avenir', arial, sans-serif;
	line-height: 24px;
}
.quote-title {
	margin-bottom: 30px;
}
.quote-title h2{ color: #215897;}
.fullheight {
	height: calc(100% - 182px);
	height: -o-calc(100% - 182px); /* opera */
	height: -webkit-calc(100% - 182px); /* google, safari */
	height: -moz-calc(100% - 182px); /* firefox */
	overflow-y: hidden;
}
.fullheightinner {
	height: 100%;
}
.btns-con {
	padding-top: 30px;
}
.btn-go, .btn-send{ background:#215897; border-color: #215897; color: #fff;}
.btn-go:hover, .btn-send:hover { background: #5cb85c; border-color: #5cb85c; color: #fff;}
.btn-go:focus, .btn-send:focus { background: #2e6c2e; border-color: #2e6c2e; color: #fff;}
.btn-back {background: #686868; border-color: #686868; color: #fff;}
.btn-back:hover { background: #2a2a2a; border-color:#2a2a2a; color: #fff;}
.freequoteform {
	border: 1px solid #dedede;
	background: #fff;
	padding: 20px;
}
.freequoteform input{ margin: 20px 0; text-align: center;}
.freequoteform select.form-control:not([size]):not([multiple]){ height: 62px; }

.pop h5 {font-size: 16px;}
label .pop p { font-size: 12px;}


.custom-file-input {
	opacity: 0;
	z-index: -1;
}
label.upload-photo {
	cursor: pointer;
	background: #fff;

	border: 1px solid #215897;
	padding: 15px 40px;
	color: #215897;

}
.select-type {
	font-size: 14px;
}

.summarylist {
	list-style: none;
}
.summaryLabel, .contactlabel {
	font-weight: 800;
}
.summarylist li {
	padding: 15px 0;
    display: inline-block;
    width: 16%;
    font-size: 14px;
}
li.notes {
	display: block;
	width: 100%;
	border-bottom: none;
}
.marginbottom20 {
	margin-bottom: 20px;
}
.progress-cir {
	border-radius: 25px;
	background: #cb0000;
	height: 50px;
	width: 50px;
	z-index: 99;
	position: absolute;
	right: 0;
}
.steps h3 {font-size: 12px; margin: 0;}
.col.steps {
	border: 1px solid #dedede;
	border-right: none;
	background: none;
	text-align: center;
	padding: 10px 0;
	color: #d3d3d3;

}

.col.steps.active {
	background: #215897;

}
.col.steps.finished {
	background: #fff;
	color: #215897;
	cursor: pointer;
}

.form-control { 
	border-radius: 0;
}
#quote-contact-parent .form-control {
	border-radius:4px;;
}
.box {
	background: #fff;
	border: 1px solid #dedede;
	padding: 20px;
}
[type="checkbox"] + label {
	font-weight: 800;
	transition: all ease .5s;
}
.proof [type="checkbox"]:not(:checked),
.proof [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
.proof [type="checkbox"]:not(:checked) + label,
.proof [type="checkbox"]:checked + label {
	position: relative;
	cursor: pointer;
	margin-top: 10px;
	width: 100%;
	background: #ededed;
	text-align: center;
	padding: 5px 0;
	border-radius: 2px;
}
.proof [type="checkbox"]:checked + label {
	background: #2e6c2e;
}

.proof [type="checkbox"]:not(:checked) + label:before {
	content: 'UNSELECTED';
}
.proof [type="checkbox"]:checked + label:before {
	content: 'SELECTED';
	color: #fff;
}

.proof {
	margin-bottom: 25px;
}
.proof h5 {
	margin-bottom: 0;
	font-size: 14px;
}
.proof thead {
	background: #f9f9f9;
}
.proof .table thead th {border-bottom-width: 1px;}
.proof table {
	border: 1px solid #eceeef;
}
.proof table td {
	border-bottom: 1px solid #eceeef;
}
.table td.sub-totals,.table th.sub-totals {
	font-weight: 800;
	border-top: 2px solid #dedede;
}
.stepcounter {
	margin-bottom: 40px;
}
.stepscontainer {
	min-height: 410px;
	overflow:hidden;
}
.pinObject{
	padding: 40px 0;
}


.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 14px;
    /* 20px */

    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 8px 10px;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
/* Options on the Quote Page */
#quote-options-parent .attachment .option-image {
	max-width: 100px;
}
#quote-options-parent .attachment .not-card label {
    min-height: 265px;
}
#quote-options-parent .presentation--packaging img {
    max-width: 190px;
}
#quote-options-parent pre {
	display:none;
}
.step-parent > row {
	overflow:hidden;
}
.inputfile-1 + label {
    background-color: #215897;
    color: #fff;
    transition: all ease .3s;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #00559e;
    color: #fff;
}

input#file-1.inputfile.inputfile-1 {
	visibility: hidden;
	position: absolute;
}
.stepcounter {
	border: 1px solid #dedede;
	height: 12px;
	padding: 0;
	background: #fff;
}
.col.steps {
	padding:0;
	border:none;
	height: 10px;

}
.col.steps:before {
	content: "";
	background: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 25px;
	position: absolute;
	padding: 3px 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 30px;
	width: 30px;
	transition: all ease .3s; 
}
.col.steps.active:before {
	content: '\E3A6';
    border: 2px solid #215897;
    font-family: 'Material Icons';
    color: #215897;
    padding: 1px;
}
.col.steps.finished{
	background: #215897;
}
.col.steps.finished:before {
	border-color: #215897;
	background: #215897;
	color: #fff;
	content: "\2713";
	font-weight: 800;
    z-index: 99;
}
.col.steps h3 {
	margin-top:30px;
	padding:10px;
}
[type="checkbox"].address:not(:checked), [type="checkbox"].address:checked {
	position: relative;
	left: auto;
}
.steps.active h3 {
	color: #636363;
}
.totals {
	background: #f9f9f9;
	padding: 20px;
	border-radius: 4px;
}

.pricing-table h3 {font-size: 16px;}
.pricing-table table {margin-top: 10px;}
.pricing-table .table th {border-top: none;} 
.save {color: #53c400;}

#shippingdetails, #billingdetails { margin-bottom: 40px;}
.terms-list li{padding-bottom: 20px;}
.page-title {padding-bottom: 30px;}
.submit-btn {cursor: pointer;}


.select-type input[type=radio] {
    visibility: hidden;
    display: none;
}
.card-img-top.w-auto {
    width: 80%!important;
}
.step-parent{
	margin-top:30px;
	padding: 20px 0px;
}
.expressman-start {
	position: absolute;
    z-index: 9;
    max-width: 240px;
    height: 280px;
    bottom: -140px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #cfcccf!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #cfcccf!important;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #cfcccf!important;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #cfcccf!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:    #cfcccf!important;
}


@-webkit-keyframes fadeIt {
	0%   { background-color: rgba(31, 86, 151,1); color: rgba(255,255,255,1);	}
	100% { background-color: rgba(31, 86, 151,0); color: rgba(31, 86, 151,1); }
}
@-moz-keyframes fadeIt {
	0%   { background-color: rgba(31, 86, 151,1); color: rgba(255,255,255,1);	}
	100% { background-color: rgba(31, 86, 151,0); color: rgba(31, 86, 151,1); }
}
@-o-keyframes fadeIt {
	0%   { background-color: rgba(31, 86, 151,1); color: rgba(255,255,255,1);	}
	100% { background-color: rgba(31, 86, 151,0); color: rgba(31, 86, 151,1); }
}
@keyframes fadeIt {
	0%   { background-color: rgba(31, 86, 151,1); color: rgba(255,255,255,1);	}
	100% { background-color: rgba(31, 86, 151,0); color: rgba(31, 86, 151,1); }
}

.backgroundAnimatedFade{    
    background-image:none !important;
    -webkit-animation: fadeIt 1s linear; 
	-moz-animation: fadeIt 1s linear; 
	-o-animation: fadeIt 1s linear; 
	animation: fadeIt 1s linear; 
}

@media (max-width: 1600px) {
	.expressman-start {
	}
}
@media (max-width:1440px){
	.expressman-start {
	}

}
@media (max-width: 1024px) {
	.expressman-start {
		height: 260px;
	}
}
@media (max-width: 991px) {
	.expressman-start {
		display:none;
	}
}
@media (max-width: 768px) {
	.expressman-start, .expressman-start-2 {
		display:none;
	}
}
@media (max-width: 574px) {
	#quote-notes-parent .form-group label {
		font-size: 1.5rem;
	}
	.banner.bright-blue {
		min-height: 348px;
	}
	section.grey {
		padding-top:7em;
	}

}
@media (max-width: 510px) { 
	.expressman-start-2 {
		position: absolute;
	}
}
@media (max-width: 400px) { 
	.expressman-start-2 {
	}
}




@media (min-width: 501px) {
	.banner.bright-blue {
		min-height: 320px;
	}
	.expressman-start-2 {
		position: absolute;
		z-index: 99;
		height: 280px;
		width: 240px;
		bottom: -109px;
	}
}
@media (min-width: 768px) {
	.banner.bright-blue {
		min-height: 240px;
	}
}
@media (min-width: 992px) {
	.expressman-start-2 {
		display:none;
	}
	.banner .content-block h1 {
		font-size: 2.1em;
	}

}
@media (min-width: 1200px) {
	.expressman-start {
	}

}



.expressman-start {
    position: absolute;
    z-index: 9;
    max-width: 300px;
    height: 300px;
	bottom: -140px;
/*	transform: translate(42px,34px);*/
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #cfcccf!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #cfcccf!important;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #cfcccf!important;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #cfcccf!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:    #cfcccf!important;
}


@-webkit-keyframes fadeIt {
	0%   { background-color: rgba(31, 86, 151,1); color: rgba(255,255,255,1);	}
	100% { background-color: rgba(31, 86, 151,0); color: rgba(31, 86, 151,1); }
}
@-moz-keyframes fadeIt {
	0%   { background-color: rgba(31, 86, 151,1); color: rgba(255,255,255,1);	}
	100% { background-color: rgba(31, 86, 151,0); color: rgba(31, 86, 151,1); }
}
@-o-keyframes fadeIt {
	0%   { background-color: rgba(31, 86, 151,1); color: rgba(255,255,255,1);	}
	100% { background-color: rgba(31, 86, 151,0); color: rgba(31, 86, 151,1); }
}
@keyframes fadeIt {
	0%   { background-color: rgba(31, 86, 151,1); color: rgba(255,255,255,1);	}
	100% { background-color: rgba(31, 86, 151,0); color: rgba(31, 86, 151,1); }
}

.backgroundAnimatedFade{
    background-image:none !important;
    -webkit-animation: fadeIt 1s linear;
	-moz-animation: fadeIt 1s linear;
	-o-animation: fadeIt 1s linear;
	animation: fadeIt 1s linear;
}

@media (max-width: 1600px) {
	.expressman-start {
	}
}
@media (max-width:1440px){
	.expressman-start {
	}

}
@media (max-width: 1024px) {
	.expressman-start {
		height: 260px;
	}
}
@media (max-width: 991px) {
	.expressman-start {
		display:none;
	}
}
@media (max-width: 768px) {
	.expressman-start {
		display:none;
	}
	.expressman-start-2 {
		z-index: 99;
		height: 350px;
	}
}
@media (max-width: 574px) {
	#quote-notes-parent .form-group label {
		font-size: 1.5rem;
	}
	.expressman-start-2 {
		transform: translate(60px,150px);
		z-index: 99;
		height: 280px;
	}
	.banner.bright-blue {
		min-height: 348px;
	}
	section.grey {
		padding-top:7em;
	}

}
@media (max-width: 510px) {
	.expressman-start-2 {
		position: absolute;
	}
}
/* @media (max-width: 400px) {
	.expressman-start-2 {
	}
} */




@media (min-width: 501px) {
	.banner.bright-blue {
		min-height: 320px;
	}
	.expressman-start-2 {
		transform: translate(70px,122px);
		position: absolute;
		z-index: 99;
		height: 280px;
	}
}
@media (min-width: 768px) {
	.banner.bright-blue {
		min-height: 240px;
	}
	.expressman-start-2 {
		transform: translate(70px,41px);
		position: absolute;
		z-index: 99;
		height: 280px;
	}
}
@media (min-width: 992px) {
	.expressman-start-2 {
		display:none;
	}
	.banner .content-block h1 {
		font-size: 2.1em;
	}

}
/* @media (min-width: 1200px) {
	.expressman-start {
	}

} */

.helen-quote-artwork-size-options .card-img-top,
.helen-quote-child-parent .card-img-top {
	margin-top: 1rem;
	max-width: 240px!important;
    margin-left: auto;
    margin-right: auto;
}

.card > img.card-img-top {
    width: auto!important;
}