/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */
.ls-container {}

.ls-slide {}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {}

.ls-slide .yourClass {}

/* Side color of 3D objects */
.ls-3d-box div {
	background: #777;
}

/* By NDIC */
.q_slide_title, .q_slide_subtitle, .slide_p {
	left: 15% !important;
	line-height: 1 !important;
	width: 85% !important;
}

.q_slide_title {
	font-weight: 800 !important;
	top: 35% !important;
}

.q_slide_subtitle {
	font-weight: 600 !important;
	top: 20% !important;
}

.slide_p {
	top: 45% !important;
	padding: 0 !important;
}

#down-to-content {
	margin-top: 20px;
	text-align: left !important;
}

@media (max-width:1199px) {
	.q_slide_title, .q_slide_subtitle, .slide_p {
		letter-spacing: normal !important;
	}
	
	#down-to-content {
		border: 1px solid #fff !important;
		height: 25px !important;
		width: 25px !important;
	}
	
	.slide_p {
		top: 48% !important;
	}
	
	#down-to-content .fa {
		margin: 5px 0 0 5px !important;
		font-size: 18px !important;
	}
}

@media (min-width:1200px) {
	.q_slide_title, .q_slide_subtitle, .slide_p {
		line-height: .8 !important;
		width: 890px !important;
	}
	
	.q_slide_subtitle {
		font-size: 70px !important;
		line-height: .9 !important;
		text-align: right !important;
		top: 150px !important;
	}
	
	.q_slide_title {
		font-size: 100px !important;
		top: 315px !important;
	}
	
	.slide_p {
		top: 420px !important;
		padding-top: 50px !important;
		font-size: 32px !important;
		background: url("https://ninjio.com/wp-content/themes/bridge/img/divider.png") 0 0 no-repeat;
	}
	
	.slide_p.nitro-lazy {
		background-image: none !important;
	}
	
	#down-to-content .fa {
		margin: 11px 0 0 11px !important;
	}
}