/*
Template Name: Art Web
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
@font-face {
    font-family: 'EurostileCustom';
    src: url('../mzh-fonts/eurostile.woff2') format('woff2'),
         url('../mzh-fonts/eurostile.woff') format('woff'),
         url('../mzh-fonts/eurostile.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'EurostileCustom';
}

/*********************center_home****************/
.carousel-caption{
text-align:left;
background-color: rgba(15, 15, 15, 0.400);
padding:200px 150px;
bottom:0;
left:0;
width:100%;
height:100%;
color:#FFFFFF;
 }
.carousel-caption p{
width:45%;
 }
.carousel-indicators{
bottom:0; 
 }
.center_home .carousel-indicators [data-bs-target] {
 background-color: #C46A2B;
}

/*********************center_home_end****************/

/*********************port****************/
.port_2 .nav-tabs .nav-link{
color:#FFFFFF;
border:1px solid #333333;
display:block;
margin-left:8px;
margin-right:8px;
border-radius:5px; 
padding: 8px 20px;
text-transform:uppercase;
font-size:15px;
background-color:#1A1A1A;
 }
.port_2 .nav-tabs .nav-link:hover{
background:#C46A2B;
color:#fff; 
border:1px solid #C46A2B;
 }
.port_2 .nav-tabs .nav-link.active{
background:#C46A2B;
color:#fff; 
border:1px solid #C46A2B;
 }
 
#folio {
background-image: url(../imagej/back3.jpg);
background-position: center;
}
#folio .modal-dialog {
max-width: 700px;
}
.folio_1im2 ul li a{
border:1px solid #fff;
width:50px;
height:50px;
border-radius:50%;
line-height:48px;
display:block;
 }
.folio_1im2 ul  a:hover{
background:#fff;
color:#C46A2B; 
 }
.folio_1im2{
background:#0F0F0F;
display:none;
 }
.folio_1im3{
background:#0F0F0F;
display:none; 
 }
.folio_1im:hover .folio_1im2{
display:block; 
 } 
.folio_1im:hover .folio_1im3{
display:block; 
 }
.folio_1im1 img{
border:15px solid #000000; 
 }
/*********************port_end****************/

/*********************blog****************/
.bloh_h1r{
padding:65px 100px 0px 100px; 
 }
 
.frame_1r .nav-tabs .nav-link{
color:#FFFFFF;
border:1px solid #C46A2B;
display:block;
margin-left:5px;
margin-right:5px;
border-radius:0; 
padding: 8px 16px;
text-transform:uppercase;
font-size:14px;
background:#C46A2B;
 }
.frame_1r .nav-tabs .nav-link:hover{
background:#0F0F0F;
color:#C46A2B; 
border:1px solid #C46A2B;
 }
.frame_1r .nav-tabs .nav-link.active{
background:#0F0F0F;
color:#C46A2B; 
border:1px solid #C46A2B;
 }
.frame_1r{
padding-top:100px; 
 }
.bloh_h1l img{
min-height:420px; 
 }
/*********************blog_end****************/


@media screen and (max-width : 767px){
.center_home img{
min-height:350px; 
 }
.carousel-caption {
text-align: center;
left:0;
width:100%;
bottom:0;
padding:10px;
}
.carousel-caption .font_60{
font-size:28px; 
 }
.carousel-caption h4{
font-size:20px; 
 }
.carousel-caption p{
font-size:14px;
text-align:left;
width:100%; 
 }
 
.port_2 .nav-tabs li {
margin-bottom:8px; 
 }
.port_2 .nav-tabs  {
justify-content: left!important;
 }
.folio_main  {
margin-top:15px; 
 }
.bloh_h1r {
padding:30px 15px; 
 }
.bloh_h1r p{
text-align:left;
 }
.bloh_h1l{
margin-bottom:15px; 
 }
.frame_1li1{
margin-top:15px; 
 }
.frame_1r {
padding-top:15px;
}
.frame_1r p{
text-align:left;
 }
.frame_1r .nav-tabs li {
margin-bottom:8px; 
 }
.frame_1r .nav-tabs  {
justify-content: left!important;
 }
 }


@media (min-width:576px) and (max-width:767px) {
.folio_1im1 img{
height:auto; 
 }

 }
@media (min-width:768px) and (max-width:991px) {
.center_home img{
min-height:500px; 
 }
.carousel-caption .font_60{
font-size:45px; 
 }
.carousel-caption {
padding: 100px 100px;
}
.carousel-caption p{
width:60%;
}
.bloh_h1l img{
min-height:420px; 
 }
.bloh_h1r {
padding:30px;
}
.frame_1r {
padding-top:0;
}
.frame_1r .nav-tabs li {
margin-bottom:8px; 
 }

 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption{
padding:100px 100px;
 }
.center_home img{
min-height:550px; 
 }
.bloh_h1l img{
min-height:420px; 
 }
.bloh_h1r {
padding:50px 30px;
}
.frame_1r {
padding-top:0;
}
.frame_1r .nav-tabs li {
margin-bottom:8px; 
 }
 }
@media (min-width:1201px) and (max-width:1255px) {

 }

/*********************services_list_bullets****************/
.services-list {
list-style: disc;
padding-left: 25px;
margin: 0;
}

.services-list li {
color: #fff;
margin-bottom: 8px;
line-height: 1.6;
}

.services-list li::marker {
color: #C46A2B;
font-weight: bold;
}
/*********************services_list_bullets_end****************/