@font-face {
  font-family: futura-light;
  src: url(font/FuturaStd-Light.otf);
}
@font-face {
  font-family: futura-medium;
  src: url(font/Futura-Std-Medium.otf);
}
body {font-family:futura-light;letter-spacing:1.5px}
.bg-dark {
	background:#111111 !important;
}


@media (min-width: 600px) {
.navbar {
	position:absolute;
	z-index:10;
	width:92%;
}
.heading {
	font-size:5rem;
	margin:12% 0 7% 0;
}



}


@media (max-width: 599px) {
.navbar {
	position:absolute;
	z-index:10;
	width:100%;
}
.aboutus-main h3,.bg-image-about h3 {
	margin-top:8%;
}
.heading {
	font-size:3rem;
	margin:30% 0 7% 0;
}
.navbar-nav {
	background:#000000;
}
.nav-item {
	border-top:1px solid #ffffff;
}
}

.navbar-dark .navbar-nav .nav-link {
	font-weight:600;
	color:#ffffff;
}
.bg-overlay {
	background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("images/aboutus.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay1 {
	background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("images/strategy.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay2 {
	background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url("images/philosophy.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.blog-overlay2 {
	padding-top: 350px;
	padding-bottom: 350px;
	background: url("../images/blog/blog.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.blog-overlay3 {
	padding-top: 350px;
	padding-bottom: 350px;
	background: url("../images/blog/blog2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.blog-overlay4 {
	padding-top: 350px;
	padding-bottom: 350px;
	background: url("../images/blog/blog3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.blog-overlay5 {
	padding-top: 350px;
	padding-bottom: 350px;
	background: url("../images/blog/blog4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.blog-overlay6 {
	padding-top: 350px;
	padding-bottom: 350px;
	background: url("../images/blog/blog5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.blog-home-new {
	background: url("images/product.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.heading {
	color:#ffffff;
	letter-spacing:5px;
	font-family:futura-medium;
}
.spacing {
	letter-spacing:5px;
}
.orange-color {
	color:#ffc107 !important;
}
.container-fluid {
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.row {
	margin:0;
}
.w-85 {
	width:85%;
}

.footer{
  background: url('../images/transparent-background-semigrey.png');
  margin-top: -40px;
}
.main-nav{ width: 95%; }
.carousel-indicators{z-index: 9}
@media only screen and (max-width: 768px) {
	.main-nav{ width: 100%; }
	.carousel-item > img{height: 250px}
	.carousel-text {font-size: 4.5vw}
	.navbar-brand img{width: 70%; float: left;}
	.mt-5, .my-5{margin-top: 4vw !important}
	.carousel-item .btn{
		font-size: 2.5vw !important;
    	margin-top: 10px !important;
    	margin-bottom: 20px !important;
    }
    div.slide-left{width: 95%}
    .carousel-caption {
	    left: 2.5%;
	}
	.carousel4 > div > div {
	    border: 2px dashed #ffc107;
	    width: 95%;
	    padding: 1.5vw 1vw;
	    color: #ffffff;
	    font-size: 1.5vw;
	    background: rgba(0,0,0,0.7);
	    margin-left: 5%;
	}
	.carousel-caption {bottom:0;}
}

div#st-1{
	position: fixed !important;
	top: 40%;
}

#st-1 .st-left{
	display: none !important;
}

.st-btn.st-first
{
	display: grid !important;
	width: 100% !important;
}


.st-btn.st-last
{
	display: grid !important;
	width: 100% !important;
}

/* blog main */



.blog-home-main .bg-home-desc{
	padding-top: 50px;
}

.blog-home-main .bg-home-desc a{
	text-decoration: none;
	color: #000;
}

.blog-home-main .bg-home-desc .new-blog{
	border: 1px solid #000;
	height: 250px;
}

.blog-home-main .bg-home-desc .new-blog .text-part{
	padding: 10px;
}

.blog-home-main .bg-home-desc .new-blog .text-part h3{
	font-size: 18px;
	font-weight: 800;
}


/* blog description */

.blog-desc .bg-desc{
	padding-top: 50px;
	padding-bottom: 100px;
}

.blog-desc .bg-desc h2{
	text-align: left;
}

.blog-desc .bg-desc h4{
	text-align: left;
}

.blog-desc .bg-desc p{
	text-align: left;
}

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

	.blog-overlay2{
		padding-bottom: 0px;
	}

	.blog-overlay3{
		padding-bottom: 0px;
	}

	.blog-overlay4{
		padding-bottom: 0px;
	}

	.blog-overlay6{
		padding-bottom: 0px;
	}

}