.ctpl-col-two{padding:35px 0;}
.ctpl-col-two .i-text, .ctpl-col-two .i-img{width:46%;}
.ctpl-col-two .i-text-left, .ctpl-col-two .i-img-left{float:left;}
.ctpl-col-two .i-text-right, .ctpl-col-two .i-img-right{float:right;}
.ctpl-col-two .i-text h3{font-size:30px;margin-bottom:25px;}
.ctpl-col-two .i-text p{margin:0;line-height:175%;font-size:16px;}
.ctpl-col-two .i-text .i-btn{margin-top:45px;}
.ctpl-col-two .i-text li{list-style:disc;margin:0 0 7px 15px;font-size:16px;}
.ctpl-col-two img{width:100%;}

/* https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html */
.ctpl-grid-limg-rtext, .ctpl-grid-rimg-ltext{display:grid;grid-template-columns:52% 48%;padding:35px 0;
align-items:center;align-content:center;/*place-content:center;place-items:center;*/}
.ctpl-grid-limg-rtext .i-text-b, .ctpl-grid-rimg-ltext .i-text-b{/*word-wrap:break-word;word-break:break-all;*/}
.ctpl-grid-limg-rtext .i-img img, .ctpl-grid-rimg-ltext .i-img img{width:100%;}
.ctpl-grid-limg-rtext .i-text h3, .ctpl-grid-rimg-ltext .i-text h3{font-size:29px;margin-bottom:25px;}
.ctpl-grid-limg-rtext .i-text p, .ctpl-grid-rimg-ltext .i-text p{margin:0;}
.ctpl-grid-limg-rtext .i-text li, .ctpl-grid-rimg-ltext .i-text li{list-style:disc;margin-left:15px;}
.ctpl-grid-limg-rtext .i-btn, .ctpl-grid-rimg-ltext .i-btn{margin-top:45px;}
.ctpl-grid-rimg-ltext .i-img{grid-area:1/2;}
.ctpl-grid-rimg-ltext .i-text{grid-area:1/1;}
.ctpl-grid-limg-rtext .i-img-b, .ctpl-grid-rimg-ltext .i-text-b{margin-right:90px;}

