
body a { transition: all .5s; }
p { font-size: 17px; line-height: 28px; color: #696969; letter-spacing: .5px; }

/* Header Style CSS */
.section-top { background: #ec6e15; padding: 3px; }
.section-top a { color: #fff; padding: 0px 7px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

.navbar { padding: 1.5rem 1rem; }
.navbar-light .navbar-brand { color: #ec6e15; font-size: 30px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; outline: none; }
.navbar-light h1 { padding: 0px; margin: 0px; }
.navbar-nav .nav-link:focus { color: #072940; opacity: 1; }
.navbar-expand-lg .navbar-nav .active > .nav-link, .navbar-expand-lg .navbar-nav .nav-link.active, .navbar-expand-lg .navbar-nav .nav-link:hover { color: #ec6e15; opacity: 1; }		
.navbar-expand-lg .nav .nav-link { color: #072940; font-size: 1.1rem; font-weight: 600; padding-right: 1.5rem; padding-left: 0rem; }		
.navbar-expand-lg .sm-icons { flex-direction: row; }

#kb h2 { font-size: 38px; font-weight: bold; margin-bottom: 15px; padding-bottom: 15px; position: relative; color: #a94911; }
/* #ss h2::after { content: ""; position: absolute; display: block; width: 70px; height: 3px; background: #ec6e15; bottom: 0; left: 0; } */
.work-box { background: #fdfdfd; padding: 10px; }
.work-section { background: #f5f5f5; }
.work-section a { text-decoration: none; }
.work-content { height: 250px; overflow: auto; padding-right: 5px; }
.social-section { background: #f5f5f5; }

/* Footer Style CSS */
.footer-top { background: linear-gradient(to right,#ed422e,#da8e3a); }
.footer-top h3.title { font-weight: 800; font-size: 32px; color: #fff; text-transform: uppercase; margin: 0; }
.footer-top .phone-number i { font-size: 38px; color: #fff; transform: rotate(-26deg); }
.footer-top .phone-number  a.call-style { font-size: 28px; color: #fff; font-weight: 600; }

/* Crunchify Top CSS */
.crunchify-top { position: fixed; bottom: 1rem; right: 1rem; width: 2.2rem; height: 2.2rem; line-height: 2.2rem; font-size: 1.0rem; color: #fff!important; background-color: #ec6e15; border-radius: 3.2rem; text-align: center; cursor: pointer; display: block; }

/* Sidebar Style CSS */

/* Inner Pages CSS */
.page_title { padding: 15px 0; background: #ec6e15; color: #fff; font-size: 2.0rem; min-height: 40px; margin-top: 0px; }
.page_info h2 { font-size: 35px!important; }
.page_info h3 { font-size: 27px; font-weight: 700; margin: 20px 0 10px 0; }
.bg-scroll {  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/1.png); background-repeat: repeat, repeat; background-attachment: scroll, scroll; background-size: auto, auto; background-attachment: fixed; background-repeat: round; background-size: cover; }
.photo-gallery .gly { width: 100%; height: 200px; }
.photo-gallery .item { padding-bottom:30px; }
.photo-gallery .item img { border: 1px solid #e1d1d2; }
.blog .box1 { background: rgb(255, 255, 255); box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 30px; }
.blog .box2 { background: rgb(255, 255, 255); box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 15px; }
.blog .box2 h3 { color: #444; margin: 10px 0 0px 0; }
.blog .box2 h6 { font-weight: 600; margin-bottom: 5px; }
.blog .box2 span { font-size: 14px; color: #777; }
.contact .info { background: #f4f4f4; padding: 30px; }
.contact .info i { color: #ec6e15; }
.contact .info h4 { font-size: 21px; font-weight: 700; margin: 20px 0 10px 0; }
.contact .info p { font-size: 16px; margin: 0px; }

/* breadcrumbs css */
.breadcrumbs a { color: #eee; }
.breadcrumbs h1 { color: #eee; }
.breadcrumbs a:hover { color: #ddd; }
.breadcrumbs { padding: 50px 0; background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/pexels-2.webp); background-attachment: fixed; background-repeat: round; background-size: cover;margin-top: 1px; }
.breadcrumbs h2 { font-size: 28px; font-weight: 400; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.breadcrumbs ol li+li { padding-left: 10px; }
.breadcrumbs ol li+li::before { display: inline-block; padding-right: 10px; color: #eee; content: "/"; }

/* Common CSS */
.btn { border: none; color: #fff; background: #ec6e15!important; text-decoration: none; padding: 10px 20px; font-weight: bold; text-align: center; line-height: 1; transition: all .3s ease-in-out; }
.btn:hover { background: #b74f04; border-color: #b74f04!important; box-shadow: none; }
#kb .btn { border: none; color: #fff; background: #ec6e15; text-decoration: none; padding: 12px 20px; color: #fff; font-weight: bold; text-align: center; line-height: 1; transition: all .3s ease-in-out; margin-top: 5px; }
#kb .btn:hover { background: #b74f04; border-color: #b74f04; box-shadow: none; }
#kb .btn:focus { background: #b74f04; border-color: #b74f04; box-shadow: none; }
 
/* Media Query CSS */
@media (min-width: 320px) and (max-width: 767px) {
	.navbar-light .navbar-brand { font-size: 26.5px; }
	.section-top a { font-size: 12px; }
}	

@media only screen and (max-width: 991px) {
	.navbar-expand-lg .sm-icons .nav-item { padding-right: 1em; }
	.navbar-nav { flex: 0 0 100%; }
}