html {scroll-behavior: smooth}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {max-width: 100%; height: auto;}
.img-full {min-width: 100%;}
a{text-decoration:none;}
body{font-family: "Jost", sans-serif;color:#222222;font-size:17px;font-weight:normal;background:#fff;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 1.45rem;font-weight:600;position:relative;text-transform:uppercase;color:#000;}
h1{font-size: 2.2rem;}
h2{font-size: 1.9rem;}
section{padding:60px 0;position:relative;z-index: 0;}
.justifyPara{text-align:justify;}

.header-top {background-color: #f78f1e;}
.header-top-inner {display: table;width: 100%;padding: 5px 0;}
.header-top-inner > .poly-menu-wapper {display: table-cell;vertical-align: middle;}
.header-top-inner ul {padding-left: 0;list-style: none;margin-left: -4px;margin-right: -4px;margin-bottom:0;}
.header-top-inner .top-bar-menu > .menu-item {display: inline-block;position: relative;text-align: left;line-height: 36px;font-size: 14px;font-weight: 500;text-transform: uppercase;padding: 0 4px;color:#fff;}
.header-top-inner .top-bar-menu > .menu-item a{color:#fff;text-decoration:none}
.header-top-inner .top-bar-menu.left > .menu-item::before {font-family: 'FontAwesome', sans-serif;font-size: 18px;font-weight: normal;margin-right: 7px;vertical-align: top;color:#fff;}
.header-top-inner .top-bar-menu.left > .menu-item.email::before {content: '\f003';position: relative;top: -1px;}
.header-top-inner .top-bar-menu.left > .menu-item.phone::before {content: '\f095';}
.header-top-inner .top-bar-menu.right {text-align: right;}
.header-top-inner .top-bar-menu.right > .menu-item a {background: #fff;width: 32px;display: flex;text-align: center;font-size: 11px;border-radius: 50%;height: 32px;align-items: center;justify-content: center;color: #f78f1e;}
.header-top-inner .top-bar-menu.right > .menu-item a .fa {font-size: 16px;}
.navbar-nav .nav-item {padding: 0 5px;display: inline-block;cursor: pointer;}
.navbar-nav .nav-item a{padding: 0;font-size: 14px;font-weight: 700;line-height: 40px;vertical-align: middle;position: relative;display: inline-block;letter-spacing: 0.05em;text-transform: uppercase;}
.navbar-nav .nav-item a:hover, .navbar-nav .nav-item .active{color: #f78f1e;}
.dropdown-toggle::after{vertical-align: 0.2em;}
.navbar-toggler:focus{box-shadow:0 0 0 0}
.navbar{padding:8px 0;position:relative;}
.navbar-collapse{flex-grow: inherit;}
.navbar-brand{display:inline-block;padding:0;}

@media only screen and (max-device-width: 768px) {
.navbar-toggler{right: 36px!important;}
.navbar-nav{background:#f78f1e}
.navbar-nav .nav-item, .navbar-nav .nav-item .active{color:#fff}
.navbar-nav .nav-item{border-bottom: 1px #f9b061 dashed;}
.mainDesc{width:100%!important;}
.ftrLogo{display:none;}
.bottom-socialMenu {text-align: center!important;}

}

.carousel-hero-banner {position: relative;width: 100%;height: 550px;overflow: hidden;}
.carousel-images {width: 100%;height: 100%;}
.carousel-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 1s ease-in-out;display: flex;justify-content: center;align-items: center;}
.carousel-slide.active {opacity: 1;}
.carousel-slide img {width: 100%;height: 100%;object-fit: cover;position: absolute;z-index: 1;}
.slide-content {position: relative;z-index: 2;text-align: center;padding: 2rem;background-color: var(--overlay-bg);border-radius: 5px;}
.slide-content h2 {text-shadow: 4px 3px 5px rgba(0,0,0,0.85);font-size: 4rem;margin-bottom: 0.6rem;color:#fff}
.slide-content p {text-shadow: 2px 1px 3px rgb(0 0 0 / 85%);font-size: 1.6rem;margin-bottom: 1.5rem;color:#fff;}
.cta-button {display: inline-block;transition-delay: 0.5s;background:#f78f1e;border:0;border-radius:0;color:#000;font-size:14px;font-weight:600;text-transform:uppercase;padding:8px 17px;}
.slider-arrow {cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(255, 255, 255, 0.5);color:#000;border: none;padding: 0.5rem 1rem;font-size: 2rem;transition: background-color 0.3s ease;z-index: 3;}
.slider-arrow:hover {background-color:rgba(247, 143, 30, 0.9);}
.carousel-hero-banner .prev {left: 0px;}
.carousel-hero-banner .next {right: 0px;}
.specialPara {color: #333;line-height: 26px;padding:30px;margin:30px 0;border: none;background: #f3f3f3;display: block;}
.thakucls{background:#f78f1e;}
.thakucls .fa{font-size:40px;color:#f78f1e;margin-bottom:15px}
.thank-you-container {margin: 0 auto;max-width: 600px;padding: 0 4em;}
.thank-you-box {background: #fff;color: #000;padding:35px 20px;border-radius: 10px;text-align: center;}
.return-black {margin: 20px 0;text-align: center;width: 100%;display:inline-block;color:#000}

.breadcrumbs {margin: 0 0 5px;font-size: 16px;font-weight: 500;}
body.single .breadcrumbs {text-align: left;margin-bottom: 10px;}
.breadcrumbs .breadcrumb {list-style: none;background-color: transparent;padding: 0;margin-bottom: 0;}
.breadcrumbs .breadcrumb li {display: inline;color: #888888;}
.breadcrumbs .breadcrumb li + li::before {font-family: 'FontAwesome', sans-serif;content: "\f101";color: #888888;padding-left: 8px;padding-right: 8px;}
.breadcrumbs .breadcrumb li a:not(:hover) {color: #222;}
.breadcrumbs .breadcrumb li a:hover {color: #f78f1e;}

.page-title {font-size: 28px;font-weight: 700;position: relative;margin: 5px 0 30px 0;text-transform: uppercase;padding-bottom: 10px;}
.page-title::before {content: '';position: absolute;bottom: 0;left: 0;border-bottom: 4px solid #f78f1e;width: 50px;}
.viewNotableProjct figure {width: 100%;height: 100%;margin: 0;padding: 0;background: #fff;overflow: hidden;}
.viewNotableProjct figure {position: relative;}
.viewNotableProjct figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.viewNotableProjct figure:hover::before {-webkit-animation: shine 2s;animation: shine 2s;}
@-webkit-keyframes shine {
	100% {left: 125%;}
}
@keyframes shine {
	100% {left: 125%;}
}
.viewNotableProjct{background: #ffbf7a;padding-bottom: 5px;text-align:center;}
.viewNotableProjct h2{padding:10px 10px 0px 10px;font-size:18px;margin:0;color:#000;text-transform: capitalize;}
.viewNotableProjct p{min-height: 50px;font-size:15px;padding:5px 10px;line-height:20px;margin-bottom:0;}

@media screen and (max-width: 575px) {
.owl-carousel .owl-nav {top: 5%;  }  
.owl-carousel .owl-nav svg {width: 24px;height: 24px;  }
}

.heading-label {font-size: 16px;letter-spacing: 0.5em;font-weight: 700;display: inline-block;color: #f78f1e;text-transform: uppercase;white-space: nowrap;margin-bottom: 10px;}
.title-heading {font-size: 40px;font-weight: 600;margin-bottom: 25px;position: relative;letter-spacing: -1px;}
.title-headingline {margin: 0 auto;font-size: 34px;font-weight: 600;position: relative;display: table;padding-left: 48px;padding-right: 48px;}
.title-headingline::before, .title-headingline::after {content: '';height: 2px;position: absolute;background-color: #f78f1e;top: 40%;width: 40px;}
.title-headingline::before {left: 0;}
.title-headingline::after {right: 0;}
.mainDesc {width: 65%;margin: 10px auto 0;max-width: 90%;font-size: 18px;}
#productBg{background: url(../img/bg.jpg) repeat center top;}
.portfolio-grid:hover{cursor:pointer;background:rgba(247, 143, 30, 0.3);border: 1px solid #f78f1e;}
.portfolio-grid{display: inline-block;width: 100%;text-align: center;margin-bottom:20px;border: 1px solid #ebebeb;border-radius: 8px;}
.portfolio-grid .pg-link {display: inline-block;height: 100%;width: 100%;}
.portfolio-grid img {overflow: hidden;position: relative;overflow: hidden;border-radius: 8px 8px 0 0;}
.portfolio-grid span{padding:17px;display: inline-block;width: 100%;}
.portfolio-grid .portfolio-title{padding:0 0 17px 0;font-size: 20px;margin-bottom: 0px;text-transform: capitalize;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/*.portfolio-grid .portfolio-content {padding:0 25px;color:#000;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}*/
.portfolio-readmore{background:#fff;text-decoration:none;display:inline-block;width:auto;border: 1px solid #000;font-size:13px;font-weight:600;text-transform:uppercase;padding:4px 8px;color: #000;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}	
.portfolio-readmore:hover{background:#000;color:#fff}

.modal-header{background: #f78f1e;}
.modal-header h5{color:#fff}
.modal-body p{font-size: 19px;color:#000;}

.listing-list li{margin-bottom:7px}
.tablechart {border:2px solid #d0e0ee;padding:3px; font-size:14px;line-height:17px;}
.tablechart td{border:2px solid #d0e0ee;padding:2px; font-size:13px;line-height:16px;}
.tablechart th{background: #d0e0ee;border:2px solid #b8cbdb;}

.catethird_grid {position: relative;width: 100%;margin-bottom:25px;}
.catethird_grid img {display: block;width: 100%;height: auto;border: 1px solid #f7f7f7;}
.catethird_grid .overlay {opacity:0;position: absolute; transition: 0.5s ease;left: 50%;margin: 0;position: absolute;top: 50%;transform: translate(-50%,-50%);white-space: nowrap;background:rgba(247, 143, 30, 0.95);width: 100%;height: 100%;}
.catethird_grid:hover .overlay {opacity:100;}
.catethird_grid .overlay .gridInfo {color: #000;font-size: 15px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width: 100%;padding: 15px;}
.catethird_grid .overlay .gridInfo a{color:#fff;}
.catethird_grid .overlay .gridInfo a:hover{color:#000;}
.catethird_grid .overlay .gridInfo h3{ font-size: 20px;text-transform:capitalize;margin:0 0 10px 0;white-space: initial;}

#clientLogos{padding:60px  0;}
#clientLogos ul{padding:0;}
#clientLogos li{list-style: none;display: inline-block;width: 19%;position: relative;overflow: hidden;cursor: pointer;justify-content: space-around;text-align: center;padding: 15px;}

#quickmsg{background: url(../img/quickmsgBG.jpg) no-repeat center top;background-size:cover;display: flex;align-items: center;justify-content: center;}	
#contact-form{padding:0px}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #contact-form select {margin-bottom: 1rem;width:100%;background-color: transparent;border: 1px solid #000;text-transform: none;font-weight: 500;color: #000;padding: 0.5rem 1rem;font-size:0.9rem;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.main-button{background:#f78f1e;text-decoration:none;margin-bottom: 1rem;width:auto;border: 0px solid #f78f1e;font-size:14px;font-weight:600;text-transform:uppercase;padding:8px 17px;color: #000;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}	
.main-button:hover{background:#daa75b;color:#000}
.g-recaptcha{margin-bottom:1rem;}
.main-buttonBorder{display: inline-block;background:transparent;text-decoration:none;margin-bottom: 1rem;width:auto;border: 1px solid #f78f1e;font-size:14px;font-weight:600;text-transform:uppercase;padding:8px 17px;color: #000;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}	
.main-buttonBorder:hover{background:#f78f1e;color:#000}

#contact-form textarea::-webkit-input-placeholder {color: #000;}
#contact-form textarea:-moz-placeholder {color: #000; }
#contact-form textarea::-moz-placeholder {color: #000;  }
#contact-form textarea:-ms-input-placeholder {color:#000;  }

footer{background:#f9f9f9;padding:80px 0  0;}
.ftrLinks h3, .ftrInfo h3{font-size:20px;color:#000;text-transform:capitalize;}
.ftrLinks li {list-style:none;line-height:28px;}
.ftrLinks li a{font-size:16px;color:#000;text-decoration:none;}
.ftrLinks li a:hover,  ul.ftrInfo li a:hover, .ftrLinks li a.active,  ul.ftrInfo li a.active{color:#f78f1e;}
ul.ftrInfo {padding:0;margin:0;list-style:none;}
ul.ftrInfo li{padding:0 0 5px 0;color:#000;}
ul.ftrInfo li a{color:#000;text-decoration:none;}
.element-bothborder {border-style: solid;border-width: 0px 1px 0px 1px;border-color: #d8d8d8;padding: 0px 15px 0px 15px;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;height: 100%;width:100%;display: flex;justify-content: center;}
.navbar-toggler{position:absolute;right:12px;top: 25px;border: #000 0px solid;background:#f78f1e;padding: 2px 5px;border-radius: 0;}
.copyright{padding:16px 0 0 0;margin:60px 0 0 0;border-top: solid #d8d8d8 1px;color:#000}
.copyright p{font-size: 15px;}
.copyright a{color:#f78f1e;text-decoration:none;}
.copyright a:hover{color:#000;}
.bottom-socialMenu{text-align:right}
.bottom-socialMenu li{display: inline-block;position: relative;text-align: left;line-height: 36px;font-weight: 500;text-transform: uppercase;padding: 0 4px;color:#fff;}
.bottom-socialMenu li a{background: #f9f9f9;border:1px solid #f78f1e;width: 32px;display: flex;text-align: center;border-radius: 50%;height: 32px;align-items: center;justify-content: center;color: #f78f1e;}
.bottom-socialMenu li a:hover{color:#000}
.bottom-socialMenu li a .fa {font-size: 16px;}

@media (max-width: 750px){
.navbar-nav .nav-item .active{background: transparent;}
.navbar{width: 100%;}
.brandlogo{width:80%;}
.header-top{display:none;}
.navbar-toggler{right: 12px!important;}
#clientLogos li {width: 49%!important;}
}
@media screen and (max-width: 575px) {
.carousel-hero-banner {height: 300px;}
.slide-content h2 {font-size: 2.5rem;}
.slide-content p {font-size: 1.2rem;}
.cta-button{display:none;}
}

@media screen and (min-width: 1900px) {
	.carousel-slide img {height: 700px!important;object-fit: initial!important;}
}