.ctpl-line{width:100%;clear:both;height:1px;background-color:#EEE;margin:60px 0;}

/* header-items*/
.ctpl-header-items{padding:35px 0;}
.ctpl-header-items .i-header{width:600px;margin:0 auto 60px auto;text-align:center;}
.ctpl-header-items .i-header h2{font-size:32px;margin:0;}
.ctpl-header-items .i-header p{margin:20px 0 0 0;}
.ctpl-header-items .i-items{display:grid;grid-template-columns:33.33% 33.33% 33.33%;}
.ctpl-header-items .i-col{padding:60px 50px;text-align:center;margin:15px;
border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
-moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}
.ctpl-header-items .i-col h3{font-size:23px;margin:0 0 23px 0;}
.ctpl-header-items .i-col p{margin:0;}
.ctpl-header-items .i-col .i-btn{margin-top:20px;}
.ctpl-header-items .i-col li{list-style:disc;text-align:left;}

/* title-btn */
.ctpl-title-btn{padding:35px 0;width:660px;margin:0 auto;text-align:center;}
.ctpl-title-btn p{font-size:16px;color:#3c3c3b;}
.ctpl-title-btn .i-btn{margin-top:50px;}

.ctpl-title-text{padding:35px 0;}

.our-precess .i-text-b{padding:40px;background-color:#F2F2F2;}

/* step */
.ctpl-step .i-header{width:640px;margin:0 auto 80px auto;text-align:center;}
.ctpl-step .i-header h2{font-size:32px;margin:0;font-weight:700;}
.ctpl-step .i-header p{margin:20px 0 0 0;}
.ctpl-step .i-step{margin-bottom:60px;}
.ctpl-step .i-step li{float:left;overflow:hidden;position:relative;}
.ctpl-step .i-step2 li{width:50%;}
.ctpl-step .i-step3 li{width:33.33%;}
.ctpl-step .i-step4 li{width:25%;}
.ctpl-step .i-step5 li{width:20%;}
.ctpl-step .i-step6 li{width:16.66%;}
.ctpl-step .i-step-line{position:absolute;top:20px;left:0;width:100%;height:4px;background-color:#BBB;}
.ctpl-step .i-step li.on .i-step-line{background-color:#ad8653;}
.ctpl-step .i-step li.finish .i-step-line{background-color:#d1b897;}
.ctpl-step .i-step-h, .ctpl-step h3 span{position:relative;z-index:2;margin:0 auto;width:38px;height:38px;line-height:38px;
text-align:center;font-size:18px;border:3px solid #BBB;background-color:#FFF;color:#BBB;
border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.ctpl-step .i-step li.on .i-step-h{border-color:#ad8653;color:#ad8653;}
.ctpl-step .i-step li.finish .i-step-h{border-color:#d1b897;color:#d1b897;}
.ctpl-step .i-step-s{margin-top:10px;padding:0 10px;color:#BBB;font-size:14px;text-align:center;}
.ctpl-step .i-step li.on .i-step-s{color:#ad8653;}
.ctpl-step .i-step li.finish .i-step-s{color:#d1b897;}
.ctpl-step .i-content{display:none;}
.ctpl-step .i-content:first-child{display:block;}
.ctpl-step .i-img{float:left;width:46%;}
.ctpl-step .i-text{float:right;width:46%;}
.ctpl-step .i-btns{margin-top:40px;}
.ctpl-step .i-btn-prev{float:left;}
.ctpl-step .i-btn-next{float:right;}
.ctpl-step h3{font-size:29px;margin-bottom:25px;}
.ctpl-step h3 span{display:inline-block;border-color:#264653;color:#264653;font-weight:700;font-size:23px;margin-right:12px;}

/* faq */
.ctpl-faq .i-header{text-align:center;margin-bottom:30px;}
.ctpl-faq .i-item-text{overflow:hidden;opacity:0;height:0;}
.ctpl-faq .i-item-h{position:relative;cursor:pointer;padding:7px 0;}
.ctpl-faq .i-item-h:hover{background-color:#F2F2F2;color:#ad8653;padding-left:13px;}
.ctpl-faq .i-title{display:block;float:left;font-size:18px;padding-right:22px;width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);width: calc(100% - 50px);}
.ctpl-faq .i-idx{display:block;float:left;width:28px;}
.ctpl-faq .i-item-h:hover .i-title, .ctpl-faq .i-item.on .i-title, 
.ctpl-faq .i-item-h:hover .i-idx, .ctpl-faq .i-item.on .i-idx, 
.ctpl-faq .i-item-h:hover .i-arrow{color:#ad8653;}
.ctpl-faq .i-arrow{position:absolute;right:5px;top:6px;}
.ctpl-faq .i-item{overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.ctpl-faq .i-item.on{background-color:#F2F2F2;padding:10px 20px;}
.ctpl-faq .i-item.on .i-item-text{opacity:1;height:auto;padding:8px 15px 20px 40px;}
.ctpl-faq .i-item.on .i-item-h{padding-left:13px;color:#ad8653;}
.ctpl-faq .i-item.on .i-arrow{display:none;}

/* gallery */
.ctpl-gallery .i-header{margin-bottom:35px;}
.ctpl-gallery .i-header h2{font-size:32px;margin:0;font-weight:700;}
.ctpl-gallery .i-items{display:grid;grid-gap:10px;}
.ctpl-gallery .i-items-2{grid-template-columns:49.5% 49.5%;}
.ctpl-gallery .i-items-3{grid-template-columns:32.5% 32.5% 32.5%;}
.ctpl-gallery .i-items-4{grid-template-columns:24.5% 24.5% 24.5% 24.5%;}
.ctpl-gallery img{width:100%;}



/* ----------- common ---------- */
.ctpl-col-two .i-text h3,
.ctpl-header-items .i-items h3,
.ctpl-header-items .i-header h2,
.ctpl-title-text h3 {font-weight:700;}

.ctpl-col-two .i-text h3, 
.ctpl-title-text h3, 
.ctpl-title-btn h2, .ctpl-faq .i-header h2
{font-size:32px;margin-bottom:30px;font-weight:700;}

.ctpl-header-items .i-col,
.ctpl-faq .i-item-h, .ctpl-faq .i-item-text{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.ctpl-header-items .i-col:hover{-moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}

/* ----------- media ---------- */
@media screen and (max-width:769px){
.ctpl-header-items .i-items{display:grid;grid-template-columns:100%;}

.ctpl-col-two .i-text, .ctpl-col-two .i-img{width:100%;}
.ctpl-col-two .i-text{margin-top:35px;}

.ctpl-grid-limg-rtext, .ctpl-grid-rimg-ltext{display:block;}
.ctpl-grid-limg-rtext .i-text, .ctpl-grid-rimg-ltext .i-text{margin-top:25px;}
.ctpl-grid-limg-rtext .i-img-b, .ctpl-grid-rimg-ltext .i-text-b{margin-right:0;}
}

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


.ctpl-line{margin:40px 0;}

.ctpl-header-items .i-header, 
.ctpl-title-btn{width:auto;}

.ctpl-header-items .i-col{padding:40px;margin:15px 0;}

.ctpl-step .i-header{width:auto;margin-bottom:50px;}
.ctpl-step .i-step-h, .ctpl-step h3 span{width:28px;height:28px;line-height:28px;font-size:13px;border-width:2px;}
.ctpl-step .i-step-line{height:2px;top:15px;}
.ctpl-step .i-step-s{margin-top:5px;padding:0 5px;font-size:10px;}
.ctpl-step .i-img, .ctpl-step .i-text{float:none;width:100%;}
.ctpl-step .i-text{margin-top:25px;}
.ctpl-step h3{font-size:23px;}

.ctpl-faq .i-arrow{top:10px;}

.ctpl-gallery .i-items{grid-gap:5px;}
}