@charset "utf-8";
/* CSS Document */
/************************************************
*************************************************
*****Webside Design By "SUMAIRA ARSHAD"**********
*****mailto:sumaira.arshad125@gmail.com**********
*************************************************
************************************************/
.wr{width:500px;
height:auto;
}
.twits
{
	float:right;
	padding-right:280px;
}
body
{
	width: 100%;
	margin:0 auto;
	padding: 0;
	text-align: left;
	background-color:7F7E7E;
}
article a
{
	text-decoration:none;
	color:#F96F00;
}
article a:hover
{
	color:#335BAF;
}
h1
{
	color:#F96F00;
	font-size:24px;
	font-family: 'Roboto', sans-serif;
}
h1 a{
	text-decoration:none;
	color:#000000;
}
h1 a:hover
{
	color:#F96F00;
}
h2
{
	font-family: 'Roboto', sans-serif;
}
h2 a
{
	text-decoration:none;
	color:#000000;
}
h2 a:hover
{
	color:#464646;
}
h4
{
	font-family: 'Roboto', sans-serif;
	color:#000;
}
h3 
{
	color:#000;
}
h5 
{
	color:#000;
	font-family:'Roboto', sans-serif;
}
p
{
	color:#464646;
	font-family: 'Roboto', sans-serif;
}
p a
{
	text-decoration:none;
	color:#000;
}
p a:hover{
	color:#F96F00;
}

.wraperForFrontPage{
	width:900px;
	margin:0 auto;
	float:left;
	padding-left:30px;
}
.adsinfograph{
	float:right;
	margin-right:10px;
	width:300px;
	height:400px;
	}
.adsinfograph1{
	float:right;
	margin-right:10px;
	width:300px;
	height:400px;
	}
.ads{
	float:right;
	margin-right:0;
	margin-top:441px;
	width:0px;
	height:270px;
	}
.ads iframe{
	width:300px;
	height:270px;
	}
	.ads img{
	width:300px;
	height:270px;
	}
.ads1{
	margin-top:auto;
}
.wraper{
	width:1000px;
	margin:0 auto;
}
.parallax-window {
    min-height:600px;
    background: transparent;
}
.contentPerallex{
	text-align:center;
	font-family: calibri;
	color:#000000;
	font-size:36px;
	width:1100px;
	margin:0 auto;
    padding-top:230px;
}
.banner{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.banner img{
	width:100%;
}
#blockfrontPage{
	width:350px;
	height:232px;
	padding:10px;
	float:left;
	margin:9px;
	}
	#blockfrontPage img{
	width:350px;
	height:232px;
}
#block1frontPage{
	width:450px;
	height:232px;
	padding: 9px 20px 15px 0px;
	text-align:justify;
	float:left;
	margin:10px;
	line-height:17px;
	}
#block
{
    width:400px;
	height:232px;
	padding:10px;
	float:left;
	margin:9px;	
}
#block1
{
    width:500px;
	height:232px;
	padding: 9px 20px 15px 0px;
	text-align:justify;
	float:left;
	margin:10px;
	line-height:17px;
}
#block-0
{
    width:400px;
	height:232px;
	padding:10px;
	float:left;
	margin:9px;
}
#block-1
{
	width:500px;
	height:232px;
	padding: 9px 20px 15px 0px;
	text-align:justify;
	float:left;
	margin:10px;
	line-height:17px;
}
iframe
{
	height:440px;
	width:100%;
}
.blog
{
    width:150px;
	height:150px;
	padding:10px;
	float:left;
	margin:9px;	
}
.blogContant
{
    width:600px;
	height:150px;
	padding: 9px 20px 15px 0px;
	text-align:justify;
	float:left;
	margin:10px;
	line-height:10px;	
}
/*crousel slider css*/

