:root {


    --color1: #E2BB53;


    --color2: #1A1A1A;


    --color3: #333333;


    --color4: #FF0000;


    --color5: #F0F0F0;


    --color6: #04B4E4;


    --white: #FFFFFF;


    --black: #000000;


    --cltext: #333333;


    --cltexth: #666666;


}





img {


    max-width: 100%;


}





button {


    cursor: pointer;


}





.v3_modules_iframe {


    width: 100%;


    height: 100vh;


    border: 0px;


    margin: 0px;


    padding: 0px;


}





.box-squatity {


    display: inline-block;


}





.box-ckediter {


    font-size: 16px;


    line-height: 24px;


}





.box-ckediter p {


    margin: 10px 0px;


}





.box-ckediter br {


    line-height: 10px;


}





.box-ckediter ul {


    padding: 0px;


    padding-left: 10px;


    margin: 0;


    list-style: none;


}





/* li {


    list-style: none;


}





ul {


    list-style: none;


    padding: 0;


    margin: 0;


} */





body {


    font-size: 14px;


    font-family: "Roboto", "Roboto Condensed", "sans-serif", "Arial";


    margin: 0;


}





* {


    -webkit-box-sizing: border-box;


    -moz-box-sizing: border-box;


    box-sizing: border-box;


}





a {


    text-decoration: unset;


}





.hopdong_page .container {


    max-width: 800px;


    margin-right: auto;


    margin-left: auto;


    width: 100%;


    display: flow-root;


}





.hopdong_page .container .rows {


    display: flow-root;


}





.row {


    display: flex;


    flex-wrap: wrap;


    justify-content: space-between;


}





.rows .col {


    float: left;


    padding: 0px;


    margin: 0px;


}





.hidden {


    display: none !important;


}





.rows .col-12 {


    width: 100%;


}





@media (min-width: 1200px) {


    .hopdong_page .container {


        max-width: 800px;


    }


}





@media (max-width: 1260px) {


    .hopdong_page .container {


        padding-left: 15px;


        padding-right: 15px;


    }


}





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


    .hopdong_page .container {


        width: 100%;


        /* max-width: 400px; */


        min-width: 300px;


        padding-right: 15px;


        padding-left: 15px;


    }


}





.col.show_actice {


    display: block;


    width: 100%;


}