/*-----------------------------Styling for Generic Page Start-----------------------*/
.content { padding:31px 0 48px }
.explanation-images { width:130px; margin-top:4px; margin-left:15px }
.explanation-images figure { margin-bottom:20px }
.explanation-images figure img { width:100% }
figcaption { margin-top:4px }
figcaption strong { font-size:1rem; font-family:'apex_newbook'; color:#5495D7; line-height:1.2 }
figcaption p { font-size:0.9rem; /*letter-spacing:0.3px;*/ line-height:1.25; margin-bottom:0px }

/*Project-Quotation Styling*/
.project-quotation { padding:21px 0 0 }
.gallery { margin:0 -15px 20px }
.quote { margin:0 -15px }
.btn-link { padding:15px 0 15px 15px; position:relative; width:100%; color:#fff; font-size:1.6rem; font-family:'apex_newbook'; text-align:center; /*letter-spacing:0.3px*/ }
.btn-link:hover { color:#fff; text-decoration:none }
.btn-link.focus, .btn-link:focus { text-decoration:none }
.project-quotation a strong { font-family:'apex_newmedium' }
.btn-link:after { position:absolute; content:''; width:40px; height:40px; top:50%; left:100%; -webkit-transform:rotate(-45deg) translateY(-71%); -moz-transform:rotate(-45deg) translateY(-71%); -ms-transform:rotate(-45deg) translateY(-71%); -o-transform:rotate(-45deg) translateY(-71%); transform:rotate(-45deg) translateY(-71%); z-index:-1 }
.btn-grey {     background-color:#999999 }
.btn-green {     background-color:#5495D7 }
.btn-grey:after { background-color:#999999 }
.btn-green:after { background-color:#5495D7 }
.btn-lightgrey {     background-color:#cdcdcd }
.btn-lightgrey:after {     background-color:#cdcdcd }

.homepage .content { padding-bottom:33px }

/*Banner Styling*/
.banner { padding-bottom:50px }
.carousel-inner { padding-bottom:38px }
.content .carousel { margin-top:-31px }
.carousel-item img { height:173px; object-fit:cover; object-position:center top }
.carousel-caption { top:100%; padding:0; left:0; right:0 }
.carousel-caption span { font-size:1rem; color:#fff; /*letter-spacing:0.2px*/ }
.carousel-caption { background-color:#808080; padding:11px 0 25px; border-top:1px solid #888888; border-bottom:1px solid #888888 }
.carousel-indicators { margin:0; background-color:#d9d9d9; bottom:0; padding:0 }
.carousel-indicators li { width:15px; height:15px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; opacity:1; margin-bottom:0 }
.carousel-indicators li:before { display:none }
.carousel-indicators .active { background-color:#29a974 }
.carousel-control-next, .carousel-control-prev { top:auto; bottom:11px; z-index:100; width:auto; opacity:1 }
.carousel-control-prev { left:38% }
.carousel-control-next { right:38% }
.carousel-control-prev-icon,.carousel-control-next-icon { background-image:none; width:13px; height:13px; border:solid #4d4d4d; border-width:2px 2px 0 0; transition:.3s ease }
.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover { border:solid  #29a974; border-width:3px 3px 0 0 }
.carousel-control-prev-icon { -webkit-transform:rotate(-135deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-135deg) }
.carousel-control-next-icon { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg) }

/*Services -Wrap Styling*/
.services-wrapper { padding-bottom:20px }
.service a { -webkit-filter:grayscale(100%); filter:grayscale(100%) }
.service a:hover { -webkit-filter:grayscale(0%); filter:grayscale(0%) }
.service span {  position:relative; background-color:#808080; padding:11px 0 4px; text-align:center; width:100%; font-size:1.3rem; font-family:'apex_newbook'; color:#fff; text-transform:capitalize; /*letter-spacing:0.6px*/ }
.service span:before {  position:absolute; content:''; background:url(../../graphics/services-bottom.png) top center no-repeat; -webkit-background-size:100%; background-size:100%; width:100%; top:100%; left:0; height:11px }
.service a:hover span { background-color:#00994a }
.service a:hover span:before {  background:url(../../graphics/services-bottom-hover.png) top center no-repeat; -webkit-background-size:100%; background-size:100% }

/*Services Offered Styling*/
.services-offered { padding-bottom:28px; position:relative }
.services-offered .quote { width:calc(100% - 14px) }
.services-offered .btn-green { z-index:2 }

/*------------------------------Styling for Service Page Start--------------------------------*/
.service-page .project-quotation { padding-bottom:30px }

/*------------------------------Styling for Gallery Page Start--------------------------------*/
.gallery-page .quote { width:calc(100% - 2px); margin-bottom:30px }

.dropdown-toggle { height:20px; width:20px; position:absolute; right:0; top:5px }
.dropdown-toggle:before { top:7px }



/* Contact */
.staff .contact-image { padding-right:20px }
.staff img { width:100%; margin:0 20px 20px 0 }
.staff .title { color:#07955A; font-family:'apex_newmedium' }
.staff .job { font-style:italic }
.staff .no-image { width:100%; height:200px; margin:0 20px 20px 0; border:1px solid #444 }