.space
{
	height:300px;
}
.space1
{
	margin-top:66px;
}
.jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
            position: absolute;
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
            background: url('img/b03.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb03 div { background-position: -5px -4px; }
        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
        .jssorb03 .av { background-position: -65px -4px; }
        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

        .jssora03l, .jssora03r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url(../img/a03.png) no-repeat;
            overflow: hidden;
        }
        .jssora03l { background-position: -3px -33px; }
        .jssora03r { background-position: -63px -33px; }
        .jssora03l:hover { background-position: -123px -33px; }
        .jssora03r:hover { background-position: -183px -33px; }
        .jssora03l.jssora03ldn { background-position: -243px -33px; }
        .jssora03r.jssora03rdn { background-position: -303px -33px; }
        .jssora03l.jssora03lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
        .jssora03r.jssora03rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }
.contactImg{
	margin:0 auto;
	padding:22px 130px 0 0;
	float:right;
	text-align:center;
    font-family: 'Roboto', sans-serif;
}
.contactImg img{
	width:60px;
	height:60px;
}
/*article pages*/
.conImg
{
	width:900px;
	height:400px;
	margin:0 auto;
}
b{
	color:#000;
}
.conImg img
{
	width:900px;
	height:400px;
    margin:0 auto;
}
.conImgIWD{
	width:750px;
	height:450px;
	margin:0 auto;
}
.conImgIWD img{
	width:750px;
	height:450px;
	margin:0 auto;
}
.wraper1{
	width:1000px;
	height:300px;
	margin:0 auto;
}
article
{
	color:#666;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
}
.mapcontact{
	width:100%;
}
.map{
	padding-top:15px;
	font-style:'Roboto', sans-serif;
}
.button	
{
	height:30px;
	width:80px;
	color:white;
	border-radius:6px;
	background-color:#F96F00;
	font-style:'Roboto', sans-serif;
}
/*blog css*/
.featuredContent{
	padding:0 0;
	text-align:center;
	background-color:#FFFFFF;
}
.featuredContent .featuredBox{
	width:318px;
    float:left;
	margin:0 57px 0 0;
}
.featuredContent .featuredBox a{
   text-decoration:none;
}
.featuredContent .featuredBox:last-of-type{
	margin-right:0 auto;
}
.featuredContent .featuredBox img{
	width:100%;
	margin:0 0 0px 0;
}
.wraper2{
	margin:0 auto;
	width:750px;
}
.lookingBack img{
	width:900px;
	height:400px;
}
	/*
footer
{
	width:100%;
	background:url(../img/1.jpg) no-repeat center/cover;
    height:200px;
    font-family: 'Roboto', sans-serif;
	padding: 1px 0px 0 px;
    margin: 0px 0px 1px 0px;
}
.footerlink{
	padding-top:56px;
}
.footerlink ul
{
	font-family: 'Roboto', sans-serif;
    list-style:none;
	margin:0 auto;
}
.footerlink ul li
{
	float:left;
	padding:20px;
    text-align:center;
}
.footerlink ul li a
{
	color:#FFF;
	text-decoration:none;
}
.footerlink ul li a:hover
{
	color:#F96F00;
}
.lastfooter
{
	background-color:#E17D2C;
    height:50px;
	color:#F8F7F7;
	padding-top:28px;
	text-align:center;
}
.lastfooter a
{
	color:#FFF;
	text-decoration:none;
}
.lastfooter a:hover
{
	color:#171717;
}

.content
{
	color:#FCFCFC;
    font-family: 'Roboto', sans-serif;
	text-align:center;
}
ul
{
	list-style:none;
}
.social
{
	padding:0 0 0 0;
}
.social li 
{
    float: right;
	height: 25px;
	padding: 10px;
	-webkit-transition: all 0.5s ease 0s;
	position:relative;
}
.social li:hover 
{
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.socialA
{
	padding:0 0 0 0;
}
.socialA li 
{
    float: right;
	height: 25px;
	padding: 10px;
	-webkit-transition: all 0.5s ease 0s;
	position:relative;
}
.content
{
	color:#FCFCFC;
    padding-top:15px;
	font-family: 'Roboto', sans-serif;
	text-align:center;
}
.listStyle li{
	list-style:outside;
	}
.footerWraper
{
	width:380px;
	margin:0 auto;
}
.footerWraperKLF
{
	width:395px;
	margin:0 auto;
}
.footerWraper1
{
	width:135px;
	margin:0 auto;
}
*/
/*footer end*/
/*Desktop*/
@media (min-width:1800px){}
@media (max-width: 1350px) and (min-width:1280px)
{
}
/*Tablet*/
@media (max-width: 1024px) and (min-width:768px)
{
	.wraper
	{
		width:800px;
		margin:0 auto;
	}
	.wraperForFrontPage{
		width:500px;
		margin:0px 0px 0px 55px;
    }
	.sidewrapper{
		width:200px;
		margin:0;
		float:right;
	}
	
	#blockfrontPage{
	width:350px;
	height:232px;
	padding:10px;
	float:left;
	margin:9px;
	}
	#blockfrontPage img{
	width:350px;
	height:232px;
}
	#block1frontPage{
	width:450px;
	height:232px;
	padding: 9px 20px 15px 0px;
	text-align:justify;
	float:left;
	margin:10px;
	line-height:17px;
	}
	.adsinfograph{
	float:right;
	margin-right:95px;
	width:300px;
	height:400px;
	}
	.ads{
	width:250px;
	height:350px;
    margin:25px 145px 0px 0px;
	}
