@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: asplreg;
  src:url("../font/EBGaramond-Regular.woff");
}
@font-face {
  font-family: asplbold;
  src:url("../font/EBGaramond-Bold.woff");
}
@font-face {
  font-family: asplmed;
  src:url("../font/EBGaramond-Medium.woff");
}




.about{ background: url("../img/bg.jpg");}
.about-l{display: flex;}
#logocenter{ align-self: center;}
.redline{ background: #ff0000; height: 3px; width:50%;}
.whiteline{ background: white; height: 2px;}
.redline2{ background: #ff0000; height: 3px; width:200px;}
.services h1{ font-size:2.5rem; font-weight: 300; color: white;}
.services .servicelist {/* background:#f5f5f5;*/}
.services .servicelist ul li{ display: block; padding: 20px 0;color: grey; }
.services .servicelist ul li:hover{ color: white; }
#div2, #div4, #div6, #div8, #div10, #div12{display: none; }
a{ text-decoration: none !important;}
.services button{ background: none; color: grey; border: 1px solid #dc354591; padding: 15px 60px;}
.services button:hover{ background: none; color: white; border: 1px solid red; padding: 15px 60px;}

.services{ background: black;}
.services .servicelist hr{border-top: 1px solid #dc354591;}
.services .servicelist svg{ float: right; }


footer h3{
    display: inline-block;
    font-size: 1em;
    padding: 0 50px;
}

footer{ background: #dddbdb; padding: 50px 0 1px; margin-top: -24px;}

.aspl-nav .bg-dark {background: #000 !important;}

.aspl-nav img{ width: 7em;}
.aspl-nav .navbar-nav a{ font-size:.8em;}
.aspl-nav .navbar-nav a.active{ font-weight: bold;}
.aspl-nav form a{ width: 200px; font-size: 1em;}
.aspl-nav form .btn-outline-light { border-color: grey;}


 .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 057 css*/


        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}



.scrollspy2{
    position: relative;
  }
  ul.nav-pills {
    top: 20px;
    position: fixed;
  }
  div.col-8 div {
    height: 500px;
  }


/*start expertise*/

.bannerclass{position: relative;}
.e-banner .e-text{position: absolute; top: 30%; left: 10%; color: white; z-index: 0;}
.e-text h1{font-weight: bold; font-size: 4em;}
.e-text p{ font-size: 1.2em;}

.expertise{ background: #0b1b38; color: white;}
.expertise h1{font-family: asplreg; font-size: 2em;}
.expertise p{ text-align: justify; font-weight: 100;}
.e-border{border-right: 1px solid darkslategrey;}


/*end expertise*/


@media only screen and (max-width: 1181px) {
	
	footer h3{ padding: 0 25px;}
	
	
}

@media only screen and (max-width: 1038px) {
	
	.e-text h1{font-size:2em;}
	.e-text p { font-size: .8em;}
	.e-banner .e-text {position: absolute; top: 25%;  left: 6%;}
	
}

@media only screen and (max-width: 981px) {
	

	footer h3, .copyright{ font-size: 12px; }
	footer .card-block img { width: 40px;}
	footer { padding: 30px 0 1px;}
	
	
	
}

@media only screen and (max-width: 767px) {
	
	.aspl-nav .navbar-nav, .aspl-nav form {
    padding: 20px;
	}
	.aspl-nav .navbar-nav a{ padding-left: 0 !important;}
	
	
	.mt-n5.logoscrolling.mb-4 { margin: 0 !important;}
	
	
	
	
}



@media only screen and (max-width: 575px) {
	
	footer .container .card-block img, footer .copyright .footerlogo{ display: none !important; }
	 .e-banner .e-text { top: 18%;  left: 6%; }
	.e-banner .e-text h1 { font-size: 1.7em; padding-right: 25%;}
	.container.expertise{ margin: 0 !important;}
	
}