@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css?family=Squada+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=El+Messiri&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pinyon+Script&display=swap');
.pc { display:inherit;}
.mobile { display:none!important;}
.time {
	font-size: 13px;
    width: 100%;
    display: block;
    text-align: right;
    margin-top: 10px;
	color: #967a56;
}
.title_s{
	    font-size: 13px;
    margin-top: 13px;
    color: #bbb;

}

::selection {
    background: #000;
    color: #fff;
}

/*
.post-project2 > a {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
    -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
    -ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
    transition: background-color 0.5s ease, transform 0.5s ease;
}
.post-project2:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 1;
    transition: opacity 0.35s, -webkit-transform 0.7s;
    transition: opacity 0.35s, transform 0.7s;
    transition: opacity 0.35s, transform 0.7s, -webkit-transform 0.7s;
    will-change: opacity, transform;
}
.post-project2 img {
    opacity: 1;
    transition: opacity 0.35s, -webkit-transform 0.7s;
    transition: opacity 0.35s, transform 0.7s;
    transition: opacity 0.35s, transform 0.7s, -webkit-transform 0.7s;
}
*/

.link:hover { opacity: 0.8;}
.news_li {
    margin-bottom: 15px;
    border-bottom: 1px #dbdbdb dotted;
	padding: 20px 20px 15px 20px;
}

/*
.rd-navbar-nav li a:active {
    border-bottom: 2px #fffefe solid;
    display: block;
    width: 100%;
    animation: out .3s;
    padding-bottom: 5px;

}
.rd-navbar-nav li a:hover {
	 animation: in .3s forwards;
	opacity: 1;
    border-bottom: 2px #000 solid;
    display: block;
	    padding-bottom: 3px;

}
.rd-navbar-nav .active {
		 animation: in .3s forwards;
	opacity: 1;
    border-bottom: 2px #000 solid;
    display: block;
}
*/

