﻿
/*.requestFilter {
    position: relative;
}
.requestFilter::after, .requestFilter::before {
    content:"";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #fff;
}
.btn::after, .btn::before {
    content:"";
    width:2px;
    height:0;
    position: absolute;
    transition: all 0.2s linear;
    background: #fff;
}
.requestFilter:hover::before, .requestFilter:hover::after{
  width: 100%;
}
.requestFilter:hover .btn::before, .requestFilter:hover .btn::after{
  height: 100%;
}
.requestFilter::before{
  left: 50%;
  top: 0;
  transition-duration: 0.4s;
}
.requestFilter::after{
  left: 50%;
  bottom: 0;
  transition-duration: 0.4s;
}
.requestFilter span::before{
  left: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.requestFilter span::after{
  right: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.requestFilter:hover::before, .requestFilter:hover::after{
  left: 0;
}
.requestFilter:hover span::before, .requestFilter:hover span::after{
  top: 0;
}*/


/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 1.95em;
        cursor: pointer;
    }


        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            box-sizing: border-box;
            content: '';
            position: absolute;
            left: 0;
            top: .05em;
            width: .9em;
            height: .9em;
            border: 1px solid #0c4a68;
            background: #fff;
            border-radius: 1px;
        }
        /* checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            content: '\2713';
            position: absolute;
            font-weight: bold;
            top: 22%;
            left: .95%;
            font-size: 65%;
            color: #0c4a68;
        }
        /* checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        [type="checkbox"]:checked + label:after {
            opacity: 1;
            box-sizing: border-box;
            transform: scale(1);
        }











.mainCont {
    overflow: hidden;
}

    .mainCont input::-webkit-input-placeholder, .mainCont textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #0c4a68;
    }

    .mainCont input::-moz-placeholder, .mainCont textarea::-moz-placeholder { /* Firefox 19+ */
        color: #0c4a68;
    }

    .mainCont input:-ms-input-placeholder, .mainCont textarea:-ms-input-placeholder { /* IE 10+ */
        color: #0c4a68;
    }

    .mainCont input:-moz-placeholder, .mainCont textarea:-moz-placeholder { /* Firefox 18- */
        color: #0c4a68;
    }

    .mainCont textarea, .mainCont input {
        color: #0c4a68;
    }

.footer_top {
    display: none !important;
}

.profiles_sec {
    display: none !important;
}

.contact_question {
    border: none !important;
}

.background {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../Images/SlideShow/estimate.jpg');
    height: 27.8em;
    width: 100%;
}

