@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/*Customized CSS*/
.fw-100{
	font-weight: 100 !important;
}
.fw-200{
	font-weight: 200 !important;
}
.fw-400{
	font-weight: 400 !important;
}
.fw-600{
	font-weight: 600 !important;
}
.fw-800{
	font-weight: 800 !important;
}
.fw-900{
	font-weight: 900 !important;
}

.ls-1
{
	letter-spacing: 1px !important;
}
.ls-2
{
	letter-spacing: 2px !important;
}
.ls-3
{
	letter-spacing: 3px !important;
}
.ls-4
{
	letter-spacing: 4px !important;
}
.ls-5
{
	letter-spacing: 5px !important;
}
.ls-6
{
	letter-spacing: 6px !important;
}
.ls-7
{
	letter-spacing: 7px !important;
}
.ls-8
{
	letter-spacing: 8px !important;
}
.ls-20
{
	letter-spacing: 20px !important;
}

.fs-14{
	font-size: 14px !important;
	line-height: 24x;
}
.fs-16{
	font-size: 16px !important;
	line-height: 26px;
}
.fs-18{
	font-size: 18px !important;
	line-height: 28px;
}
.fs-20{
	font-size: 20px !important;
	line-height: 30px;
}
.fs-22{
	font-size: 22px !important;
	line-height: 32px;
}
.fs-24{
	font-size: 24px !important;
	line-height: 34px;
}
.fs-26{
	font-size: 26px !important;
	line-height: 36px;
}
.fs-28{
	font-size: 28px !important;
	line-height: 28px;
}
.fs-30{
	font-size: 30px !important;
	line-height: 40px;
}
.fs-32{
	font-size: 32px !important;
	line-height: 42px;
}
.fs-34{
	font-size: 34px !important;
	line-height: 44px;
}
.fs-36{
	font-size: 36px !important;
	line-height: 46px;
}
.fs-38{
	font-size: 38px !important;
	line-height: 48px;
}
.fs-40{
	font-size: 40px !important;
	line-height: 50px;
}
.fs-42{
	font-size: 42px !important;
	line-height: 52px;
}
.fs-44{
	font-size: 44px !important;
	line-height: 54px;
}
.fs-46{
	font-size: 46px !important;
	line-height: 56px;
}
.fs-48{
	font-size: 48px !important;
	line-height: 58px;
}
.fs-50{
	font-size: 50px !important;
	line-height: 60px;
}
.fs-55{
	font-size: 55px !important;
	line-height: 65px;
}
.fs-60{
	font-size: 60px !important;
	line-height: 70px;
}
.fs-65{
	font-size: 65px !important;
	line-height: 75px;
}
.fs-70{
	font-size: 70px !important;
	line-height: 80px;
}
.code-title{
	width: 40%;
	font-size: 18px;
	font-weight: 600;
	padding-left: 10px;
	background: #000;
	color:#fff;
	border-left: 5px solid #90ba2b;
	letter-spacing: 1px;
}
.code-title-1{
	width: 43%;
	font-size: 18px;
	font-weight: 600;
	padding-left: 10px;
	background: #000;
	color:#fff;
	border-left: 5px solid #90ba2b;
	letter-spacing: 1px;
}
.code-title-2{
	width: 100%;
	font-size: 22px;
	line-height: 32px;
	text-align:center;
	font-weight: 600;
	padding-left: 10px;
	background: #000;
	color:#fff;
	border-left: 5px solid #90ba2b;
	border-right: 5px solid #90ba2b;
	letter-spacing: 1px;
}
.code-title-3{
	width: 100%;
	font-size: 22px;
	line-height: 32px;
	text-align:center;
	font-weight: 600;
	padding-left: 10px;
	background: #000;
	color:#fff;
	border-left: 5px solid #90ba2b;
	border-right: 5px solid #90ba2b;
	letter-spacing: 1px;
}
.text-justify{
	text-align: justify;
}
.text-center{
	text-align: center;
}
.sp-about{
	padding: 0px 200px;
}
.stroke {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #D1AB4A;
	color:transparent;
	text-shadow: 5px 2px 0px
		rgba(29,13,8,0.1);
}
.underline{
	text-decoration: underline;
}
.text-white{
	color: #fff !important;
}
.text-gray{
	color: #999 !important;
}

