.compole_main {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.compole_te{
    max-width: 1200px;
    line-height: 2.1em;
    color: #274056;
    margin: 0px auto;
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-top: 2%;
}
.compole_card{
    max-width: 1400px;
    margin: 0px auto;
    margin-bottom: 30px;
}

.from_dede{
display: flex;
    flex-wrap: nowrap;

}

.basic-grey {

    margin-left:auto;

    margin-right:auto;

    max-width:900px;



    font:12px Georgia, "Times New Roman", Times, serif;

    color:#888;

    text-shadow:1px 1px 1px #FFF;



}



.basic-grey label {

    display:block;

    margin:0px auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}



.basic-grey input[type="name"],

.basic-grey input[type="phone"],

.basic-grey select {


    border:1px solid #DADADA;

    color:#888;

    height:60px;

    margin-bottom:16px;

    margin-right:6px;

    margin-top:2px;
    border-radius: 15px;
    outline:0 none;

   padding-left: 20px;

    width:70%;

    font-size:12px;

    line-height:15px;

    box-shadow:inset 0px 1px 4px #ECECEC;

    -moz-box-shadow:inset 0px 1px 4px #ECECEC;

    -webkit-box-shadow:inset 0px 1px 4px #ECECEC;

    margin-right: 26%;
}


.from_tete{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.basic-grey textarea {
    border-radius: 15px;
    height:100px;
    border:1px solid #DADADA;


    color:#888;
    resize:none;


padding: 20px;
    margin-bottom:16px;

    margin-right:6px;

    margin-top:2px;

    outline:0 none;


  margin-left: 10%;
    margin-right: 10%;
    width:80%;

    font-size:12px;

    line-height:15px;

    box-shadow:inset 0px 1px 4px #ECECEC;

    -moz-box-shadow:inset 0px 1px 4px #ECECEC;

    -webkit-box-shadow:inset 0px 1px 4px #ECECEC;

}

/*
.basic-grey .button {

    background:#274056;

    border:none;
    border-radius: 99px;

    padding:10px 65px 10px 65px;

    color:#FFF;
    font-size: 22px;
    box-shadow:1px 1px 5px #B6B6B6;


    text-shadow:1px 1px 1px white;

    cursor:pointer;

}
*/
@media screen and (max-width:850px){

    .basic-grey input[type="name"],

    .basic-grey input[type="phone"] {
       margin-left: -30px;
    }
}

    @media screen and (max-width:750px){
        .basic-grey textarea {
            margin-top: -50px;
        }
/*
        .basic-grey .button {
            margin-left: -40px;
        }
    }
*/

    @media screen and (max-width:600px){



    .basic-grey input[type="name"],

    .basic-grey input[type="phone"] {

        width: 150px;
    }
    #name{
        margin-left: -30px;
    }
    #phone{
        margin-left: -80px;
    }

}