:root{
    --text_color: #ffffff;
    --theme_color: #e5c15e;
    --title_color: #e5c15e;
    --content_color: #31302f;
    --more_color: #ffffff;
    --turning_color: #dcdcda;
    --back_color: #000000;

    --page_color: #d3a339;
    --link_color: #000000;
    --input_color: #fffaed;
}
main{background-color: var(--back_color);}
.in-banner{overflow: hidden;position: relative;}
.in-banner img{width: 100%;height: auto;position: absolute;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}

.cate-list{padding: 95px 0;}
.cate-list ul{grid-template-columns: repeat(4,1fr);grid-gap: 20px;}
.cate-list ul>li{border: 1px solid var(--title_color);}
.cate-list ul>li img{width: 100%;}
.cate-list ul>li .cate-imgs{display: block;height: auto;}
.cate-list ul>li .cate-title{padding: 10px;}
.cate-list ul>li .cate-title a{display: block;text-align: center;color: var(--more_color);font-size: 1.1rem;text-transform: uppercase;}
.cate-list ul>li .cate-down{display: flex;justify-content: center;line-height: 35px;}
.cate-list ul>li .cate-down a{color: var(--more_color);margin: 0 1.0em;}

.layer{padding: 5% 0;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.in-news-title{font-size: 2.5em;text-align: center;color: var(--title_color);font-weight: 600;text-transform: uppercase;padding-bottom: 60px;}
.in-category{margin-bottom: 20px;}
.in-category ul>li a{padding: 10px;font-size: 1.2em;color: var(--more_color);display: block;}

.in-about-item{width: 50%;color: var(--text_color);display: flex;justify-content: center;align-items: center; font-size: 1em;}
.in-about-item .in-about-box{margin-right: 50px;}
.in-about-item h2{font-size: 2.5em;text-transform: uppercase;color: var(--title_color);margin-bottom: 20px;}
.in-about-item p{line-height: 1.5em;}

.param{padding: 2% 0;background-color: var(--back_color);}
.param .param-box{padding: 0 20px;text-align: center;}
.param .param-list ul>li{width: 33.333%;color: var(--more_color);}
.param .param-list ul>li em{display: block;margin-bottom: 20px;}
.param .param-list ul>li h3,.param .param-list ul>li p{margin-bottom: 20px;}
.param .param-list ul>li i{display: inline-block;padding: 20px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;background-color: var(--theme_color);}
.param .param-list ul>li svg{width: 40px;height: 40px;fill: var(--text_color);}

.si-banner{padding: 8% 0;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.si-box{background-color: var(--text_color);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 3px solid var(--theme_color);padding: 5%;}
.single h1.title{text-align: center;font-size: 2.5em;font-weight: 600;text-transform: uppercase;color: var(--back_color);line-height: 1em;margin-bottom: 10px;}
.single p{font-size: 1em;line-height: 1.5em;}
.turn{font-weight: 700;}
.prev,.next{width: 50%;display: flex;}
.turn-icon{display: flex;align-items: center;margin-right: 10px;}
.turn-icon i{padding: 5px;background-color: var(--theme_color);color: var(--more_color);-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;font-size: 24px;}
.turn p{color: var(--theme_color);text-transform: uppercase;line-height: 24px;}
.turn a{color: var(--back_color);line-height: 24px;display: block;}
.prev{border-right:1px solid var(--theme_color) ;}
.next{justify-content: flex-end;}
.next .turn-icon{order: 2;margin-left: 10px;margin-right: 0;}
.next p{text-align: right;}

.related{padding: 30px 0;background-color: var(--back_color);}
.related h2{color: var(--more_color);font-size: 30px;margin-bottom: 20px;}
.related .news ul>li{background-color: var(--more_color);border: 1px solid var(--more_color);}
.related .news ul>li .news-text h3 a,.related .news ul>li .news-more{color: var(--back_color);}

.verif-box{grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
.verif-item{padding: 10px;color: var(--more_color);display: grid;grid-gap: 20px;grid-auto-rows: max-content;}
.verif-item h2{font-size: 1.5em;line-height: 2.5em;}
.verif-item em{display: block;line-height: 1.5em; padding-bottom: 10px;}
.verif-search{padding-bottom: 10px;}
.verif-content{padding-top: 10px;font-size: 1em;line-height: 1.5em;}
/* .verif-content p{white-space: pre;} */
.verif-form{margin-bottom: 10px;}
.verif-form input{padding: 15px;width: 75%;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: none;}
.verif-form button{font-size: 16px;padding: 15px;font-weight: 600;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: var(--theme_color);border: none;cursor: pointer;}
.verif-imgs img{width: 100%;}

.video-iframe{width: 450px;height: 810px;overflow: hidden;border: 0;}

.content-title{text-align: center;padding-bottom: 3%;}
.content-title h1{font-size: 2.5em;color: var(--theme_color);margin-bottom: 20px;}
.content-title p{color: var(--more_color);font-size: 1em;margin-bottom: 10px;}
.content-message{padding: 30px;background-color: var(--text_color);border: 3px solid #e5c15e;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

/* message */
#message{height: 2.4rem;display: block;}
.message .item{margin-bottom: 20px;position: relative;}
.message .item.phone input{padding-left: 70px;}
.message .item.phone .flag{display: flex;align-items: center;position: absolute;left: 2px;top: 50%;transform: translateY(-50%);height: 90%;background-color: #f2ede1;padding: 0 5px;-moz-border-radius: 5px 0 0 5px;-webkit-border-radius:  5px 0 0 5px;border-radius:  5px 0 0 5px;}
.message .item.phone .flag svg{width: 28px;}
.message input,.message textarea{padding: 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: var(--input_color);border: 2px solid var(--link_color);width: 100%;line-height: 1.5em;font-size: 1em;resize: none}
.message button{background-color: var(--link_color);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 1rem;font-size: 16px;width: 100%;border: none;color: var(--more_color);cursor: pointer;margin-bottom: 60px;}
.message-more{color: var(--link_color);font-weight: 600;}


@media screen and (max-width: 767px) {
    .verif-box{grid-template-columns: 1fr ;}

    .video-iframe{width: 100%;}

}