body{font-size:14px;letter-spacing: 1px;color:#333;font-family: 'Open Sans', sans-serif;}
.container-fluid{min-height:360px;}
.footer{background:#006161;color:white; border-top: 4px solid #ccc;}
/*fonts*/
h1 {font-size:2.5rem;text-align: center;font-weight: 300;line-height: 75%;text-transform: capitalize;}
h2 {font-size:1.5rem;line-height:24px;font-weight:300;}
h3 {font-size:1.3rem;font-weight: normal;line-height:34px;padding:0;}
h4 {font-size:1.25rem;line-height:30px;}
h5 {font-size:1rem;font-weight: bold;}
h6 {text-align:center;font-size:1.2rem;}
p {font-weight:normal;line-height: 24px;text-align:justify;}
h1, h2, h3, h4, h5, h6 {color:darkred;padding:2% 0; display: block; clear: both; content: "";font-family: 'Josefin Slab', serif;}
p {color:#333;}
.splittwo {background-color: orangered;background-image: -webkit-linear-gradient(36deg, orangered 36%, whitesmoke 35%);min-height: 400px;}
.over-lay {position: absolute;bottom: 100%;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.7);overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.service:hover .over-lay {bottom: 0;height: 100%;} 
.service img{width:100%; height:100%;}
.service{text-align:center!important;}
/* Content animation */
.contentinner img, .bg-img-1 img{float: left;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;padding: 0 20%;background-color: transparent;border: 0 solid #dee2e6;border-radius: .25rem;max-width: 100%;height: auto;-webkit-animation-delay:0.5s;animation-delay: 0.5s;}
.contentinner h1{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;text-align:left;-webkit-animation-delay:0.5s;animation-delay: 0.5s;}
.contentinner p {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-delay:0.5s;animation-delay: 0.5s;}
/* General */
.cpad{padding:2%;}
.cpad5{padding:5%;}
.cpad25{padding:2% 5%;}
.vpad{padding:5% 0;}
.vmar{margin:1rem 0;}
.tab{display:block;}
.sticky-footer {font-size:1rem;position: fixed;bottom: 0;background-color: darkslategrey;color: black;text-align: center;}
.wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width:100%;}
.icon{width:128px;height:128px;}
.border-left{border-left: silver 2px solid;padding: 0 2%;}
.opace4{opacity:0.4;}
.alt-bg{background:#f6f6f6;color:grey;}
.vert-middle{align-items:center}
.surround{justify-content: space-around;}
.push-down{position:relative; top:110vh; background:white;}
.mar-bot{margin-bottom:0;}
.footer {background:orangered;color:white;}
.footer h2 {color:gold;}
.footer .fa {color:white;font-size:1.2rem;border:1px solid silver;border-radius:4px;width:42px;height:42px;padding:2%;margin:2%;}
.footer .fa:hover {color:whitesmoke;}
.form-control{font-size:inherit;}
.btn{white-space:normal;line-height: 1.0;}
.btn-theme {color:white;background-color:orangered;border-color: orangered;border:1px solid;}
.btn-theme:hover {color: orangered;background-color: white;border-color: orangered;}
.btn-theme a{color: white;}
.sticky{background:white; margin-top:0; box-shadow:-2px 19px 6px -16px rgba(66,58,66,0.4);}
.sticky.is-sticky {position: fixed;left: 0;right: 0;top: 0;z-index: 1000;width: 100%;background:white;-webkit-box-shadow: -2px 19px 6px -16px rgba(66,58,66,0.4);-moz-box-shadow: -2px 19px 6px -16px rgba(66,58,66,0.4);box-shadow: -2px 19px 6px -16px rgba(66,58,66,0.4);border-top: 4px solid grey;}
.min-ht{min-height:400px;}
/* Tooltip */
.tooltip-inner {background-color: #00acd6 !important;color: #fff;}
.tooltip.top .tooltip-arrow {border-top-color: #00acd6;}
.tooltip.right .tooltip-arrow {border-right-color: #00acd6;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #00acd6;}
.tooltip.left .tooltip-arrow {border-left-color: #00acd6;}
/* Special Classes */
.bg-img-1{min-height:300px;background-image: url(../images/bg-1.jpg);background-attachment:fixed;background-size:cover;}
.bg-img-1 h1, .bg-img-2 h1, .bg-img-3 h1, .bg-img-4 h1{color:whitesmoke;line-height:0.75;}
.bg-img-1 h4, .bg-img-2 h4, .bg-img-3 h4, .bg-img-4 h4{color:white;text-transform: uppercase;font-size:1.1rem;}
.bg-img-1 p, .bg-img-2 p, .bg-img-3 p, .bg-img-4 p{color:gold;text-transform: uppercase;font-size:0.8rem;}
.bg-img-2{min-height:300px;background-image: url(../images/bg-2.jpg);background-attachment:fixed;background-size:cover;}
.bg-img-3{min-height:300px;background-image: url(../images/mobile-friendly-website-bg.jpg);background-attachment:fixed;background-size:cover;}
.bg-img-4{min-height:300px;background-image: url(../images/mobile-ecommerce-bg.jpg);background-attachment:fixed;background-size:cover;}
.announce{font-size: 5rem;font-weight: 200;font-family:'Raleway', sans-serif;}
.linkfeat{background: rgba(76,76,76,0);background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(49%, rgba(48,48,48,0)), color-stop(100%, rgba(19,19,19,1)));background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );}
/* Navigation */
.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 6px;top: 12px;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;}
.dropdown-menu {left: auto; }
.ww{width:100%;}
.active{background:orange; color:white;}
.active:hover{border-bottom:none;}
.active .dropdown-menu.show {display: block;margin-top: -30px;}
.navbar-light .navbar-nav .nav-link {color: #555;font-weight:bold;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #fff;}
.navbar-dark .navbar-nav .nav-link {color: lightpink;text-transform: uppercase;font-size:14px;}
.navbar-nav .dropdown-menu {background-color: deeppink;}
.dropdown-item {color: whitesmoke;font-size:14px;}
.dropdown-item:hover{background: #fff;color:deeppink;font-size:14px;}
.dropdown-menu {width:250px;}
.copytext a {color:white;}
.copytext a:hover {color:whitesmoke;}
.footer>.fa a {color:white;}
.footer>.fa a:hover {color:whitesmoke;}
a {color: #a9a3a3; text-decoration: none;background-color: transparent;-webkit-text-decoration-skip: objects;}
a:hover {color: grey;text-decoration: none !important}
.overlay1 {background: black;opacity: 0.6;position: absolute;z-index: 1;text-align: center;margin: 0%;bottom: 0;width: 100%;display: none;height: 100%;padding: 20%;color: #fff;}
/* Carousel CSS */
.carousel-caption {position: absolute;right: 5%;bottom: 0;left: 5%;z-index: 10;color: #fff;text-align: center;top: 37%;}
.carousel-item h1 {font-size:3.3rem;font-weight:200;line-height:50%;color:white;text-align:left !important;}
.carousel-item h2 {font-size:2.5rem;font-weight:100;line-height:100%;color:white;padding:0;font-family: 'Oswald', sans-serif; text-shadow:1px 1px 1px #000;}
.carousel-item h3 {font-size:1.5rem; color: lightskyblue; font-weight: normal;font-family: 'Kaushan Script', cursive; line-height:150%;margin-top:2rem;margin-bottom:0;}
.carousel-item h5 {font-weight:lighter;color:white;padding:0;font-family: 'Allan', cursive;font-size:2rem; text-shadow:1px 1px 1px #000;}
.cap-spread {width:35%;}
.position-top {top:-70%;}
.carousel-inner {position: relative;width: 100%;margin-top:-15px;overflow: hidden;-webkit-box-shadow: -2px 29px 16px -26px rgba(66,58,66,0.4);-moz-box-shadow: -2px 29px 16px -26px rgba(66,58,66,0.4);box-shadow: -2px 29px 16px -26px rgba(66,58,66,0.4);}
.carousel-fade .carousel-item {opacity: 0;transition-duration: .6s;transition-property: opacity;}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade  .carousel-item-prev.carousel-item-right {opacity: 1;}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {opacity: 0;}
.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}
/* Gallery */
.gal:hover .overlay1{display:block;}
.gallery-block{padding-bottom: 20px;}
.gallery-block .heading{margin-bottom: 50px;text-align: center;}
.gallery-block .heading h2{font-weight: bold;font-size: 1.4rem;text-transform: uppercase;}
.gallery-block.compact-gallery .item{overflow: hidden;margin-bottom: 0;opacity: 1;}
.gallery-block.compact-gallery .item .image{transition: 0.8s ease;}
.gallery-block.compact-gallery .item .info{position: relative;display: inline-block;}
.gallery-block.compact-gallery .item .description{display: grid;position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;font-size: 17px;line-height: 18px;width: 100%;padding-top: 15px;padding-bottom: 15px;opacity: 1;color: #fff;transition: 0.8s ease;text-align: center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));}
.gallery-block.compact-gallery .item .description .description-heading{font-size: 1em;font-weight: bold;}
.gallery-block.compact-gallery .item .description .description-body{font-size: 0.8em;margin-top: 10px;font-weight: 300;}
/* Media port */
@media (min-width: 576px) {
.gallery-block.compact-gallery .item .description {opacity: 0;}
.gallery-block.compact-gallery .item a:hover .description {opacity: 1;} 
.gallery-block .zoom-on-hover:hover .image {transform: scale(1.3);opacity: 0.7;}
.ind-display{position:absolute; top:100vh; width:100%;background:white;}
}
@media (max-width: 575px) {
.excellogo{display:none;}
.ind-display{position:absolute; top:63vh; width:100%;background:white;}
}@media (max-width: 760px) {
body{letter-spacing: 0;}
.ww {top: -50%;left: -180%;width: 250%;height: 180%;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;}
.carousel-caption {position: absolute;right: 2%;bottom: 20px;left: 2%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;}
.carousel-item h1 {font-size:1.8rem; font-weight:400; font-family:'Raleway', sans-serif; line-height: 75%; }
.carousel-item h2 {font-size:1.8rem; font-weight:400; font-family: 'Raleway'; margin-top:1vh;margin-bottom:0;}
.carousel-item h3 {font-size:1.6rem; color: whitesmoke; font-weight: normal;font-family: 'Kaushan Script', cursive; line-height:150%;text-align:left;}
.cpad{padding:0;}
h2 {font-size: 1.1em;}
.info-content h3 {font-size: 0.8rem;} 
.contentinner img{float: unset;margin-right: 0;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;padding: .25rem;background-color: #fff;border: 1px solid #dee2e6;border-radius: .25rem;max-width: 100%;height: auto;-webkit-animation-delay:0.5s;animation-delay: 0.5s;width:70%;margin-left:15%;margin-right:15%;}
}
@media  (max-width: 991px) {
body{letter-spacing: 0.5px;}
.infoboxR {flex-flow: row-reverse nowrap;justify-content: unset;}
.infoboxL {justify-content: space-evenly;}
.info-content {justify-content: flex-start;align-items: center;flex-basis: 80%;margin: auto 0;width: 100px;word-wrap: break-word;}
.navbar-dark .navbar-toggler {color: rgba(255,255,255,.5);border-color:deepskyblue;}
.who-icon {margin: 0;padding: 0;}
.pleft {padding-left:10%;}
.cap-spread {width:60%;}
.push-down-info {margin-top:20%;margin-left:10px;}
.position-top {top:30%;}
.active .dropdown-menu.show {display: block;margin-top: 0;width: 100%;}
.navbar-nav .dropdown-menu {background-color: deeppink;width: 100%;}
}
@media  (max-width: 1025px){
body{letter-spacing: 0.5px;}
.navbar-dark .navbar-nav .nav-link {font-size:13px;}
h1{line-height:30px;}
.navbar-dark .navbar-nav .nav-link {text-align:left;}
.nav-fill .nav-item {width: 100%;}
}