@charset "utf-8";
/* CSS Document */
@font-face {
font-family:'Raleway-Regular';
src:url(../fonts/Raleway/static/Raleway-Regular.ttf);
}


*{ font-family:'Raleway-Regular'; }
body,html{ font-family:'Raleway-Regular'; background-color:#fff !important; height:100%; overflow-x: hidden; }
ul{ position:relative; margin:0; padding:0; }
ul li{ list-style-type:none; }
p{ position:relative; color:#555; font-size: 18px; z-index:555 ; } 
a{ outline:none !important; text-decoration:none !important; z-index: 555; }
*{ -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; }

.header{ padding: 20px 0px 40px 0px; }

.banner{ background-color: #fff; }
.numb-page{ position: relative !important; margin: auto; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; display: block !important;}
.numb-page button{ cursor: pointer; color: #000; font-weight: bold; position: relative !important; font-size: 22px; font-family:'Raleway-Regular'; }
.carousel-indicators [data-bs-target]{text-indent:0 !important; }
.carousel-item ul{ margin-left: 0px; padding-left: 0;  } 
.carousel-item ul li{  }
.blockheight{ position: relative; display: table; width: 100%; }
.blockheight > div h3{ margin-bottom: 20px; }
.blockheight > div{ position: relative; display: table-cell; vertical-align: middle; width: 100%; }
.blockheight > div p{ margin-bottom: 10px; }

.mediaicon img{ width: 30px; }

.projCont img{ margin-bottom: 20px; }
.carousel-item img{ margin-bottom: 0px !important; }
.diableBlock{}

.home-thumbs{ overflow: hidden; position: relative; }
.home-thumbs:hover img{ transform:scale(1.1); }


#carouselExampleIndicators{ margin-bottom: 0px !important ; }
.carousel-indicators{ bottom: -60px !important; }
.carousel-indicators button{ height: 20px !important; width: 20px !important; border-radius:20px !important; margin-left: 5px !important; margin-right: 5px !important; }

.carousel-control-next, .carousel-control-prev{ opacity: 1 !important; }
.carousel-control-next:hover, .carousel-control-prev:hover{ background-color: rgba(000,000,000,0.2); }

.carousel-indicators [data-bs-target]{ background-color: #000 !important; }




/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
    .mainmenu{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } 
}  

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    .mainmenu{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; }
}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 
    .mainmenu{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; } 
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .mainmenu{ display:block;}  .respnav{ display:none;} #respo_menu{ display:none; }  
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    .mainmenu{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; }  
}