/** FONTS **/
@font-face {
	font-family: 'Conv_FiraSans-Regular';
	src: url('../fonts/FiraSans-Regular.eot');
    src: local('☺'), url('../fonts/FiraSans-Regular.woff') format('woff'), url('../fonts/FiraSans-Regular.ttf') format('truetype'), url('../fonts/FiraSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_FiraSans-Bold';
	src: url('../fonts/FiraSans-Bold.eot');
	src: local('☺'), url('../fonts/FiraSans-Bold.woff') format('woff'), url('../fonts/FiraSans-Bold.ttf') format('truetype'), url('../fonts/FiraSans-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {font-family:'Conv_FiraSans-Regular',Sans-Serif !important; margin: 0px; overflow-x: hidden; font-size: 14px; list-style: normal;}

.header-logo{
    display: flex;
    justify-content: center;
    padding: 20px 0px 50px;
}
section.section{
    padding: 50px 0px 0px;
    overflow: hidden;
    background-image: url('../images/contact-sec-bg.png');
}

section.contact-form-section{
    background-image: url('../images/contact-sec-bg.png');
    position: relative;
}
section.contact-form-section::before{
    content: "";
    position: absolute;
    left: -90px;
    top: 300px;
    width: 750px;
    height: 480px;
    background-image: url('../images/accesories-firl.png');
    background-repeat: no-repeat;
    display: inline-block;
    z-index: 0;
    background-size: cover;
}

section.contact-form-section .brief-and-commision h1 , section.contact-form-section .contatc-form-heading h1{
    color: #182733;
    text-align: center;
}
section.contact-form-section .brief-and-commision h1{
    font-size: 45px;
    font-family: 'Conv_FiraSans-Bold',sans-serif;
}
section.contact-form-section .contatc-form-heading h1{
    font-size: 35px;
    font-family: 'Conv_FiraSans-Bold',sans-serif;
}
section.contact-form-section .brief-and-commision h1 span , section.contact-form-section .contatc-form-heading h1 span{
    color: #de002e;
}
section.contact-form-section .brief-and-commision p{
    color: #182733;
    text-align: center;
}
section.contact-form-section .brief-and-commision p.brief-para{
    color: #6d7379;
}

section.contact-form-section .contatc-form-heading p{
    color: #797e82;
    text-align: center;
    margin: 0;
    padding: 0;
}

form input{
    display: block;
    width: 100%;
    min-height: 40px;
    margin: 10px 0px;
    padding: 10px 20px;
    border: 2px solid #f0f6f8;
}
form input:focus{
    border: 2px solid #182733;
}
input:focus::placeholder{
    color: #182733;
}
label.inp-label span{
    display: block;
    color: #797e82;
}
label.inp-label{
    color: #182733;
}
section .container.line-bottom{
    border-bottom: 2px solid #182733;
    position: relative;
    padding-bottom: 50px;
}
section .container.line-bottom::before{
    content: '';
    border-bottom: 2px solid #de002e;
    position: absolute;
    bottom: -2px;
    left: -200px;
    width: 200px;
}
section .container.line-bottom::after{
    content: '';
    border-bottom: 2px solid #de002e;
    position: absolute;
    bottom: -2px;
    right: -200px;
    width: 200px;
}

section.exact-wording-section{
    color: #182733;
}

label span.optional{
    display: inline;
    color: #de002e;
}

form textarea{
    display: block;
    width: 100%;
    min-height: 40px;
    margin: 10px 0px;
    padding: 10px 20px;
    border: 2px solid #f0f6f8;
}
form textarea:focus{
    border: 2px solid #182733;
}
.fontbase-logo-section .fontbase-logo-heading{
    text-align: center;
}
.fontbase-logo-section .fontbase-logo-heading p.select-category , .fontbase-logo-section .fontbase-logo-heading p.text-treatment{
    color: #b4b7b9;
}
.fontbase-logo-section .fontbase-logo-heading h1{
    color: #182733;
    font-size: 45px;
    font-family: 'Conv_FiraSans-Bold',sans-serif;
}
.fontbase-logo-section .fontbase-logo-heading h1 span{
    color: #de002e;
}
.fontbase-logo-section .fontbase-logo-heading p.font-base-para{
    color: #182733;
}

.fontbase-logo-heading p{
    margin: 0;
}


/* LOGO CATEGORY  */

.logo-categories .category .category-txt p{
    margin: 0;
}
.logo-categories {
    padding-top: 50px;
}

.bluish-color{
    color: #182733;
}

.fontbase-logo-section .logo-categories .category .category-box{
    padding: 20px 5px;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 400px;
    background-color: #ffffff;
    border: 2px solid #f0f6f8;
    margin: 20px 0px;
}

.fontbase-logo-section .logo-categories .category .category-box input{
    position: absolute;
    top: 10px;
    right: 10px;
}

/* SELECT FONT STYLE  */

.fontstyle-section .font-style-heading p{
    margin: 0;
}

.fontstyle-section .fontstyle-box{
    padding: 20px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    max-width: 400px;
    background-color: #ffffff;
    border: 2px solid #f0f6f8;
    margin: 20px 0px;
    min-height: 130px;
}

.fontstyle-section .fontstyle-box input{
    position: absolute;
    top: 10px;
    right: 10px;
}
.fontstyle-section .fontstyle-box label{
    padding: 20px;
    text-align: center;
}



/* YOUR COMPANY LOOKS AND FEELS LIKE OPTIONS SECTION */

.company-lookslike-section p{
    margin: 0;
}

.comapny-looks-option{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px;
    background-color: #ffffff;
    border: 2px solid #f0f6f8;
    margin: 20px 0px;
    min-height: 160px;
}
.comapny-looks-option img{
    width: 150px;
    float: right;
}

.row-comapny-looks-option , .row-fontstyle-boxes{
    justify-content: center;
}
.redish-color{
    color: #de002e !important;
}

/* COLOR PLATE SECTION  */

.color-plate-section .color-label{
    min-width: 50px;
    min-height: 50px;
    background-color: #f3ea09;
}
.color-plate-section .color-box-main{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.color-plate-section .color-box{
    min-width: 12%;
    display: flex;
    justify-content: space-around;
    margin: 10px 2px;
}
.color-plate-section .color-name{
    color: #182733;
    min-width: 50px;
    min-height: 50px;
}
.color-plate-section .color-box input{
    float: right;
    position: absolute;
    right: 3px;
    top: 3px;
}
.color-plate-section .color-box label {
    width: 60px;
    height: 60px;
    position: relative;
}



.color-plate-section .color-box-main .color-box .color-f3ea09{
        background-color: #f3ea09;
}
.color-plate-section .color-box-main .color-box .color-e8d016{
        background-color: #e8d016;
}
.color-plate-section .color-box-main .color-box .color-c3982e{
        background-color: #c3982e;
}
.color-plate-section .color-box-main .color-box .color-eaa81c{
        background-color: #eaa81c;
}
.color-plate-section .color-box-main .color-box .color-db1c24{
        background-color: #db1c24;
}
.color-plate-section .color-box-main .color-box .color-b01419{
        background-color: #b01419;
}
.color-plate-section .color-box-main .color-box .color-d7a475{
        background-color: #d7a475;
}
.color-plate-section .color-box-main .color-box .color-987347{
        background-color: #987347;
}
.color-plate-section .color-box-main .color-box .color-604d2f{
        background-color: #604d2f;
}
.color-plate-section .color-box-main .color-box .color-5eaeeb{
        background-color: #5eaeeb;
}
.color-plate-section .color-box-main .color-box .color-5278b9{
        background-color: #5278b9;
}
.color-plate-section .color-box-main .color-box .color-21458f{
        background-color: #21458f;
}
.color-plate-section .color-box-main .color-box .color-eec2d9{
        background-color: #eec2d9;
}
.color-plate-section .color-box-main .color-box .color-db298b{
        background-color: #db298b;
}
.color-plate-section .color-box-main .color-box .color-8a288f{
        background-color: #8a288f;
}
.color-plate-section .color-box-main .color-box .color-c088ad{
        background-color: #c088ad;
}
.color-plate-section .color-box-main .color-box .color-835b7d{
        background-color: #835b7d;
}
.color-plate-section .color-box-main .color-box .color-552354{
        background-color: #552354;
}
.color-plate-section .color-box-main .color-box .color-8fc833{
        background-color: #8fc833;
}
.color-plate-section .color-box-main .color-box .color-61a54e{
        background-color: #61a54e;
}
.color-plate-section .color-box-main .color-box .color-3a6434{
        background-color: #3a6434;
}

.color-plate-section .color-box-main .color-box .color-c9cacc{
        background-color: #c9cacc;
}
.color-plate-section .color-box-main .color-box .color-818286{
        background-color: #818286;
}
.color-plate-section .color-box-main .color-box .color-000000{
    background-color: #000000;
}

.brieform-btn{
    min-width: 120px;
    min-height: 40px;
    background-color: #182733;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    transition: all 1s ease;
    border: 2px solid #182733;
}
.brieform-btn:hover{
    background-color: #de002e;
    transition: all 1s ease;
    letter-spacing: 2px;
    border: 2px solid #de002e;
}
.brieform-btn-div{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.color-plate-section .color-box-main .color-box label.other-color{
    width: 60px;
    height: 60px;
    background-color: transparent;
}
.fontstyle-section .fontstyle-box input.other-font{
    position: relative;
    top: unset;
    right: unset;
    border: none;
}
.color-plate-section .color-box input.other-color-input{
    width: 60px;
    height: 60px;
    position: relative;
    right: unset;
    top: unset;
}

.color-plate-section input.other-color {
    display: block;
    width: 100%;
    min-height: 40px;
    margin: 10px 0px;
    padding: 10px 20px;
    border: 2px solid #f0f6f8;
}

.fontstyle-section  input.other-font {
    display: block;
    width: 100%;
    min-height: 40px;
    margin: 10px 0px;
    padding: 10px 20px;
    border: 2px solid #f0f6f8;
}
section.section.fontbase-logo-section {
    padding: 30px 0px;
}

section.section.company-lookslike-section {
    padding: 30px 0px;
}

section.section.color-plate-section {
    padding: 30px 0px;
}