@font-face { font-family: "bj-Bold"; src: url('fonts/BaiJamjuree-Bold.ttf') format('truetype'); }
@font-face { font-family: "bj-BoldItalic"; src: url('fonts/BaiJamjuree-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: "bj-ExtraLight"; src: url('fonts/BaiJamjuree-ExtraLight.ttf') format('truetype'); }
@font-face { font-family: "bj-ExtraLightItalic"; src: url('fonts/BaiJamjuree-ExtraLightItalic.ttf') format('truetype'); }
@font-face { font-family: "bj-Italic"; src: url('fonts/BaiJamjuree-Italic.ttf') format('truetype'); }
@font-face { font-family: "bj-Light"; src: url('fonts/BaiJamjuree-Light.ttf') format('truetype'); }
@font-face { font-family: "bj-LightItalic"; src: url('fonts/BaiJamjuree-LightItalic.ttf') format('truetype'); }
@font-face { font-family: "bj-Medium"; src: url('fonts/BaiJamjuree-Medium.ttf') format('truetype'); }
@font-face { font-family: "bj-MediumItalic"; src: url('fonts/BaiJamjuree-MediumItalic.ttf') format('truetype'); }
@font-face { font-family: "bj-Regular"; src: url('fonts/BaiJamjuree-Regular.ttf') format('truetype'); }
@font-face { font-family: "bj-SemiBold"; src: url('fonts/BaiJamjuree-SemiBold.ttf') format('truetype'); }
@font-face { font-family: "bj-SemiNoldItalic"; src: url('fonts/BaiJamjuree-SemiNoldItalic.ttf') format('truetype'); }

html { scroll-behavior: smooth; }
body{ overflow-x: hidden; }

.bj-Bold { font-family: "bj-Bold"; }
.bj-BoldItalic { font-family: "bj-BoldItalic"; }
.bj-ExtraLight { font-family: "bj-ExtraLight"; }
.bj-ExtraLightItalic { font-family: "bj-ExtraLightItalic"; }
.bj-Italic { font-family: "bj-Italic"; }
.bj-Light { font-family: "bj-Light"; }
.bj-LightItalic { font-family: "bj-LightItalic"; }
.bj-Medium { font-family: "bj-Medium"; }
.bj-MediumItalic { font-family: "bj-MediumItalic"; }
.bj-Regular { font-family: "bj-Regular"; }
.bj-SemiBold { font-family: "bj-SemiBold"; }
.bj-SemiNoldItalic { font-family: "bj-SemiNoldItalic"; }

body{font-family: bj-Medium; }
.bg-chevon {
    background-image:url(../images/body-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
h1, h2, h3, h4, h5, h6 { font-family:"bj-Bold";}
.h1, h1 { font-size: 2.5rem; }

.animate{ opacity : 0.2;}
.animated{ opacity : 1;}

.fanon{ animation: fanonRotation 2s infinite linear; position: absolute; }
@keyframes fanonRotation {
  from { transform: rotate(0deg); }
  to { transform: rotate(359deg); }
}

#turbinContainer{ width: 991px; position: relative; margin: 0 auto; }
.fan1{ right: 84px; top: 52px; width: 117px; }
.fan2{ right: 75px; top: 188px; width: 47px; }
.fan3{ right: 141px; top: 197px; width: 72px; }

@media (max-width:1128px){
    #turbinContainer{ width: 780px; }
    .fan1{ right: 67px; top: 40px; width: 93px; }
    .fan2{ right: 59px; top: 147px; width: 38px; }
    .fan3{ right: 111px; top: 155px; width: 57px; }
}
@media (max-width:900px){
    #turbinContainer{ width: 500px; }
    .fan1{ right: 43px; top: 25px; width: 59px; }
    .fan2{ right: 38px; top: 93px; width: 25px;}
    .fan3{ right: 72px; top: 99px; width: 35px;}
}
@media (max-width:550px){
    #turbinContainer{ width: 300px; }
    .fan1{ right: 25px; top: 15px; width: 36px;}
    .fan2{ right: 23px; top: 57px; width: 14px;}
    .fan3{ right: 43px; top: 60px; width: 21px; }
}

@media (max-width:1250px){
    
}

@media (min-width:991px) and (max-width:1260px){
    nav{ overflow-x:scroll; overflow-y:hidden;}
}

.shiny-text-animation {
    background: linear-gradient(90deg, #ffffff, #000000, #ffffff);
    background-size:60%;
    animation : text-shine 2s linear 1;
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
     /*-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;*/
}

@keyframes text-shine {
    0% {background-position:-500px;}
    100% {background-position:500px;}
}

.bg-light {
    background-color: #ffffff!important;
    filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
}
.ele-shadow-end:after{
    content: '';
    display: block;
    position: absolute;
    bottom: -75px;
    width: 100%;
    left: 0px;
    border-bottom: 75px solid transparent;
    border-image: url(shadow.png) 30 stretch;
}
.navbar-brand img { width: 150px; margin: 0 30px 0 50px;   -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.logopgs{width:95px !important;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: .9rem .5rem 1.2rem .5rem;
    font-size: 15px;
    width: 125px;
    text-align: center;
    font-weight:600;
    font-family: bj-Regular;
}
/*.navbar-light .navbar-nav .active {
    background-color : #0d4a78;
    border-radius: 0px 0px 15px 15px;
    box-shadow: 5px 4px 7px #9c9c9c;
}*/
.navbar-light .navbar-nav .active > .nav-link{
    color:white;
}
.navbar-light .navbar-nav .active::before {
    content: '';
    display: block;
    position: fixed;
    top: -1px;
    width: 100%;
    left: 0px;
    border-bottom: 10px solid #0d4a78;
}
.navbar-light .navbar-nav .active::after {
    content: "";
    position: fixed;
    top: 0;
    width: 125px;
    height: 85%;
    background-color: #0d4a78;
    z-index: -1;
    box-shadow: 5px 5px 7px #9c9c9c;
    border-radius: 0 0 25px 25px;
    -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
    
    /* margin-left: -25px;
    width: 205px;
    clip-path: polygon(0 0, 100% 0, 98% 4%, 96% 8%, 94% 14%, 76% 100%, 19% 100%, 7% 14%, 6% 9%, 4% 5%);*/
}

.dropdown-menu{ padding:0; }
.dropdown-divider{ margin:0; }
.dropdown-item{ padding: 0.8rem 1.5rem; }
.dropdown-item.active, .dropdown-item:active{ background-color: #3eb3ff; }
.dropdown-item:focus, .dropdown-item:hover { color: #ffffff; background-color: #0d4a78; }
.dropdown-item.active:after{ content: none !important; }

.nav-op2, .nav-op3, .nav-op4, .nav-op5, .nav-op6, .nav-op7, .nav-op8 {
    background-color: transparent !important;
    border-radius: inherit !important;
    box-shadow: none !important;
}

.nav-op1::after { right : 890px;  }
.nav-op2::after { right : 768px;  }
.nav-op3::after { right : 643px; }
.nav-op4::after { right : 517px; }
.nav-op5::after { right : 395px; }
.nav-op6::after { right : 268px; }
.nav-op7::after { right : 142px; }
.nav-op8::after { right : 18px; }


@media(max-width:768px){
    .navbar-brand img {
        width: 95px;
        margin: -18px -32px -12px 0px;
    }
    .navbar-light .navbar-nav .active > .nav-link {
        color: #000000;
    }
    .navbar-light .navbar-nav .active {
        background-color: inherit;
        border-radius: inherit;
        box-shadow: none;
    }
    .navbar-light .navbar-nav .active::after { position : inherit;}
    .navbar-light .navbar-nav .active::before {
        position: inherit;
        border-bottom: none;
    }
    .navbar-expand-lg .navbar-nav .nav-link { text-align:left;}
}

/*#home-page-carousel{min-height:100vh;}*/



.welcome-sec{ margin-top:5%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.welcome-sec-in { margin-top:-17%; opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
@media(max-width:768px){
    .welcome-sec{ margin-top: -7px; }
    .welcome-sec-in { margin-top:-20%; }
}
h
.img-framed{ padding:5px; }
.img-framed::before{
    content: "";
    position: absolute;
    z-index:1;
    top: 0;
    right: 0px;
    width: 70px;
    height: 70px;
    background-image: url(../images/img-angle-top.png);
    background-repeat: no-repeat;
}
.img-framed::after{
    content: "";
    position: absolute;
    z-index:1;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 120px;
    background-image: url(../images/img-angle-bottom.png);
    background-repeat: no-repeat;
}

#aboutSec{}
#aboutSec h1 span:first-child{font-weight: 700;}
#aboutSec h1 span:last-child{font-weight: 400; font-size: 32px;font-family: bj-Light;}
#aboutSec h5{margin-bottom: 0; font-weight: 700;}
#aboutSec h3{font-weight: 800; font-size: 30px;}
#aboutSec p{color:#000000;}

.sec-heading h1,.sec-heading h2, .sec-heading h3 {
    text-align:center;
    text-transform:uppercase;
    font-weight:800;
}
@media(max-width:768px){
    .sec-heading h1,.sec-heading h2, .sec-heading h3  {
        font-size: 1.7rem;
    }
}
.sec-heading hr{
    border:none;
}
.sec-heading hr:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 0px;
    border-bottom: 10px solid #b1b1b1;
    margin-left: 25%;
    border-radius: 25px;
}
.sec-heading hr:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 30%;
    left: 0px;
    border-bottom: 10px solid #0d4a78;
    margin-left: 35%;
    border-radius: 25px;
}


.overlay:hover{ opacity:1; }
.overlay{
    position: absolute;
    background-color: rgba(13, 74, 120, 0.15);
    width: 100%;
    top: 0;
    height: 95%;
    border-radius: 4px;
    box-shadow: 0px 0px 25px #2b2b2b;
    overflow:hidden;
    opacity:0;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.overlay p {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: aliceblue;
    margin: 0;
    padding: 15px;
    width: 100%;
    font-size: 14px;
}


#CarouselCertificates .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#CarouselCertificates .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
    display:contents;
}

#CarouselCertificates .carousel-indicators > li {
    /*width: initial;*/
    width: 100%;
    height: initial;
    text-indent: initial;
}

#CarouselCertificates .carousel-indicators > li p {
    font-size:14px;
    margin:0;
}

#CarouselCertificates .carousel-indicators > li img {
    width:75%;   
}

#CarouselCertificates .carousel-indicators > li.active img {
    opacity: 0.7;
}

#offered-services-carousel .carousel-indicators li{background-color:#7cbce3;}

#offered-services-carousel .carousel-indicators .active{background-color:#0d4a78;}




.testi-carousel {
	margin-bottom: 70px;
	padding: 0 70px;
}
.testi-carousel .item {
	color: #999;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	min-height: 290px;
}
.testi-carousel .item .img-box {
	width: 250px;
	/*height: 135px;*/
	margin: 0 auto;
	padding: 5px;
	/*border: 1px solid #ddd;
	border-radius: 50%;*/
}
.testi-carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	/*border-radius: 50%;*/
}
.testi-carousel .testimonial {
	/*padding: 5px 0 10px;*/
	padding: 10px 15%;
	color:#000000;
	font-size:18px;
	font-family: bj-Medium;
}
@media(max-width:768px){.testi-carousel .testimonial { padding: 5px 0 10px; }}
.testi-carousel .overview {	
	font-style: italic;
}
.testi-carousel .overview b {
	text-transform: uppercase;
	color: #7AA641;
}
.testi-carousel .carousel-control {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	top: 50%;
	background: none;
}
.testi-carousel .carousel-control i {
	font-size: 68px;
	line-height: 42px;
	position: absolute;
	display: inline-block;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.testi-carousel .carousel-indicators {
	bottom: -40px;
}
/*.testi-carousel .carousel-indicators li, .carousel-indicators li.active {
	width: 25px;
	height: 5px;
	margin: 1px 3px;
	border-radius: 100%;
}*/
.testi-carousel .carousel-indicators li {	
	background: #5dc3ff;
    border: 2px solid transparent;
	/*border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);*/
}
.testi-carousel .carousel-indicators li.active {	
	background: #0d4a78;		
	/*box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);*/
}
@media (max-width: 768px) {
    .testi-carousel {
        padding: 0 15px;
    }
}





/* CUSTOM COMMON CAROUSEL */
@media (max-width: 768px) {
    #carouselClients .carousel-inner { border:1px solid #d1d1d1 }
    .commonCarousel .carousel-inner .carousel-item > div { display: none; }
    .commonCarousel .carousel-inner .carousel-item > div:first-child { display: block; }
}
.commonCarousel .carousel-inner .carousel-item.active, .commonCarousel .carousel-inner .carousel-item-next, .commonCarousel .carousel-inner .carousel-item-prev { display: flex; }
/* display 6 */
@media (min-width: 768px) {
    .commonCarousel .carousel-inner .carousel-item-right.active, .commonCarousel .carousel-inner .carousel-item-next { transform: translateX(33.333%); }
    .commonCarousel .carousel-inner .carousel-item-left.active, .commonCarousel .carousel-inner .carousel-item-prev { transform: translateX(-33.333%); }
    .commonCarousel6 .carousel-inner .carousel-item-right.active, .commonCarousel6 .carousel-inner .carousel-item-next { transform: translateX(16.667%); }
    .commonCarousel6 .carousel-inner .carousel-item-left.active, .commonCarousel6 .carousel-inner .carousel-item-prev { transform: translateX(-16.667%); }
}
.commonCarousel .carousel-inner .carousel-item-right, .commonCarousel .carousel-inner .carousel-item-left{ transform: translateX(0); }


.testi-img {
    width: 50%;
    border: 6px solid #ffffff;
    box-shadow: -2px 2px 7px #9c9c99;
    border-radius: 100%;
}

#products p {font-size : 14px; height: 45px; margin-bottom: 5px;}
#products ol { height : 100px; overflow-y:scroll; margin-bottom:15px;}

.img-thumbnail-maker { height: 225px; overflow: hidden; }

.two-line-p { min-height: 75px; }

footer .bg-dark{
    background-image:url('../images/footer.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


@media(min-width:1750px){
    body{font-size:1.5rem;}
    h1{font-size:65px !important;}
    h2{font-size:60px !important;}
    h3{font-size:55px !important;}
    h4{font-size:40px !important;}
    h5{font-size:30px !important;}
    h6{font-size:25px !important;}
}

.hover-embossed { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.hover-embossed:hover { box-shadow : 0px 0px 25px #0c497e !important; }