.estimateLine {
    background-color: #baa83d;
    color: #FFFFFF;
    white-space: nowrap;
    position: absolute;
    padding-left: .7em;
    padding-right: .7em;
    padding-top: .3em;
    padding-bottom: .24em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.line {
    font-size: 2.05em;
}

.filterHeader {
    background-color: #0c4a68;
    padding-top: 2.7em;
    padding-bottom: 2.2em;
    margin-bottom: 3em;
}

.requestFilterCont {
    max-width: 1150px !important;
    text-align: justify;
    font-size: .01em; /* IE 9/10 don't like font-size: 0; */
}

.requestFilter {
    display: inline-block;
    font-size: 235em;
    color: #81C3E7;
    font-family: Spread-Light;
    cursor: pointer;
    transition: color .3s ease-out;
}

    .requestFilter:hover {
        color: #fff;
    }

    .requestFilter label {
        cursor: pointer;
    }

    .requestFilter input {
        display: none;
    }

.radio {
    background-image: url(/content/Images/Icons/nocheckCircleB.png);
    height: .75em;
    width: .75em;
    margin-right: .2em;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    transition: all .3s ease-out;
}

.requestFilter:hover .radio {
    background-image: url(/content/Images/Icons/nocheckCircleW.png);
}

.checkbox {
    margin: 0;
    width: 1.25em;
    height: 1.25em;
    margin-right: .8em;
}

.requestFilter.selected {
    color: #fff;
}

    .requestFilter.selected .radio {
        background-image: url('/Content/Images/Icons/checkCircleW.png');
    }

.italic {
    font-family: Spread-Italic-Light;
}

.requestFilterCont:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.abstractSect {
    display: none;
}

    .abstractSect.selected {
        display: block;
    }

.estimateTable {
    max-width: 1150px !important;
}

    .estimateTable tr:not(:last-of-type) {
        border-bottom: 1px solid #baa83d;
        margin-bottom: 5em;
    }

    .estimateTable tr td:not(:first-of-type) {
        padding-left: 4.8em;
    }

    .estimateTable tr td:not(:last-of-type) {
        border-right: 1px solid #baa83d;
    }

    .estimateTable td {
        box-sizing: border-box;
        position: relative;
        width: 33.333%;
        vertical-align: top;
    }

.financial .desktop .commentsTd, .custom .desktop .commentsTd {
    padding-left: 2.5em;
}

.falsePadding {
    height: 3.1em;
    width: 6000px;
    position: absolute;
    background-color: #FFFFFF;
}

td .falsePadding:first-of-type {
    top: 0;
}

td .falsePadding:last-of-type {
    bottom: 0;
}

.catSection {
    padding-top: 5em;
    padding-bottom: 4.6em;
    font-size: .9em;
}

    .catSection h5 {
        margin-bottom: .7em;
    }

    .catSection label {
        display: inline-block;
        margin-bottom: .775em;
        font-size: 1.05em;
        margin-top: -.05em;
    }

.custom .catSection label {
    /* margin-top: -.05em; */
    width: 100%;
}

.checked {
    /*background-image: url('../Images/Icons/checkSquareB.png');*/
    content: "\2022";
    /*background-repeat: no-repeat;
    background-size: contain;*/
    font-size: 1.5em;
    /*width: 1em;*/
    float: left;
    margin-right: .5em;
    margin-top: -.2em;
}

.commentsTd .catSection {
    padding-bottom: 0;
}

.commentsCont {
    background-color: rgb(228, 228, 228);
    width: 90%;
    height: 18.5em;
    position: relative;
    padding: 1em;
    padding-top: .72em;
    margin-top: -1.1em;
    box-sizing: border-box;
}

.commentsTd textarea {
    background: transparent;
    border: none;
    height: 85%;
    overflow: auto;
    width: 100%;
    font-size: 1em;
    font-family: AzoSans-Regular;
}

.submitSection {
    background-color: #baa83d;
    padding-top: 2.7em;
    padding-bottom: 2.7em;
    position: relative;
}

.submitCont {
    max-width: 1150px !important;
    width: 85%;
    margin: auto;
    text-align: justify;
    font-size: .01em;
}

    .submitCont:after {
        content: '';
        width: 100%;
        display: inline-block;
    }

.inputCont {
    display: inline-block;
    width: 26.9%;
    height: 2.5em;
    box-sizing: border-box;
    font-size: 16px;
}

.submitSection input {
    background: #FFFFFF;
    height: 100%;
    font-size: .783em;
    width: 100%;
    box-sizing: border-box;
    padding-right: 1em;
    padding-left: 1em;
}

.inputCont.submit input {
    width: calc(100% - 8.46em);
}

.inputCont.submit {
    width: 37%;
}

.submitSection .cont {
    height: 100%;
}

.submitSection button {
    width: 8.46em;
    box-sizing: border-box;
    float: right;
    font-size: .783em;
    background-color: #0c4a68;
    color: #FFFFFF;
    height: 100%;
    cursor: pointer;
    transition: color .3s ease-out;
}

    .submitSection button:hover {
        color: #baa83d;
    }


    .submitSection button span {
        font-size: 1.4em;
    }

.sizing {
    font-size: 16px;
}

.custom .commentsCont {
    height: 21.75em;
}

.custom .catSection label {
    display: inline-block;
    vertical-align: top;
    margin-bottom: .5em;
    position: relative;
    transform: translateY(.1em);
}

br.tweak {
    display: none;
}

.successMessage h4:after {
    content: "Your request for an estimate has been\00a0recieved!";
}

.successMessage h3:after {
    content: "We will be in touch with you shortly with your personalized\00a0quote.";
}

.row{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.borderr{border-right:1px solid #baa83d;padding-right:3%;padding-left:3%;}

.borderl{border-left:1px solid #baa83d;padding-left:3%;padding-right:3%;}

.noborder{padding-left: 3%;padding-right:3%;}

.cll{
	width: 25%;
	border-bottom: 1px solid #baa83d;
	padding: 4%;
	padding-top: 3.5em;
	padding-bottom: 3.5em;
}

.lastcll{
	border-bottom: 0px solid #baa83d;
}

.ndcll{
	border-bottom: 0px solid #baa83d;
}

.ndcll2{
	border-bottom: 0px solid #baa83d;
}

div.dynamicborder{
	border-right:1px solid #baa83d;
	margin-top: 5%;
	margin-bottom: 5%;
}

.commentsTd{
	width: 100%;
}

.commentsTd3{
	width: 25%;
}





@media only screen and (min-width: 2000px) {
    .requestFilterCont, .estimateTable, .submitCont {
        max-width: 1587px !important;
    }

        .estimateTable tr:not(:last-of-type) {
            border-bottom: 2px solid #baa83d;
        }
}

@media only screen and (max-width: 1328px) {
    .custom .catSection label {
        line-height: 1.05em;
    }
}

@media only screen and (max-width: 1212px) {
    .custom .catSection label {
        line-height: 1.2em;
    }
}

@media only screen and (max-width: 1049px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: -9%;
        left: 1.1%;
    }
}

@media only screen and (min-width: 959px) {
    .desktop {
        display: block;
    }
	div.dynamicborder:nth-of-type(3n) {
	border-right:0px solid #baa83d;
}


}

@media only screen and (max-width: 959px) {
  
	div.dynamicborder:nth-of-type(4n) {
	border-right:0px solid #baa83d;
}

.ndcll{
	border-bottom: 1px solid #baa83d;
}

.ndcll2{
	border-bottom: 0px solid #baa83d;
}

.cll{
		width: 41%;
	}
	
.commentsTd{
	width: 41%;
	padding-left: 3.3%;
	border-left: 1px solid #baa83d;
	margin-top: 5%;
	margin-bottom: 5%;
}

	.commentsTd .catSection, .financial .desktop .commentsTd, .custom .desktop .commentsTd{
		padding-top: 3.3%;
	}
	
.commentsTd2{
	width: 100%;
	border-left: 0px solid #baa83d;
	margin-top: 0;
	padding-top: 1%;
	margin-bottom: 5%;
}

	.cont {
        font-size: 1em;
    }

   .catSection label {
    margin-bottom: .774em;
}

    .catSection label {
        font-size: 1em;
    }

    .background {
        background-image: url('../Images/SlideShow/estimateTablet.jpg');
    }

/*    .desktop {
        display: none;
    }

*/    .tablet {
        display: block;
    }

    .requestFilter {
        display: inline-block;
        font-size: 175em;
        color: #81C3E7;
        font-family: Spread-Light;
        cursor: pointer;
    }

    .estimateTable tr td:not(:first-of-type) {
        padding-left: 3.3em;
    }

    .estimateTable {
        width: 76%;
    }

    .filterHeader {
        margin-bottom: 2.2em;
    }

    .commentsCont {
        width: 100%;
    }

    .custom .commentsCont {
        width: 100%;
    }

    .catSection {
        font-size: .95em;
        padding-bottom: 4.5em;
    }

    .inputCont.submit {
        width: 42%;
    }

    .inputCont {
        width: 28.2%;
    }

    .estimateTable {
        margin-bottom: 1px;
    }

    .submitCont {
        width: 88.5%;
    }

    .custom .catSection label {
        line-height: 1em;
    }
}

@media only screen and (max-width: 888px) {
    .requestFilter {
        font-size: 160em;
    }
}

@media only screen and (max-width: 822px) {
    .requestFilterCont {
        width: 90%;
    }
}

@media only screen and (max-width: 750px) {
    .requestFilter {
        font-size: 150em;
    }
}

@media only screen and (max-width: 728px) {
    .cont {
        font-size: .9em;
    }
	
}

@media only screen and (max-width: 667px) {
    br.tweak {
        display: block;
    }
}

@media only screen and (max-width: 656px) {
    .cont {
        font-size: .85em;
    }
}

@media only screen and (max-width: 622px) {
    .cont {
        font-size: .8em;
    }
}

@media only screen and (max-width: 592px) {
    .cont {
        font-size: .75em;
    }
	
		.cll{
		width: 100%;
	}
.ndcll{
	border-bottom: 1px solid #baa83d;
}

.ndcll2{
	border-bottom: 1px solid #baa83d;
}

.commentsTd, .financial .desktop .commentsTd, .custom .desktop .commentsTd{
	width: 100%;
	padding-left: 3.3%;
	border-left: 0px solid #baa83d;
	border-top: 0px solid #baa83d;
	padding-top: 0;
	padding-bottom: 3em;
}


	

}

@media only screen and (max-width: 546px) {
    .cont {
        font-size: .7em;
    }
}

@media only screen and (max-width: 508px) {
    .cont {
        font-size: .65em;
    }
}

@media only screen and (max-width: 479px) {
    .cont {
        font-size: 1.15em;
    }

    .background {
        height: 18em;
    }

    .tablet {
        display: none;
    }

    .background {
        background-image: url('../Images/SlideShow/estimateMobile.jpg');
    }

    .mobile {
        display: block !important;
    }

    .catSection label {
        margin-bottom: .5em;
    }

    .requestFilter {
        display: block !important;
    }

    .line {
        font-size: 1.25em;
    }

    .estimateLine {
        padding-top: .68em;
        padding-bottom: .6em;
    }

    .requestFilter:not(:last-of-type) {
        margin-bottom: .45em;
    }

    .estimateTable, .requestFilterCont {
        width: 76%;
    }

    .filterHeader {
        padding-top: 2em;
        padding-bottom: 2em;
        margin-bottom: 3em;
    }

    .falsePadding {
        display: none;
    }

    .catSection {
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .commentsCont {
        height: 15em !important;
        margin-top: 0;
        margin-bottom: 4em;
        width: 100%;
    }

    .custom .commentsCont {
        width: 100%;
    }

    .estimateTable {
        margin-top: -2em;
    }

    .inputCont {
        width: 100%;
    }

        .inputCont.submit {
            width: 100%;
        }

            .inputCont.submit input {
                width: 100%;
                margin-bottom: .8em;
            }

    .submitSection button {
        float: none;
    }

    .submitCont {
        width: 76%;
    }

    .inputCont:not(:last-of-type) {
        margin-bottom: .8em;
    }

    .submitSection button span {
        font-size: 1.2em;
    }

    .submitSection button {
        width: 7.1em;
        height: 95%;
    }
}

@media only screen and (max-width: 362px) {
    .cont {
        font-size: 1em;
    }
}

@media only screen and (min-width: 960px) {
    .contact_question {
        width: 100% !important;
        border-left: none !important;
        padding-top: 6em !important;
    }

    .contact_sec {
        width: 54% !important;
        float: left !important;
    }

    .c_content_wrapper {
        width: 68% !important;
        float: left !important;
        clear: left !important;
        letter-spacing: normal;
    }

    .question_sec {
        width: 40% !important;
        float: left !important;
    }
}

@media only screen and (min-width: 320px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: 5%;
        left: .9%;
    }
}

@media only screen and (min-width: 509px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: 11%;
        left: 1.1%;
    }
}

@media only screen and (min-width: 657px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: 13%;
        left: .85%;
    }
}

@media only screen and (min-width: 727px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: 2%;
        left: .8%;
    }
}

@media only screen and (min-width: 960px) {

    .sec_wrapper {
        margin-top: 0 !important;
    }

    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: 22%;
        left: .95%;
    }
}

@media only screen and (min-width: 1000px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: 0;
        left: .65%;
    }
}

@media only screen and (min-width: 1050px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: -9%;
        left: 1.1%;
    }
}

@media only screen and (min-width: 1200px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: -5%;
        left: .75%;
    }
}

@media only screen and (min-width: 1213px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: 5%;
    }
}

@media only screen and (min-width: 1329px) {
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
        top: 20%;
    }
}