.ads img{
	width:300px;
	height:350px
	}
	.ads1{
	margin:auto;
}
	.banner img
	{
		height:auto;
	}
	.conImgIWD{
		height:180px;
	}
	.conImgIWD img{
		width:375px;
		height:225px;
		margin:0 auto;
		padding:0px 0px 0px 215px;
	}
	.conImg
	{
		height:180px;
	}
	.conImg img
	{
		width:450px;
		height:200px;
		margin:0 auto;
		padding:0px 0px 0px 185px;
	}
	.contactImg
	{
		margin:0 auto;
		padding:0 132px 0 0;
		float:right;
		text-align:center;
	}
	iframe
	{
		height:350px;
		width:750px;
		margin:0 auto;
	}
	article
	{
		font-size:12px;
	}
	.parallax-window
	{
		display:none;
	}
	.blog
	{   
		width:300px;
		height:auto;
		padding:0 0 0 0;
		float:right;
		margin:0px 420px -83px 0px;	
	}
	.blogContant
	{
		width:300px;
		height:auto;
		padding:240px 0px 0px 0px;
		text-align:left;
		float:right;
		margin:-158px 218px 0px 0px;
		font-size:small;
		line-height:normal;	
	}
	.featuredContent .featuredBox
	{
		width:350px;
		height:auto;
		float:right;
		margin:0 0 0 13px;
		border-bottom:1px solid #ccc;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.wraper2
	{
		margin:0 auto;
	}
	.mapcontact iframe
	{
		width:100%;
		height:auto;
	}	
	.pic img
	{
		display:none;
	}
	/*
	.footerWraper
	{
		margin:0 auto;
		font-size:small;
		margin:0 auto;
	}
	.lookingBack img
	{
		width:450px;
		height:200px;
	}
	footer
	{
		height:180px;
	}
	*/
	.map
	{
		padding-top:5px;
	}
		.klfvedio iframe{
		width:100%;
		height:auto;
		}
}
/*Mobile*/
@media (max-width: 767px)
{
	h2
	{
		font-size:small;
	}
	h4
	{
		font-size:small;
	}
	h3
	{
		font-size:small;
	}
	h5 
	{
		font-size:small;
	}
	p
	{
		font-size:small;
	}
	article
	{
		font-size:small;
	}
	
	.sidewrapper{
		width:120px;
		margin:0;
		float:right;
	}
	.conImgIWD{
		width:inherit;
		height:130px;
	}
	.conImgIWD img{
		width:250px;
		height:150px;
		margin:0px 25px auto;
	}
	.conImg
	{
		width:inherit;
		height:130px;
	}
	.conImg img
	{
		width:300px;
		height:133px;
		margin:0 auto;
	}
	.blog
	{   
		width:150px;
		height:auto;
		padding:0 0 0 0;
		float:none;
		margin:0 auto;	
	}
	.blogContant
	{
		width:150px;
		height:auto;
		padding:0;
		text-align:center;
		float:none;
		margin:0 auto;
		font-size:small;
		line-height:normal;	
	}
	.featuredContent .featuredBox
	{
		width:250px;
		height:auto;
		float:none;
		margin:0 auto;
	}
	.featuredBox p
	{
		margin:0 auto;
		padding:19px 0px 10px 0px;
	}
	.featuredContent .featuredBox img
	{
		width:250px;
		margin:0 auto;
	}
	#blockfrontPage img
	{
		width:200px;
		height:116px;
		margin:0 auto;	
	}
	#blockfrontPage
	{
		width:200px;
		height:116px;
		margin:0 auto;
	}
	#block1frontPage
	{
		width: 200px;
		height: auto;
		margin: 0px 0px 0px 15px;
		padding: 8px 0px 0px 4px;
		float: none;
		text-align: left;
		border-bottom:1px solid #ccc;
		padding-bottom:20px;
		margin-bottom:20px;	
	}
	.wraperForFrontPage{
	    width:218px;
	    margin:0 auto;
		padding-left: 10px;
}
	.adsinfograph{
		width:100px;
		height:133px;
		    margin-right: 69px;
		}
	.adsinfograph img{
		margin:-10px 35px;
		width:100%;
		height:133px;
		}
	.ads iframe{
		width:100px;
		height:90px;
	}
		.ads img{
		width:100px;
		height:90px;
	}
	
   .ads{
    margin:0 14px;
	width:100%;
	height:90px;
	}
	.ads1{
	margin:auto;
}
	.wraper2
	{
		width:300px;
		margin:0 auto;
		
	}
	.pic img
	{
		display:none;
	}
	.contactImg
	{
		margin:0 auto;
		padding:0;
		float:none;
		text-align:center;
	}
	.bx-wrapper .bx-pager
	{
		display:none;
	}
	#block img
	{
		width:200px;
		height:116px;
		margin:0 auto;	
	}
	#block
	{
		width:200px;
		height:116px;
		margin:0 auto;
	}
	#block1
	{
		width: 200px;
		height: auto;
		margin: 0px 0px 0px 15px;
		padding: 8px 0px 0px 4px;
		float: none;
		text-align: left;
		border-bottom:1px solid #ccc;
		padding-bottom:20px;
		margin-bottom:20px;	
	}
	#block1:last-of-type 
	{
		border-bottom:none;
	}
	#block-0 img
	{
		width:200px;
		height:116px;
		margin:0 auto;	
	}
	#block-0
	{
		width:200px;
		height:105px;
		margin:0 auto;
		padding:8px 0px 26px 20px;
	}
	#block-1
	{
		width:200px;
		height:auto;
		float:none;
		text-align:center;
		margin:-4px 0px -36px 36px;
	}
	.wraper
	{
		width:300px;
		margin:0 auto;
	}
	
	.banner img
	{
		width:100%;
		height:auto;
	}
	.parallax-window 
	{
		display:none;
	}
	.space
	{
		height:80px;
		margin:0 0 0 0;
	}
	.space1
	{
		margin-top:15px;
	}
	iframe
	{
		height:auto;
		width:250px;
		margin:0 auto;
	}
	.map{
		padding-top:5px;
	}
	.mapcontact iframe
	{
		width:100%;
	}
	/*
	.footerlink ul
	{
		display:none;
	}
	.lookingBack img
	{
		width:300px;
		height:133px;
	}	
	.footerWraper
	{
		margin:0 auto;
		font-size:small;
	
	}
	footer
	{
		height:100px;
	}
	*/
	.klfvedio iframe{
		width:100%;
		height:auto;
		}
	.twits
	{
		float:right;
		padding-right:75px;
	}
}