.main.contact{  
    .section{   
        padding-bottom: 80px; 
        .content{
            position: relative; 
            input {
                background-color: transparent;
                // border: none;
                // border-radius: 0px;
                // border-bottom: 1px #ccc solid;
            }
            textarea {
                background-color: transparent;
                border-radius: 5px;
                border-color: #ccc;
                color: map-get($cisColor, third);
                outline: none;
            }
            .clip {
                position: relative;
            }
            .col-form-label {
                width:180px;
                font-size: 18px;
                font-weight: bold;
                line-height: 20px;
                color: map-get($cisColor, master);
                padding-left: 10px;
                span {
                    font-size: 14px;
                    color: #999;
                }
            }
            .sendBtn{
                width:140px;
                margin: 30px auto;
                text-align: center;
                border: 1px map-get($cisColor, third) solid;
                border-radius: 30px;
                padding: 5px 0;
                cursor: pointer;
                transition: all .3s;
                &:hover{
                    width:180px;
                    color: #fff;
                    background-color: map-get($cisColor, master);
                    border: 1px map-get($cisColor, master) solid;
                }
            }
            .block{
                padding-bottom: 25px;
                .title{
                    font-size: 20px;
                    font-weight: bold;
                    margin-bottom: 10px;
                }
                ul{
                    li{
                        font-size: 16px;
                        padding: 2px 0;
                        text-indent: -32px;
                        i,svg{
                            margin-right: 10px;
                            color: map-get($cisColor, master);
                        }
                    }
                }
                &+.block{
                    padding-top: 25px;
                    border-top: 1px #ddd solid;
                }
            }
        }          
    }
}



/* ==============================================  media  ============================================ */

@media (max-width: 992px) {

}

@media (max-width: 768px) {  
    .main.contact{  
        .section{
            .content{   
                .imgCnt{
                    float: initial;
                    width:100%;
                    height:400px;
                }
                .block{
                    ul{
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }
}

@media (max-width: 480px) {

}
















.formSec {
    background-color: #343b4e;
    border-bottom: 1px #646c81 solid;
    padding-bottom: 100px;
    
}