.theme-color{
	color: #2F315B !important;
}
.theme-color-2{
	color: #723436 !important;
}
.theme-bg-1{
	background-color: #2F315B !important;
}
.theme-bg-2{
	background-color: #723436 !important;
}
.bg-grey{
	background: 
    rgba(0, 0, 0, 0) url("../images/pattern-2.png") no-repeat fixed center center / cover;
}
.pattern-1 {
    background: 
    rgba(0, 0, 0, 0) url("../images/pattern.png") no-repeat fixed center center / cover;
}
.contact-form-box {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.special-button{
	border: 2px solid #373737;
}
.border-radius{
	border-radius: 25px;
}
.border-radius-15{
	border-radius: 15px;
}
.box-shadow{
	-webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);
}
.shadowimage {
    box-shadow: 0 28px 16px -26px rgba(43,42,41,0.7) !important;
}
.strength-bs {
    -webkit-box-shadow: 17px 23px 35px -28px rgba(148,148,148,1);
    -moz-box-shadow: 17px 23px 35px -28px rgba(148,148,148,1);
    box-shadow: 17px 23px 35px -28px 
    rgba(148,148,148,1);
}
.num-font{
	font-family: 'Anton', sans-serif !important;
	font-size:50px;
}
.vh{
	visibility: hidden !important;
}
.gray-scale {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.gray-scale:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    cursor: pointer;
}
.p-tb-100 {
	padding: 100px 0 !important;
}

.fact-font{
	font-family: 'Passion One', cursive;
	font-size: 50px !important;
}
.left-flot{
	float:left !important;
}
.right-flot{
	float:right !important;
}
.ta-right{
	text-align: right !important;
}
.lead {
    font-size: 1.0rem;
    font-weight: 400;
}
.mb-ms{
	margin-bottom: 0.1rem;
}
.ml-ms{
	margin-left:50px;
}
.sd{
	position: relative;
	top: -38px;
}
.ptb-20{
	padding-top:22px;
	padding-bottom:05px;
}
.ptb-50{
	padding-top:50px;
	padding-bottom:50px;
}
.mt-30{
	margin-top: 30px !important;
}
.mt-20{
	margin-top: 20px !important;
}
.mt-50{
	margin-top: 50px !important;
}
.mt-10{
	margin-top: 10px !important;
}
.mb-20{
	margin-bottom: 10px !important;
}
.mb-50{
	margin-bottom: 50px !important;
}
.iqd-pr-60 {
    padding-right: 60px;
}
.pb-17{
	padding-bottom:17px;
}
.iqd-pl-60 {
    padding-left: 60px;
}
.selected {
    border-bottom: 0px dashed #fff;
	color:#f2f2f2 !important;
}
.close {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
.modal-dialog {
    max-width: 500px;
    margin: 9.75rem auto;
}
.lc{
	color: #666666 !important;
}
.lc:hover{
	color: #90ba2b !important;
}
.img-w{
	width:40% !important;
}
.testi-w{
	width:100px !important;
}
.q-icon{
	width: 70px;
}
.divider-short {
    content: "";
    bottom: 0px;
    left: 0;
    width: 50px;
    height: 5px;
    background: #90BA2B;
    display: inline-block;
}
.w-100 {
	height: auto !important;
	width: 100% !important;
}
.b-15 {
	border: 5px solid #000;
}


@media only screen and (max-width: 469px) {
	.desktop-view {
				display: none !important;
			}
}	
@media only screen and (min-width: 992px){
	.mobile-view {
				display: none !important;
			}
}
@media only screen and (max-width:480px) {
	.navbar-toggler {
		padding: .25rem 1.75rem;
		font-size: 1.25rem;
		line-height: 1;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: .25rem;
	}
	.navbar .logo {
		margin-left: 20px;
		width: 150px;
		margin-top: 10px;
	}
	.icon-bar {
		margin-top: 10px;
	}
	.sfs-title{
		font-size: 50px !important;
		line-height:50px !important;
	}
	.about .img-mons .img1 img, .about .img-mons .img2 img, .about .img-mons .img3 img {
		width: 100%;
		height: auto;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center center;
		object-position: center center;
	}
	.mdn{
		display: none !important;
	}
	.mfs-30{
		font-size: 30px !important;
		line-height: 42px !important;
	}
	.msp-60{
		padding: 100px 0 60px 0 !important;
	}
	.sec-head h3 {
		font-size: 60px;
	}
	.sec-head .tbg {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 80px;
		font-weight: 700;
		color: transparent;
		-webkit-text-stroke: 1px rgba(116, 129, 135, 0.7);
		opacity: .3;
		line-height: 70px;
	}
	.sec-head h6 {
		font-size: 30px;
		letter-spacing: 8px;
		line-height: 0px;
	}
	.pages-header .cont h1 {
		font-size: 60px;
		margin-bottom: 20px;
	}
	.sec-head .tbg {
		position: absolute;
		bottom: 0px;
		left: 60px;
		width: 100%;
		text-align: center;
		font-size: 80px;
		font-weight: 700;
		color: transparent;
		-webkit-text-stroke: 1px rgba(116, 129, 135, 0.7);
		opacity: .3;
		line-height: 70px;
	}
	.mfs-50{
		font-size:50px !important; 
	}
	.mt-100 {
		margin-top: 50px !important;
	}
	.about .img-mons, .number-sec .item, .block-sec .vid-area .cont, .about .content, .skills-box {
		margin-bottom: 0px;
	}
	.section-padding {
		padding: 100px 0;
	}
	.mb-50 {
		margin-bottom: 30px !important;
	}
	.mmt-50{
		margin-top: 50px;
	}
}