.rd-navbar-nav li a:hover:before {
	    -webkit-transform: translate(-50%) scaleX(1);
    transform: translate(-50%) scaleX(1);
}
.rd-navbar-nav li a:before {
	    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #8a8a8a;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%) scaleX(0);
    transform: translate(-50%) scaleX(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.title {
padding:0px 0px 8px 0px;
	border-bottom: 2px #8a8a8a solid;
	display: inline-block;
	text-shadow: #bfbfbf 0.1em 0.1em 0.2em;
	text-align:left;
}
.rd-navbar-nav .active a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #8a8a8a;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    -webkit-transform: translate(-50%) scaleX(1);
    transform: translate(-50%) scaleX(1);
}

.logo_name { text-align: left;}
.cl_logo { 
position: initial;
    top: 40vh;
    left: 14vw;
}
.cl_logo3 { 
position: fixed;
    top: 18vh;
    left: 12vw;
}


.news_li2 { 
margin-bottom: 50px;
    padding-bottom: 15px;
    background: #f6f6f6;
    overflow: hidden;
    padding: 20px;
}

.section-xs {
    padding-top: 80px!important;
    padding-bottom: 100px;
}
.vhi {min-height: 83vh;}
.art_text {font-size: 15px; text-align: left; margin-top: 70px;}
.art_photo {
    margin-bottom: 40px;
    position: fixed;
    top: 19.7vh;
    left: 15vw;
    width: 100%;
    max-width: 390px;
	
}
.cl_logo2 {
	position: fixed;
    top: 24vh;
    left: 24vw;
	
}
.shadow {box-shadow: 8px 7px 10px 1px #cfcdcd;}
.links_title {
    font-size: 26px;
    /* font-weight: bold; */
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px #d3d3d3 dotted;
    font-family: 'El Messiri', sans-serif;
    text-align: left;
    margin-top: 55px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.art_title {
    /* font-family: 'Anton'; */
    position: relative;
    display: inline-block;
    font-weight: bold;
}
.art_stext {
	    font-size: 17px;
    display: block;
    font-family: sans-serif;
    color: #666;
}



 .art_title:hover:before {
	    -webkit-transform: translate(-50%) scaleX(1);
    transform: translate(-50%) scaleX(1);
}
 .art_title:before {
	    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #8a8a8a;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%) scaleX(0);
    transform: translate(-50%) scaleX(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.art_box {
    padding: 30px 10px;
    box-shadow: 0 2px 12px rgba(136, 136, 136, 0.3);
}

.art_top {
	    text-align: center;
    margin-bottom: 20px;
    border-bottom: 3px #000 solid;
    padding-bottom: 20px;
}
.art_txt {
	    max-width: 1416px;
}
.cvmenu {
	    max-width: 400px;
	    margin: auto;
}
.cv_box li{
	    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
	position: relative;
}
.cv_box li:before {
	    content: "●";
    position: absolute;
    left: 0px;
}


.cv_time {
font-size: 26px;
    margin-top: 50px;
    font-family: 'El Messiri', sans-serif;
}


.cv_title {
	    font-weight: bold;
    margin-bottom: 20px;
   
}

.nav-item { width: 100%;}
.art_info_box {
	text-align: left;
	font-size: 15px;
	    margin-bottom: 30px;
}
.art_info {
    margin-bottom: 25px;
	    margin-top: 70px;
}





 .nav-item:hover:before {
	    -webkit-transform: translate(-50%) scaleX(1);
    transform: translate(-50%) scaleX(1);
}
 .nav-item:before {
	    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #8a8a8a;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%) scaleX(0);
    transform: translate(-50%) scaleX(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

 .nav-item .active:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #8a8a8a;
    -webkit-transform-origin: center;
    transform-origin: center;
   
}
.pro_time {
	font-size: 25px;
    display: block;
    line-height: 19px;
	font-family: 'El Messiri', sans-serif;
	color: #333;
}
.art_title2 {
font-family: 'El Messiri', sans-serif;
    position: relative;
    display: inline-block;
}
.item { position: relative;}

.video_icon {
	
	    position: absolute;
    font-size: 36px;
    z-index: 9;
    left: 50%;
    margin-left: -18px;
    top: 13px;
}

.video_icon2 {
    position: absolute;
    font-size: 100px;
    z-index: 9;
    left: 50%;
    margin-left: -50px;
    top: 32%;
}
	.sdw {
		box-shadow: 0px 5px 10px 0px rgba(89, 89, 89, 0)
	}
	
.owl-nav { position: relative;}
.news_li2 h6 {
	min-height: 72px;
}

.tab-pane2 .cv_title {

}
.tab-pane2  {
	
}
.hcv { height: 90px;}
.art_txt2 { width: 1416px;}
.art_h {
	min-height: 115px;
	text-align: center;
}
.in_h { margin-top: 74px;}
.art_photo2 {
	    position: inherit;
    top: 77px;
    left: 0px;
    width: 100%;
    max-width: 450px;
}

.pr_top { display: block;}
.pr_order {
	    order: 2;
}
.pr_order2 {
	    order: 1;
}

.pt {font-size: 40px;line-height: 1.2;}


.slick-slider {
   overflow: hidden;
    max-height: 446px;
}

.info_photo {
	padding-left: 5px;
    overflow: overlay;
    height: 71vh;
}



.swiper-container:nth-child(even) {
        width: 100%;
        min-height: 440px;
        margin-left: auto;
        margin-right: auto;
	height: auto;
    }
.swiper-container:nth-child(odd){
        width: 100%;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
	
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
		     background-size: cover;
        background-position: center;

    }
    .swiper-container .swiper-slide {
       
    }
   /* .swiper-container .swiper-slide:nth-child(2n) {
        height: 500px;
        line-height: 500px;
    }
    */

  .gallery-top {
        height: 80%;
        width: 100%;
    }
    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
	
    }
    .gallery-thumbs .swiper-slide {
        width: 24%;
        height: 50%;
        opacity: 0.4;
		    display: inline-block;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
    .swiper-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	min-height: 200px;
	/* Fix of Webkit flickering */
	z-index: 1;
	height: 100vh;
}

.swiper-d {
	transform: translate3d(0px, 0, 0)!important;
	display: block!important;
}


.lg-download { display: none !important;}
#lg-share {display: none !important;}
#lg-actual-size {display: none !important;}


.pro_link_body {
	display: block;
	margin: 35px 0px;
}

.pro_link {
    padding: 2px 5px;
    color: #419ad4;
    text-decoration: underline;
}

.pro_link:hover {  color: #98d6ff; }



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

}

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

}

@media only screen and (max-width: 1440px) {
.cl_logo3 {
    position: fixed;
    top: 165px;
    left: 6vw;
}
	.cvmenu {
    max-width: 340px;
    margin: auto;
}
	.swiper-container:nth-child(even) {
    width: 100%;
    min-height: 400px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
	.video_icon2 {
    position: absolute;
    font-size: 100px;
    z-index: 9;
    left: 50%;
    margin-left: -50px;
    top: 29%;
}
	
}
    
@media only screen and (max-width: 1366px) {

.swiper-container:nth-child(even) {
    width: 100%;
    min-height: 395px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
	
	.news_li2 {
    margin-bottom: 30px;
    padding-bottom: 15px;
    background: #f6f6f6;
    overflow: hidden;
    padding: 20px;
}
	
	
	.cl_logo {
position: initial;
    top: 40vh;
    left: 14vw;
}
	.art_photo {
    margin-bottom: 40px;
    position: fixed;
    top: 28.5vh;
    left: 8vw;
    width: 100%;
    max-width: 320px;
}
	.cl_logo3 {
    position: fixed;
    top: 170px;
    left: 45px;
}
	.cvmenu {
    max-width: 300px;
    margin: auto;
}
	
	.art_text {
    font-size: 15px;
    text-align: left;
    margin-top: 72px;
}
.art_txt {
	    max-width: 1128px;
}	
	
	
	.art_txt2 { width: 1128px;}
	
	.links_title {
    font-size: 26px;
    /* font-weight: bold; */
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px #d3d3d3 dotted;
    font-family: 'El Messiri', sans-serif;
    text-align: left;
    margin-top: 55px;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}
	
	
}


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

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

}


@media only screen and (max-width: 1200px){
.cl_logo { 
	position: inherit;
    top: 0px;
    left: 0px;
    margin-bottom: 70px;
	text-align: center;
	}
	
	
	.cl_logo3 { 
position: inherit;
    top: 0px;
    left: 0px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 57px;
	}
	
	.art_photo {
	margin-bottom: 40px;
    position: inherit;
    top: 0;
    left: 0;
		width: 100%;
    max-width: 300px;
	
}
	
	.art_txt2 { width: 100%;}
	
}

@media only screen and (max-width: 1199px) {
		
		.pr_order {
	    order:2;
}
.pr_order2 {
	    order: 1;
}
	
	
	
	.panel-custom {
    padding: 0px 0px 20px;
    position: relative;
    z-index: 1;
    background: #fff;
    text-align: left;
    max-width: 100%;
    width: 100%;
}
    
}



@media only screen and (max-width: 1024px) {
.cv_time {
font-size: 23px;
    margin-top: 50px;
    font-family: 'El Messiri', sans-serif;
}
	.video_icon2 {
    position: absolute;
    font-size: 100px;
    z-index: 9;
    left: 50%;
    margin-left: -50px;
    top: 21%;
}
	.video_icon {
    position: absolute;
    font-size: 30px;
    z-index: 9;
    left: 50%;
    margin-left: -15px;
    top: 7px;
}
	
	.swiper-container:nth-child(even) {
    width: 100%;
    min-height: 320px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
.gallery-thumbs .swiper-slide {
    width: 24%;
    height:60%;
    opacity: 0.4;
}
	.swiper-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    min-height: 140px;
    z-index: 1;
    height: 100vh;
}

}



@media only screen and (max-width: 990px){
	.pr_top { display: grid;}
  .pc { display:none;}
    .mobile { display: inherit!important;}
}

@media only screen and (max-width: 768px) {
 .title {
    padding: 8px 0px;
    border-bottom: 2px #8a8a8a solid;
    display: inline-block;
    text-shadow: #bfbfbf 0.1em 0.1em 0.2em;
    text-align: center;
}

	}


@media only screen and (max-width: 780px) {
	.swiper-container:nth-child(even) {
    width: 100%;
    min-height: 230px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
	.gallery-thumbs .swiper-slide {
    width: 23%;
    height: 46%;
    opacity: 0.4;
}
	
	
}



@media only screen and (max-width: 768px) {
.video_icon2 {
    position: absolute;
    font-size: 80px;
    z-index: 9;
    left: 50%;
    margin-left: -40px;
    top: 18%;
}
.video_icon {
    position: absolute;
    font-size: 30px;
    z-index: 9;
    left: 50%;
    margin-left: -15px;
    top: 5px;
}
	.pt {font-size: 28px;line-height: 1.2;}
	
	.swiper-container:nth-child(even) {
    width: 100%;
    min-height: 230px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
	.gallery-thumbs .swiper-slide {
      width: 23%;
    height: 36%;
    opacity: 0.4;
}
	
}

@media only screen and (max-width: 767px) {
.art_stext {
	font-size: 14px;
	 display: block;
    font-family: sans-serif;
    color: #666;
}
 .nav-item .active:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #8a8a8a;
    -webkit-transform-origin: center;
    transform-origin: center;
   
}
.col-xxs-6 { width: 50%;}
.col-xxs-12 { width: 100%;}	
		.pro_time {
	font-size: 16px;
    display: block;
    line-height: 19px;
	font-family: 'El Messiri', sans-serif;
	color: #666;
}
	.art_h {
    min-height: inherit;
	text-align: center;
}
	
	
	

	
	
	}


@media only screen and (max-width: 736px) {
	.art_photo2 {
    position: inherit;
    top: 0px;
    left: 0px;
    width: 60%;
    max-width: 450px;
}
	.art_text {
    font-size: 15px;
    text-align: left;
    margin-top: 5px;
}
	.gallery-thumbs .swiper-slide {
    width: 23%;
    height: 65px;
    opacity: 0.4;
}
	.swiper-container:nth-child(odd) {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

		.gallery-thumbs .swiper-slide-active {
    opacity: 1!important; 
}
	
	
}



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




	
	.swiper-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    min-height: 0px;
    z-index: 1;
    height: auto;
}
	
	.gallery-thumbs .swiper-slide {
    width: 23%;
    height: 50px;
    opacity: 0.4;
}
	.swiper-container:nth-child(even) {
    width: 100%;
    min-height: 200px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
	.swiper-container:nth-child(odd){
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
	
    }
	
.news_li2 h6 {
    min-height: 80px;
}
	.art_photo {
	margin-bottom: 40px;
    position: inherit;
    top: 0;
    left: 0;
		width: 100%;
    max-width: 250px;
	
}
	
.time {
	font-size: 12px;
    width: 100%;
    display: block;
    text-align: right;
    margin-top: 10px;
	color: #333;
}
	.logo_name { text-align: left;}
.title_s {
    font-size: 11px;
    margin-top: 13px;
    color: #bbb;
    text-align: center;
}
	.video_icon {
    position: absolute;
    font-size: 24px;
    z-index: 9;
    left: 50%;
    margin-left: -12px;
    top: 10px;
}
	.video_icon2 {
    position: absolute;
    font-size: 54px;
    z-index: 9;
    left: 50%;
    margin-left: -27px;
    top: 27%;
}
	.hcv {
    height: 40px;
}
	
	.sdw {
		box-shadow: 0px 5px 10px 0px rgba(89, 89, 89, 0.28)
	}
	
	.mdown {
		position: fixed;
    top: 27vh;
    height: 72%;
    overflow: scroll;
	}
	
	
	.art_text {
    font-size: 15px;
    text-align: left;
    margin-top: 10px;
}
	
	.links_title {
    font-size: 26px;
    /* font-weight: bold; */
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px #d3d3d3 dotted;
    font-family: 'El Messiri', sans-serif;
    text-align: left;
    margin-top: 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
	
	.art_photo2 {
    position: initial;
    top: 77px;
    left: 0px;
    width: 100%;
    max-width: 450px;
}
	.section-xs {
    padding-top: 15px!important;
    padding-bottom: 100px;
}
	.cl_logo {
    position: inherit;
    top: 0px;
    left: 0px;
    margin-bottom: 34px;
    text-align: center;
}
	.in_h {
    margin-top: 0px;
}
	
	
	}