/* COMMON */

    .avt-h{
        margin: 0px;
        padding: 0px 0px;
        font-family: 'Montserrat', sans-serif;
        color: #333;
        font-weight: 300;
    }

    .avt-h1{
        font-size: 24px;
        color: #333;
        font-weight: bold;
        text-transform: uppercase;
    }

    .avt-mb-80{
        margin-bottom: 80px;
    }

    .avt-mb-40{
        margin-bottom: 40px;
    }

    .avt-mb-20{
        margin-bottom: 20px;
    }

    .avt-mb-10{
        margin-bottom: 10px;
    }

    .avt-mb-5{
        margin-bottom: 5px;
    }

/* FORM */

    .avt-form{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;

        width: 800px;
        padding: 0px;
        margin: 0px auto;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.22), 0 0 10px 0 rgba(0,0,0,.10);
        position: relative;
        border-radius: 10px;
    }

    .avt-form-header{
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 20px;
        color: #fff;
    }

    .avt-form-header-button{
        padding: 3px 10px 3px 10px;
        cursor: pointer;
    }

    .avt-form-header-button:hover{
        color: #ddd;/* 393 */
    }

    .avt-form-main,
    .avt-form-detail{
        width: 50%;
        padding: 80px 40px 80px;
        color: #333;
    }

    .avt-form-detail{
        min-height: 610px;
    }

    .avt-form-main-logo{
		width: 20%;
		margin: 0px auto 40px;
	}

    .avt-form-main-title{
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
    }

    .avt-form-main-material{
        font-size: 22px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        color: #3eb095;
        margin-top: 40px;
    }

    .avt-form-detail{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;

        border-radius: 0px 10px 10px 0px;

        /*background-color: #3932;*/
        /*background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);*/
        /*background-image: linear-gradient(to right top, #01669c, #0078a3, #008891, #00bf72, #9bd917);*/
        background-image: linear-gradient(to left top, #49b48b, #3eb095, #38ac9d, #39a7a2, #40a2a6, #3f9ea9, #419aab, #4596ac, #4292af, #428eb1, #458ab3, #4b85b4);
        /*opacity: 0.8;*/
    }

    .avt-form-detail-label{
        font-size: 12px;
        font-weight: 500;
        color: #fff;
    }

    .avt-form-detail-textarea,
    .avt-form-detail-input{
        width: 100%;
        padding: 7px 10px;
        border-radius: 3px;
    }

    .avt-form-detail-input::-webkit-input-placeholder {color:#bbb;}
	.avt-form-detail-input::-moz-placeholder          {color:#bbb;}/* Firefox 19+ */
	.avt-form-detail-input:-moz-placeholder           {color:#bbb;}/* Firefox 18- */
	.avt-form-detail-input:-ms-input-placeholder      {color:#bbb;}

    .avt-form-detail-selected{
        width: 100%;
        height: 46px;
        padding: 0;
        /*line-height: 1;*/
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
    }

    .avt-form-detail-textarea::-webkit-input-placeholder {color:#bbb; font-size: 12px;}
	.avt-form-detail-textarea::-moz-placeholder          {color:#bbb; font-size: 12px;}/* Firefox 19+ */
	.avt-form-detail-textarea:-moz-placeholder           {color:#bbb; font-size: 12px;}/* Firefox 18- */
	.avt-form-detail-textarea:-ms-input-placeholder      {color:#bbb; font-size: 12px;}

    .avt-button{

        width: 80%;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
        padding: 10px 20px;
        margin: 0px auto;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
}


    .avt-button:hover{
        background-color: #fff3;
    }
    
    .avt-form-main-tags{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .avt-form-main-tags-item{
        margin-bottom: 10px;
        cursor: pointer;
 
        background-color: #f8f8f8;
        border-radius: 50px;
        color: #777;
        text-align: center;
        padding: 8px 15px;
        font-size: 11px;
        font-weight: 600;
        margin-right: 15px;
    }

    .avt-form-main-tags-item:hover{
        background-color: #eee;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.22), 0 0 10px 0 rgba(0,0,0,.10);
    }

    .avt-form-main-tags-item--active{
        background-color: #eee;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.22), 0 0 10px 0 rgba(0,0,0,.10);
    }