/*carousel*/
#carouselExampleCaptions .carousel-item {width: 100vw;height: calc(100vw * 6 / 16);}
#carouselExampleCaptions2 .carousel-item {width: 100vw;height: calc(100vw * 8 / 16);}
#carouselExampleCaptions3 .carousel-item {width: 100vw;height: calc(100vw * 12 / 16);}
.carousel-item img {width: 100%;height: 100%;object-fit: cover;}



/* service-item */
.service-item .row:nth-of-type(2),.service-item .row:nth-of-type(4){
    flex-direction: row-reverse;}
.service-item img{width: 100%;}
.service-item .txt {display: flex;align-items: flex-start;flex-direction: column;justify-content: center;height: 100%;text-align: left;width: 450px;}
.service-item .col-lg {display: flex;justify-content: center;}
.service-item button {box-shadow:0 0 0 0 rgba(0,0,0,0.1); padding: 8px 24px;background-color: #EE7616;color: #ffffff;border: 0px solid transparent;border-radius: 50px;letter-spacing: 0.1em;transition: 0.5s;}
.service-item button:hover{padding: 8px 32px;background-color: #F8B500;}
.service-item p {margin-top: 16px;margin-bottom: 20px;}
.service-item i {font-size: 40px;color: #E8E8E8;font-family: 'Zen Antique', 'serif' !important;margin-left: -0.1em;font-weight: normal;}

@media screen and (max-width:993px) {
.service-item .txt{width: 80vw;margin: 60px 0;}
.carousel-item {width: 100vw; height: calc(100vw * 9 / 16);}
.service-item .row:nth-of-type(1),.service-item .row:nth-of-type(3){flex-direction: column-reverse;}
.service-item i{font-size: 30px;} }

@media screen and (max-width:768px){
.service-item h2{font-size: 24px;}
.service-item button{font-size: 14px;}}

/*portfolio item*/
.portfolio-item{margin-top: 104px;}
.portfolio-item .row{width: 95vw;margin: 0 auto;}
.portfolio-item img{ width: 100%;border-radius: 4px;}
.portfolio-item p{ margin-top: 16px;}
.portfolio-img::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(238, 118, 22,0.4); opacity: 0; transition: opacity 0.3s ease-in-out;border-radius: 8px;}
.portfolio-img:hover::before {opacity: 1;}
.portfolio-img{overflow: hidden;position: relative;}
img[alt="zoomIn"]{width: 50px;height: 50px;opacity: 0;position: absolute;top:calc(50% - 25px);left:calc(50% - 25px) ;}
.portfolio-img:hover img[alt="zoomIn"]{opacity: 1;z-index: 995;}

.portfolio-button{margin: 0 auto;}
.portfolio-button a {color: #333333; letter-spacing: 0.1em;padding: 16px 0;border-radius: 30px;border: 1px solid #333333;font-weight: 500;}
a.button2 {
    text-align: center;
	-webkit-transition: all 2.5s cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 2.5s cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 2.5s cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-o-transition: all 2.5s cubic-bezier(0.390, 0.500, 0.150, 1.360);
	transition: all 2.5s cubic-bezier(0.390, 0.500, 0.150, 1.360);
	display: block;
	margin: 20px auto 0;
}



a.button2:hover {
	color: rgba(255, 255, 255, 0.85);
	box-shadow: #333333 400px 0px 0px 2px inset;
    border: 1px solid #333333;
}