body{
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	font-family: 'font-english';
	color:#000;
	background:#FBFBFB;
}
.font-urdu{
	font-family: 'font-urdu';
	direction:rtl;
	line-height:35px;
}
.font-arabic{
	font-family: 'font-arabic1';
	direction:rtl;
	line-height:50px;
}
.font-arabic2{
	font-family: 'font-arabic2';
	direction:rtl;
}
.font-arabic3{
	font-family: 'font-arabic3';
	direction:rtl;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
h1.font-arabic2{
	font-size:40pt;
}


section{
	padding-top:50px;
	padding-bottom:50px;
	border-bottom:1px solid rgba(0,0,0, 0.1);
}
.white-space{
	white-space: nowrap;
}
.white-space-normal{
	white-space: normal;
}
.table-responsive-xl{
	overflow-x:auto;
}
.direction-rtl{
	direction:rtl;
}
.direction-ltr{
	direction:ltr;
}
.fa{
	min-width:20px;
	text-align:center;
	display:inline-block;
}
.btn .fa{
	min-width:auto;
}
.text-overflow-line-1,
.text-overflow-line-2,
.text-overflow-line-3,
.text-overflow-line-4,
.text-overflow-line-5,
.text-overflow-line-6{
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-overflow-line-1{
	-webkit-line-clamp: 1;
}
.text-overflow-line-2{
	-webkit-line-clamp: 2;
}
.text-overflow-line-3{
	-webkit-line-clamp: 3;
}
.text-overflow-line-4{
	-webkit-line-clamp: 4;
}
.text-overflow-line-5{
	-webkit-line-clamp: 5;
}
.text-overflow-line-6{
	-webkit-line-clamp: 6;
}
.alert,
.btn{
	position:relative;
	border-color: rgba(0,0,0,0.1) !important;
	overflow:hidden;
}
.modal .modal-content .modal-header,
.alert,
.btn:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: -moz-linear-gradient(0deg, transparent 0, rgba(255,255,255,0.5) 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 0deg, color-stop(0, transparent), color-stop(100%, rgba(255,255,255,0.5)));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0deg, transparent 0, rgba(255,255,255,0.5) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(0deg, transparent 0, rgba(255,255,255,0.5) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(0deg, transparent 0, rgba(255,255,255,0.5) 100%);/* IE10+ */
	background: linear-gradient(0deg, transparent 0, rgba(255,255,255,0.5) 100%);/* W3C */
}
.modal .modal-content .modal-header,
.alert,
.btn>*{
	position:relative;
	z-index:1;
}
.btn, a{
	cursor:pointer !important;
	text-decoration:none !important;
}

.card,
.btn-outline-light{
	background-color:#fff;
	box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1);
}


.bg-white,
.alert-white{
	background-color:#fff !important;
}

.alert-light{
	background:#FBFBFB !important;
}

.bg-success,
.btn-success{
	background-color:#1F9D49 !important;
}


.text-gray{
	color:#999999;
}
.text-parpul{
	color:#210C75;
}
.text-pink{
	color:#C2106E;
}






.twh-navbar{
	position:fixed;
	top:0;
	left:0;
	right:0;
	border-bottom:1px solid #dddddd;
	z-index:999;
	background: -moz-linear-gradient(0deg, #f1f1f1 0, #fff 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 0deg, color-stop(0, #f1f1f1), color-stop(100%, fff));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0deg, #f1f1f1 0, #fff 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(0deg, #f1f1f1 0, #fff 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(0deg, #f1f1f1 0, #fff 100%);/* IE10+ */
	background: linear-gradient(0deg, #f1f1f1 0, #fff 100%);/* W3C */
	box-shadow:0px 15px 5px -10px rgba(0,0,0,0.1);
}
.twh-navbar .nav-brand{
	padding-left:15px;
	padding-right:15px;
}
.twh-navbar .nav-brand .logo{
	width:250px;
}
.twh-navbar .nav-brand .logo2{
	width:50px;
}
.twh-navbar .btn{
	padding:16px 15px;
	border-radius:0;
	height:100%;
	font-size:12pt;
}
.twh-navbar .links{
	display:block;
	padding-top:16px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	color:#000;
	border-top:3px solid transparent;
	font-size:12pt;
}
.twh-navbar .links:active,
.twh-navbar .links:focus,
.twh-navbar .links:hover{
	border-top:3px solid #1F9D49;
}
.twh-navbar .links img{
	height:20px;
}
.twh-navbar .links .fa{
	font-size:14pt;
	color:#1F9D49;
}
.dropdown .dropdown-menu{
	
}
.dropdown .dropdown-menu .dropdown-item{
	border-left:5px solid transparent;
	padding-left:15px;
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:active{
	border-left:5px solid #04f40f;
}

.banner-home{
	position:relative;
	margin-top:58px;
	padding-top:40%;
	border:1px solid #dddddd;
}

.banner-home .badge-area,
.banner-home .image-area{
	position:absolute;
	top:0;
	bottom:0;
}
.banner-home .image-area{
	left:0;
	right:33%;
	background-color:rgba(255,255,255,0.8);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.banner-home .image-area .owl-carousel .owl-nav{
	position:absolute;
	border:1px solid red;
	top:15px;
	right:15px;
	height:37px;
}

.banner-home .image-area .owl-carousel .owl-nav button.owl-next,
.banner-home .image-area .owl-carousel .owl-nav button.owl-prev{
	box-shadow:0px 0px 0px 1px #dddddd !important;
	padding:10px 15px 15px 15px !important;
	font-size:25pt !important;
	line-height:10px !important;
	background:#f9f9f9;	
	border:0 !important;
	overflow:hidden;
}
.banner-home .image-area .owl-carousel .owl-nav button.owl-next:hover,
.banner-home .image-area .owl-carousel .owl-nav button.owl-prev:hover{
	background:#fff;
}

.banner-home .badge-area{
	left:67%;
	right:0;
	border-left:1px solid #dddddd;
}

.banner-home .badge-area .grid-row{
	height:20%;
	border-bottom:1px solid #dddddd;
}
.banner-home .badge-area .grid-row:last-child{
	border-bottom:0;
}
.banner-home .badge-area .grid-row .grid-col{
	position:relative;
	display:block;
	width:100%;
	border-right:1px solid #dddddd;
	background-color:rgba(255,255,255,0.8);
	background-size:65% 65%;
	background-position:center 20%;
	background-repeat:no-repeat;
	transition:all 0.1s ease-in-out;
}
.banner-home .badge-area .grid-row .grid-col:hover{
	background-color:#fff;
}
.banner-home .badge-area .grid-row .grid-col span{
	position:absolute;
	border:2px dashed transparent;
	transition:all 0.4s ease-in-out;
}
.banner-home .badge-area .grid-row .grid-col:hover span{
	border:2px dashed #15b5ea;
}
.banner-home .badge-area .grid-row .grid-col .line-top{
	top:0;
	left:0;
	right:100%;
}
.banner-home .badge-area .grid-row .grid-col .line-right{
	top:0;
	right:0;
	bottom:100%;
}
.banner-home .badge-area .grid-row .grid-col .line-bottom{
	left:100%;
	right:0;
	bottom:0;
}
.banner-home .badge-area .grid-row .grid-col .line-left{
	top:100%;
	left:0;
	bottom:0;
}
.banner-home .badge-area .grid-row .grid-col:hover .line-right{
	bottom:0;
}
.banner-home .badge-area .grid-row .grid-col:hover .line-bottom{
	left:0;
}
.banner-home .badge-area .grid-row .grid-col:hover .line-top{
	right:0;
}
.banner-home .badge-area .grid-row .grid-col:hover .line-left{
	top:0;
}
.banner-home .badge-area .grid-row .grid-col:focus .line-right{
	top:100%;
}
.banner-home .badge-area .grid-row .grid-col:focus .line-bottom{
	right:100%;
}
.banner-home .badge-area .grid-row .grid-col:focus .line-top{
	left:100%;
}
.banner-home .badge-area .grid-row .grid-col:focus .line-left{
	bottom:100%;
}
.banner-home .badge-area .grid-row:first-child .grid-col{
	background-size:25%;
	background-position:4% center;
}
.banner-home .badge-area .grid-row .grid-col:last-child{
	border-right:0;
}
.banner-home .badge-area .grid-row .grid-col .text{
	position:absolute;
	font-size:10pt;
	color:#666666;
}
.banner-home .badge-area .grid-row:first-child .grid-col .text{
	top:32%;
	left:29%;
	bottom:auto;
	text-align:left;
}
.banner-home .badge-area .grid-row .grid-col .text{
	bottom:5%;
	left:0;
	right:0;
	text-align:center;
}











.banner-other{
	padding-top:150px;
	padding-bottom:100px;
	border:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}


.banner-slider{
	position:relative;
}
.banner-slider .control-next,
.banner-slider .control-prev{
	position:absolute;
	top:0;
	width:35px;
	margin:auto;
	background-color: rgba(255,255,255,0.8);
	text-align:center;
	border:1px solid #dddddd;
	border-radius:4px;
}
.banner-slider .control-next .fa,
.banner-slider .control-prev .fa{
	font-size:30pt;
}
.banner-slider .control-prev{
	left:-10px;
}
.banner-slider .control-next{
	right:-10px;
}
.banner-slider .control-prev:hover,
.banner-slider .control-next:hover{
	background-color: rgba(255,255,255,1);
}

.bg-image-1{
	background:url('../images/bg-image-1.png') center top;
	background-size:cover;
	background-repeat:no-repeat;
}


.iframe-container{
	position:fixed;
	top:84px;
	left:0;
	right:0;
	bottom:0;
}
.iframe-container .full-screen-iframe{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	margin:auto;
	
}







.owl-carousel .owl-nav{
	position:absolute;
	border:1px solid red;
	top:-50px;
	right:0;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
	box-shadow:0px 0px 0px 1px #dddddd !important;
	padding:10px 15px 15px 15px !important;
	font-size:25pt !important;
	line-height:10px !important;
	background:#f9f9f9;	
	border:0 !important;
	overflow:hidden;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover{
	background:#fff;
}

.content-pages .owl-nav{
	position:absolute;
	border:1px solid red;
	top:-50px;
	right:20px;
}


.btn-back2top{
	position:fixed;
	display:inline-block;
	right:23px;
	bottom:-100%;
	opacity:0;
	z-index:1000;
	transition:all 0.5s ease;
	border:1px solid red;
}
.btn-back2top.show{
	bottom:13px;
	opacity:1;
}

#canvas{
	position:relative;
	overflow:hidden;	
	background: url('../images/design/bg-1.jpg') center center no-repeat;
	background-size:100% 100%;
	border:2px solid #dddddd;
}
#canvas .canvas-body{
	padding-top:3%;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:3%;
	height:445px;
	display:table-cell;
	vertical-align:middle;
	width:1000px;
}
#canvas .canvas-body .content{
	padding:5px;
	cursor:pointer;
	display:inline-block;
	margin:auto;
}
#canvas .control{
	box-shadow:0px 0px 0px 3px rgba(8, 158, 204, 0.5) inset, 0px 0px 1px 0px #fff !important;
}
#canvas .canvas-footer{
	position:relative;
	background-image: url('../images/post-footer.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
	padding:5%;
}
#canvas .reference{
	background:#000;
	display:inline-block;
	border:2px solid #dddddd;
	padding:2px 15px;
	font-size:13pt;
	color:#fff;
	border-radius:5px;
}

.card-columns{
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}



footer{
	background: -moz-linear-gradient(0deg, #fff 0, #f1f1f1 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 0deg, color-stop(0, #fff), color-stop(100%, f1f1f1));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0deg, #fff 0, #f1f1f1 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(0deg, #fff 0, #f1f1f1 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(0deg, #fff 0, #f1f1f1 100%);/* IE10+ */
	background: linear-gradient(0deg, #fff 0, #f1f1f1 100%);/* W3C */
}



@media screen and (max-width: 1200px){
	
} 
@media screen and (max-width: 992px){
	
	
	.card-columns{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
	}
} 
@media screen and (max-width: 768px){
	.twh-navbar .nav-brand{
		padding-left:10px;
		padding-right:10px;
	}
	.twh-navbar .btn{
		padding:14px 15px;
		border-radius:0;
	}
	.twh-navbar .links{
		display:block;
		padding-top:12px;
		padding-left:13px;
		padding-right:13px;
		padding-bottom:15px;
		color:#000;
		border-top:3px solid transparent;
		font-size:12pt;
	}
	.twh-navbar .links:active,
	.twh-navbar .links:focus,
	.twh-navbar .links:hover{
		border-top:3px solid #1F9D49;
		font-size:12pt;
	}
	.container{
		width:100%;
	}
	.iframe-container{
		top:53px;
	}
	h1,.h1{
		font-size:22pt !important;
	}
	h2,.h2{
		font-size:20pt;
	}
	h3,.h3{
		font-size:18pt;
	}
	h4,.h4{
		font-size:16pt;
	}
	h5,.h5{
		font-size:14pt;
	}
	h6,.h6{
		font-size:12pt;
	}
	body, p{
		font-size:11pt;
	}
	.font-arabic{
		line-height:40px;
	}
	.navbar.navbar-light .navbar-brand img{
		width:200px !important;
		margin:0px 0px !important;
	}
	
	.banner-other{
		padding-top:100px;
		padding-bottom:30px;
	}
	
	.card-columns{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
	}
	
	.banner-home{
		margin-top:54px;
		padding:0;
		border-top:0;
		border-left:0;
		border-right:0;
	}
	.banner-home .badge-area,
	.banner-home .image-area{
		position:relative;
	}
	.banner-home .image-area{
		right:0;
	}
	.banner-home .badge-area{
		left:0;
	}
	.banner-home .badge-area .grid-row .grid-col{
		padding-top:25%;
	}
	

} 
@media screen and (max-width: 576px){
	
	.card-columns{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
	}
}