body{
    background-color: #f3f3f3;
}
.container{
    padding-left: 0px;
    padding-right: 0px;
}
.logo_parnt_blk{
    background-color: #1a1a1a;
    height: 90px;
    border-top: 4px solid;
    border-image: linear-gradient(90deg, #C1440E, #E0A63A) 1;
}
.logo_parnt_blk .container{
    width: 800px;
    max-width: 800px;
    padding: 0;
}
.logo_parnt_blk .container img{
    width: 240px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0px;
}
.wf_wordmark{
    display: inline-block;
    text-align: center;
    width: 100%;
}
.wf_wordmark .wf_name{
    font-family: "BrandonGrotesque-Medium", serif;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}
.wf_wordmark .wf_tagline{
    font-family: "brandon_grotesque", serif;
    font-size: 11px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #E0A63A;
    margin: 2px 0 0;
}

.contct_detls{
    margin: 27px 0 0;
    position: relative;
}

.contct_detls h3{
    font-family: "BrandonGrotesque-Medium", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.form_parnt_blk{
    width: 800px;
    padding: 30px 0px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.form_parnt_blk h3{
    font-family: "BrandonGrotesque-Medium", serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #C1440E;
    margin: 20px 0px 15px;
}

.form_parnt_blk p{
    color: #2F2F2F;
    font-family: "brandon_grotesque", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.05em;
    padding-bottom: 25px;
}

.fill_form_blk{
    margin: 20px auto;
    width: 100%;
    display: inline-block;
}
.form_cntnt{
    float: left;
}

.form_parnt_blk .form_cntnt h5{
    font-family: "BrandonGrotesque-Medium", serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #52575C;
    margin: 20px 0px;
    text-align: left;
}

.form_cntnt label.form-label {
    font-family: "brandon_grotesque", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    align-items: center;
    letter-spacing: 0.05em;
    color: #2F2F2F;
    margin: 5px 0px;
    width: 100%;
    text-align: left;
}

.form_cntnt .form-control{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 18px;
    background: #FFFFFF;
    border: 1px solid #95999B;
    box-sizing: border-box;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 5px 0px;
    font-family: "brandon_grotesque", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    align-items: center;
    letter-spacing: 0.05em;
    color: #52575C;
    width: 100%;
    text-align: left;
}
.form_cntnt .form-select{
    background-image: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 18px;
    background: #FFFFFF;
    border: 1px solid #95999B;
    box-sizing: border-box;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 5px 0px;
    font-family: "brandon_grotesque", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: #52575C;
}

.form_cntnt input{
    border-radius: 0;
    font-family: "brandon_grotesque", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: #918E8E;
}
.form_cntnt input::placeholder {
  color: #918E8E;
  opacity: 1; /* Firefox */
}
.form_cntnt select:required:invalid {
  color: red;
  opacity: 1; /* Firefox */
}

select{
  color: #918E8E!important;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: #52575C;
}




.form_cntnt select{    
    font-family: "brandon_grotesque", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: #918E8E;
    border-radius: 0;
}
.form_cntnt .error .form-control{
    border: 1px solid #E92679;
}
.form_cntnt .error span{
    font-family: "brandon_grotesque", serif;
    font-size: 12px;
    line-height: 17px;
    color: #E92679;
    text-align: right !important;
    display: flex;
    letter-spacing: 0.05em;
    float: right !important;
}
.form_cntnt .error .form-select{
    border: 1px solid #E92679;
}

footer{
    padding: 30px 0 15px;
    background-color: #1a1a1a;
    border-top: 4px solid;
    border-image: linear-gradient(90deg, #C1440E, #E0A63A) 1;
    width: 100%;
}
footer .container{
    width: 800px;
    max-width: 800px;
    padding: 0;
}
footer h5{
    font: 15px/18px "BrandonGrotesque-Medium", serif;
    color: #fff;
    padding: 2px 0px;
    text-transform: uppercase;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
}
footer p{
    font: 15px/18px "brandon_grotesque", serif;
    color: #fff;
    padding: 8px 0px 20px;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.05em;
}

footer p.ft_cont{
    font: 16px/25px "brandon_grotesque", serif;
    color: #fff;
    padding: 0px;
    text-align: center;
    letter-spacing: 0.05em;
}
footer p.ft_cont b{
    font: 16px/25px "BrandonGrotesque-Medium", serif;
    color: #fff;
    padding: 0px;
    text-align: center;
    letter-spacing: 0.05em;
}
footer p.ft_cont a{
    font: 16px/25px "brandon_grotesque", serif;
    color: #fff;
    padding: 0px;
    text-align: center;
    letter-spacing: 0.05em;
    text-decoration: none;
}
footer p.ft_last{
    color: #fff;
    float: left;
    /*padding-left: 130px;
    padding-right: 5px;*/
    font: 12px/17px "brandon_grotesque", serif;
    padding-top: 25px;
    padding-bottom: 15px;
    text-align: center;
    letter-spacing: 0.05em;
}

footer p.ft_last span{
    display: inline-block;
}

footer p.ft_last a{
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    font: 12px/17px "brandon_grotesque", serif;
    text-align: center;
    letter-spacing: 0.05em;
}

.btn_cls button{
    background-color: #e9277a;
    color: #fff;
    font-size: 14px;
    border: none;
    width: auto;
    padding: 0px 60px 0;
    height: 53px;
    position: relative;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 22px;
    background: #E92679;
    border: 0.705882px solid #E92679;
    box-sizing: border-box;
    font-family: "brandon_grotesque", serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 20px auto 0px;
    display: block;
    width: 230px;
}

.pl10{
    padding-left: 10px;
}
.pr10{
    padding-right: 10px;
}

@media (max-width: 767px) and (min-width: 320px){
    .logo_parnt_blk .container{
        width: 100%;
        max-width: 100%;
    }
    .logo_parnt_blk{
        background-color: #000;
        height: 177px;
    }
    .logo_parnt_blk .container img{
        width: 62px;
        height: 45px;
        position: inherit;
    }

    .contct_detls{
        margin: 27px 0 0;
        position: inherit;
    }
    .contct_detls h3{
        padding-top: 45px;
    }

    .logo_blk img{
        margin: 0 auto;
        display: block;
    }
    .contct_detls h3{
        text-align: center;
        float: inherit;
    }
    .blnk_lbl{
        display: none !important;
    }
    footer .container{
        width: 100%;
        max-width: 100%;
        padding: 0px 50px;
    }
    .form_parnt_blk{
        width: 100%;
    }
    .pl10{
    padding-left: 0px;
    }
    .pr10{
        padding-right: 0px;
    }
    .form_cntnt{
        padding-right: 20px;
        padding-left: 20px;
    }
    .form_parnt_blk p{
        padding-right: 30px;
        padding-left: 30px;
    }

    footer p.ft_cont span{
        width: 100%;
        display: block;
    }

}

		.gears-grd1{
			stop-color:#C1440E; stop-opacity:1
		}
		.gears-grd2{
			stop-color:#E0A63A; stop-opacity:1
		}
		
		.gears-img{
			position: absolute;
			text-align: right;
			right: 10vw;
			bottom: 10vh;
			width: 40%;
		}
		.gears-img img{
			max-width: 100%;
		}

		.machine {
			width: 20vmin;
		}

		.small-shadow, .medium-shadow, .large-shadow {
			fill: rgba(0, 0, 0, 0.05); }

		.small {
			-webkit-animation: counter-rotation 2.5s infinite linear;
			-moz-animation: counter-rotation 2.5s infinite linear;
			-o-animation: counter-rotation 2.5s infinite linear;
			animation: counter-rotation 2.5s infinite linear;
			-webkit-transform-origin: 100.136px 225.345px;
			-ms-transform-origin: 100.136px 225.345px;
			transform-origin: 100.136px 225.345px; }

		.small-shadow {
			-webkit-animation: counter-rotation 2.5s infinite linear;
			-moz-animation: counter-rotation 2.5s infinite linear;
			-o-animation: counter-rotation 2.5s infinite linear;
			animation: counter-rotation 2.5s infinite linear;
			-webkit-transform-origin: 110.136px 235.345px;
			-ms-transform-origin: 110.136px 235.345px;
			transform-origin: 110.136px 235.345px; }

		.medium {
			-webkit-animation: rotation 3.75s infinite linear;
			-moz-animation: rotation 3.75s infinite linear;
			-o-animation: rotation 3.75s infinite linear;
			animation: rotation 3.75s infinite linear;
			-webkit-transform-origin: 254.675px 379.447px;
			-ms-transform-origin: 254.675px 379.447px;
			transform-origin: 254.675px 379.447px; }

		.medium-shadow {
			-webkit-animation: rotation 3.75s infinite linear;
			-moz-animation: rotation 3.75s infinite linear;
			-o-animation: rotation 3.75s infinite linear;
			animation: rotation 3.75s infinite linear;
			-webkit-transform-origin: 264.675px 389.447px;
			-ms-transform-origin: 264.675px 389.447px;
			transform-origin: 264.675px 389.447px; }

		.large {
			-webkit-animation: counter-rotation 5s infinite linear;
			-moz-animation: counter-rotation 5s infinite linear;
			-o-animation: counter-rotation 5s infinite linear;
			animation: counter-rotation 5s infinite linear;
			-webkit-transform-origin: 461.37px 173.694px;
			-ms-transform-origin: 461.37px 173.694px;
			transform-origin: 461.37px 173.694px; }

		.large-shadow {  
			-webkit-animation: counter-rotation 5s infinite linear;
			-moz-animation: counter-rotation 5s infinite linear;
			-o-animation: counter-rotation 5s infinite linear;
			animation: counter-rotation 5s infinite linear;
			-webkit-transform-origin: 471.37px 183.694px;
			-ms-transform-origin: 471.37px 183.694px;
			transform-origin: 471.37px 183.694px; }

		@-webkit-keyframes rotation {
			from {-webkit-transform: rotate(0deg);}
			to   {-webkit-transform: rotate(359deg);}
		}
		@-moz-keyframes rotation {
			from {-moz-transform: rotate(0deg);}
			to   {-moz-transform: rotate(359deg);}
		}
		@-o-keyframes rotation {
			from {-o-transform: rotate(0deg);}
			to   {-o-transform: rotate(359deg);}
		}
		@keyframes rotation {
			from {transform: rotate(0deg);}
			to   {transform: rotate(359deg);}
		}

		@-webkit-keyframes counter-rotation {
			from {-webkit-transform: rotate(359deg);}
			to   {-webkit-transform: rotate(0deg);}
		}
		@-moz-keyframes counter-rotation {
			from {-moz-transform: rotate(359deg);}
			to   {-moz-transform: rotate(0deg);}
		}
		@-o-keyframes counter-rotation {
			from {-o-transform: rotate(359deg);}
			to   {-o-transform: rotate(0deg);}
		}
		@keyframes counter-rotation {
			from {transform: rotate(359deg);}
			to   {transform: rotate(0deg);}
		}

		@media only screen and (max-width: 767px) {
			.sm-hide{
				display: none;
			}
			.text-size-10-vh{
				font-size: 6vh;
			}
		}