/*------------ about-editor ------------*/

.row_{

    display: flex;

}

.about-editor .row_1{

    justify-content: space-between;

    align-items: flex-start; 

    margin-bottom: 70px;

}

.about-editor .about-title{

    color: #262626;

    font-size: 29px;

    font-family:Roboto;

    font-weight: 300;

    margin: 0;



}

.about-editor .about-title:after{

    content: '';

    background: #4F4F4F;

    height: 1px;

    width: 60px;

    display: block;

    margin-top: 20px;

    margin-bottom: 0;

}

.about-editor .row_2{

    margin-top: 40px;

}

.about-editor .row_2 .col{

    flex-basis:  50%;

    position: relative;

}



.about-editor .row_2 .txt_box{

    margin-top: 65px;

    border:solid 1px #4F4F4F;

    display: block;

    padding:50px;

    position: relative;

    margin-right: -100px;

    color: #000000;

    box-sizing: border-box;

}

.as_title{

    margin-bottom: 10px;

}

.as_txt{

    line-height: 2;

    padding-left: 35px;

}

.about-editor .row_2 .col1:after{

    content: '';

    display: block;

    position: absolute;

    width: 126px;

    background: #fff;

    height: 65px;

    right: -100px;

    bottom: 0;

    z-index: 3;



}

.about-editor .row_2 .col2{

    position: relative;

    z-index: 4;

    text-align: center;

}

.about-editor .row_3{

    align-items: flex-end;

}

.about-editor .row_3 .col{

    flex-basis:  50%;

}

.about-editor .row_3 .txt_box{

    margin-top: -65px;

    border:solid 1px #4F4F4F;

    display: block;

    padding:115px 50px 50px;

    position: relative;

    margin-left: -26px;

    color: #000000;

}

/*------------ service-editor ------------*/

.s_title{

    color: #FFFFFF;

    margin-bottom: 15px;

}

.s_txt{

    color: #ACACAC;

    margin-bottom: 40px;

}

.s_txt:last-child{

    margin-bottom: 0px;

}

.service-editor .row_{

    margin-bottom: 40px;

}

.service-editor .row_ .col1{

    width: 40%;

}

.service-editor .row_ .col2{

    width: 60%;

    padding:0px 30px;

}



/*------------ contact-editor ------------*/



.contact-editor .col {

    float: left;

}



.contact-editor .col + .col {

    margin: 0 0 0 25px;

}



.contact-editor i {

    width: 30px;

    height: 30px;

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    transform-origin: 50% 50%;

    transform: rotate(-45deg);

    background:#f17d29;

    border-radius: 10px;

    color: #fff;

    line-height: 30px;

    position: relative;

    margin: 0 20px 0 0;

}



.contact-editor i:before {

    transform: rotate(45deg);

    display: inline-block;

    font-family: 'icon-font' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.contact-editor .tel i:before {

    content: "\e1005";

}



.contact-editor .mail i:before {

    content: "\e1003";

}



.contact-editor .add i:before {

    content: "\e1001";

}



.contact-editor .col a,

.contact-editor .col span {

    display: inline-block;

    width: calc(100% - 50px);

    vertical-align: middle;

}





/*------------ video-editor ------------*/



.video-editor .pic {

    float: left;

    margin-right: 25px;

}





/*------------ terms-editor ------------*/



.terms-editor {

    font-size: 15px;

    line-height: 2;

}



.terms-editor .title {

    font-size: 17px;

    color: #f17d29;

    margin: 0;

}



.terms-editor p {

    text-indent: 0em;

    margin: 0 0 50px;

}



.terms-editor .row {

    margin: 0 -27px;

}



.terms-editor .col {

    padding: 0 27px;

    width: 50%;

    float: left;

    box-sizing: border-box;

}





/*------------ index-editor ------------*/



.index-about-editor {

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 130px;

    color: #6C6C6C;

    padding-left: 88px;

    padding-right: 39px;

    position: relative;

    line-height: 1.75;

}

.index-about-editor:before{

    content: '';

    height: 1px;

    width: 52px;

    background: #000000;

    display: block;

    position: absolute;

    top: 10px;

    left: 20px;

}



/*------------ rwd ------------*/



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

 .about-editor .row_2 .txt_box{

    padding:50px 90px 50px 50px;

 }

}



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

    .contact-editor .col + .col {

        margin: 25px 0 0 0;

    }

    .contact-editor .col {

        float: none;

    }



}



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

    .row_{

        display: block;

    }

    .about-editor .row_1 .col{

        margin-bottom: 20px;

    }

    .about-editor .row_1{

        margin-bottom: 40px;

    }

    .about-editor .row_2{

        margin-top: 20px;

    }

    .about-editor .row_2 .col1:after{

        display: none;

    }

    .about-editor .row_2 .col,.about-editor .row_3 .col{

        margin-bottom: 20px;

    }

    .about-editor .row_2 .txt_box,.about-editor .row_3 .txt_box{

        padding:0px;

        border:none;

        margin-right: 0px;

        margin-left: 0;

        margin-top: 0;

    }

    .about-editor .row_2 .col2{

        text-align: left;

    }

    .index-about-editor{

        padding: 0;

        height: auto;

    }

    .service-editor .row_ .col2,.service-editor .row_ .col1{

        width: 100%;

        margin-bottom: 20px;



    }

    .service-editor .row_ .col2{

        padding: 0

    }

    .contact-editor i{

        text-indent: 0px;

        line-height: 35px;

    }





}



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

    .terms-editor .row {

        margin: 0;

    }

    .terms-editor .col {

        padding: 0;

        width: 100%;

    }

}