@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900');
body { font-family: 'Poppins', sans-serif; font-size: 1rem; line-height: 1.5; color: #444; transition-duration:.5s; background: #fff; }

/* loader css */
#preloader{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #111; }
#preloader:before{ content: ""; position: fixed; top: calc(50% - 0px); left: calc(50% - 30px); border: 6px solid #9f313a; border-top-color: #222; border-bottom-color: #222; border-radius: 50%; width: 60px; height: 60px; animation: animate-preloader 1s infinite linear }@keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)} }

/* latest updates */
.latest-upds-txt { padding: 3px 0px 3px 15px; background: #fff; color: #9f313a; font-size: 15px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
.latest-upds .fas { color: #9f313a; }
.latest-upds a { color: #333!important; }

/* section top */
.section-top { background: #9f313a; color: #fff; padding: 5px 0px; }
.section-top a { color: #fff; text-decoration: none!important;}
.section-top a:hover { color: #0f1e33; }

/* Social Icons */
.social { position: fixed; z-index:99; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); list-style: none; padding: 0;}
.social li a { display: block; height: 40px; width: 40px; border-bottom: 0px solid #333; font: normal normal normal 16px/20px 'FontAwesome', 'Source Sans Pro', Helvetica, Arial, sans-serif; color: #fff; -webkit-font-smoothing: antialiased; padding: 10px; text-decoration: none; text-align: center;  transition: background .5s ease .300ms }
.social li:first-child a { background: #3b5998 }
.social li:nth-child(2) a { background: linear-gradient(to bottom right, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.social li:nth-child(3) a { background: #c4302b }
.social li:nth-child(4) a { background: #dd4b39 }
.social li:first-child a:hover { background: #222 }
.social li:nth-child(2) a:hover { background: #222 }
.social li:nth-child(3) a:hover { background: #222 }
.social li:nth-child(4) a:hover { background: #222 }
.social li:first-child a { border-radius: 0 5px 0 0 }
.social li:last-child a { border-radius: 0 0 5px 0 }    
.social li a span { width: 100px; float: left; text-align: center; background: #222; color: #fff; margin: -25px 40px; padding: 8px; transform-origin: 0;   visibility: hidden; opacity: 0; transform: rotateY(45deg); border-radius: 5px; transition: all .5s ease .300ms }
.social li span:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: -18px; top: 7px; border-left: 10px solid transparent; border-right: 10px solid #222; border-bottom: 10px solid transparent; border-top: 10px solid transparent; }
.social li a:hover span { visibility: visible; opacity: 1; transform: rotateY(0) }

/* Whatsapp */
.whatsapp { position: fixed; left: 10px; bottom: 5px; z-index: 99; }

/* slider 
#carouselExampleIndicators img { clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0% 90%); }
*/

/* clippath */
.clippath img { clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0% 90%); }

/* section */
.section-2 { background: #fcfcfc; }
.counter-title { background: #ca3e0c; color: #ddd; padding: 12px 0px; font-size: 20px; }
.counter-count { font-size: 45px; line-height: 45px; font-weight: bold; position: relative; color: #333; display: inline-block; border-radius: 50%; }
.employees, .customer, .design { box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.06); padding: 25px; transition: all ease-in-out 0.4s; background: #fff; }
.employees p, .customer p, .design p { margin: 0px; padding: 0px; }
.employee-p, .customer-p, .design-p { margin: 0px; padding: 0px; font-size: 15px; color: #333; font-family: "Raleway", sans-serif; }

.section-4 { background: #fcfcfc; }
#kmck h2 { color: #9f313a; font-weight: 700; margin-bottom: 0px; text-align: center; font-size: 36px; text-transform: uppercase; }
#kmck h2:after { content: ""; width: 50px; height: 2px; background: #9f313a; margin: 0 0 10px 15px; display: inline-block; }
#kmck h2:before { content: ""; width: 50px; height: 2px; background: #9f313a; margin: 0 15px 10px 0; display: inline-block; }
#kmck h3 { color: #9f313a; font-size: 20px; }

/* faculty */
.faculty-box { border-radius: 10px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding: 20px 20px 5px 20px; }

/* testimonials */
.section-testimonial { background: #fcfcfc; }
.section-testimonial .description { height: 200px; overflow: auto; text-align: justify; padding-right: 10px }
.testimonial { background: #fff; text-align: center; position: relative; border: 1px solid #9c3039; border-radius: 10px; padding: 20px; }
.testimonial .icon { display: inline-block; font-size: 24px; color: #9f313a; margin-bottom: 20px; opacity: 0.6; }
.testimonial .pic img { display: inline-block; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 2px 2px #9f313a; overflow: hidden; z-index: 1;   position: relative;  margin: 0 0 12px 0; }
.testimonial .pic img { width: 25%!important; height: auto; }
.testimonial .title { font-size: 15px; font-weight: bold; color: #333; text-transform: capitalize; margin: 0 0 5px 0; }
.testimonial .post { display: block; font-size: 14px; color: #9f313a; }
.section-testimonial .owl-theme .owl-dots { display: none; }
.section-testimonial .owl-theme .owl-nav { display: none; }

/* footer */
.page-footer { background: #9c3039; color: #fff; }
.page-footer a { color: #fff; }
.footer-copyright { background: #111; }

/* blinker */
.blink { text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; }
@-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } }

/* Image Zoom In */ 
figure { margin: 0; padding: 0; background: #fff; overflow: hidden; }
figure:hover+span { bottom: -36px; opacity: 1; }
.hover01 figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.hover01 figure:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }

/* crunchify */
.crunchify-top { position: fixed; bottom: 1rem; right: 1rem; width: 2.2rem; height: 2.2rem; line-height: 2.3rem; font-size: 1.0rem; color: #fff!important; background-color: rgba(156, 48, 57); border-radius: 3.2rem; text-align: center; cursor: pointer; display: block; }

/* 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: "/"; }

/* sidebar css */
.kmck-sidebar { background: linear-gradient(to right,#9f313a,#7b4347); border-top: 5px solid #44000a; padding: 10px 0px; margin-bottom: 20px; }
.kmck-sidebar h4 { color: #fff; padding-left: 20px; padding-top: 10px; }
.kmck-sidebar .sidemenu { list-style: none; padding: 0px; margin: 0 0 30px; text-decoration: none; }
.kmck-sidebar .sidemenu li a { list-style: none; padding: 10px 20px; border-bottom: 1px dotted #ccc; color: #fff; display: block; }
.kmck-sidebar li a:hover { background: #44000a; transition-duration: .5s; text-decoration: none; color: #fff; }

/* gallery css */
.photo-gallery .gly { width: 100%; height: 200px; }
.photo-gallery .item { padding-bottom:30px; }
.photo-gallery .item img { border: 1px solid #e1d1d2; }

/* contact page css */
.contact-page .info-kmck { background-color: #9c3039; height: 100%; padding: 20px; border-radius: 0 10px 10px 0; box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1); }
.contact-page .info-item { width: 100%; background-color: #b53d46; margin-bottom: 20px; padding: 20px; border-radius: 10px; color: #fff; }
.contact-page .info-item:last-child { margin-bottom: 0; }
.contact-page .info-item a { color: #fff; }
.contact-page .info-item i { font-size: 20px; color: #fff; float: left; width: 44px; height: 44px; background-color: rgba(255, 255, 255, 0.2); display: flex; justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s ease-in-out; margin-right: 15px; }
.contact-page .info-item h4 { padding: 0; font-size: 20px; font-weight: 600; margin-bottom: 5px; }
.contact-page .info-item p { padding: 0; margin-bottom: 0; font-size: 14px; }
.contact-page .info-item:hover i { background: #fff; color: #9c3039; }		
#contact-form { width: 100%; height: 100%; background: #fff; box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 10px 0 0 10px; }

/* common css */
.mbl-rl-align {text-align: right;}
.m-tb-3 { margin-top: 3px; margin-bottom: 3px; }
.nopadding { padding: 0px; }
.page-info h2 { color: #9f313a; font-size: 28px; line-height: 28px; }
.page-info h3 { color: #9f313a; font-size: 21px; line-height: 21px; }
.btn { border: none; color: #fff; background: #9f313a; text-decoration: none; padding: 10px 20px; color: #fff; font-weight: bold; text-align: center; line-height: 1;    border-radius: 25px !important; transition: all .3s ease-in-out; margin-top: 5px; }
.btn:hover { background: #530108; border-color: #530108; box-shadow: none; }
.btn:focus { background: #530108; border-color: #530108; box-shadow: none; }

/* media query */
@media (max-width: 575.98px) { 
	.m-tb-3 { margin-top: 0px; margin-bottom: 0px; }	
	.section-top a { font-size: 0.9rem; }
	#myModal h2 { font-size: 25px; }
	.latest-upds-txt { padding: 0px 0px 0px 15px; }
	.mbl-rl-align { text-align: left; } 
	.breadcrumbs h1 { font-size: 1.5rem; }
	#kmck h2 { font-size: 25px; }
	#kmck h2:after { width: 30px; }
	#kmck h2:before { width: 30px; }
	.footer-copyright .txt-right { text-align: left!important; }
}