body{
	 margin:0px;
	padding:0px;
	background:url(../../Bg%20Vedio/22281737_860996940744751_4495528030490205282_n5.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;}

a img{height:250px;
width:32.5%;
margin-top:5px;}

a{text-decoration:none;
outline:none;
}








header{	
height:692px;
	
	background:
	url(h1.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat}
	
	          /*________________________________BACKGROUND VEDIO START______________________________________*/
		





             /*______________________________BACKGROUND VEDIO ENDS_______________________________________*/





             /*______________________________NAVIGATIONS STARTS_______________________________________*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);





nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover:after {
  width: 100%;
}

nav ul li a {
  position: relative;
}
nav ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #FFF;
  height: 1px;
}
























.toggle,
[id^=drop] {
	display: none;
	transition: all .5s;
/*	background:#333*/
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
 	
padding-left:180px	
}



nav:after {
	content:"";
	display:table;
	clear:both;
	
	
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	font-family:play fair;
	font-weight:500;
	font-style:italic;
	
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
/*	background-color: #333;*/
	
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color:#FFF;
	font-size:19px;
	text-decoration:none;
}




/* Background color change on Hover */
nav a:hover { 
	 
	color:#fff;
	text-decoration:none;
	font-size:20px
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 50px; 
	
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
	
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' '; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
		
	
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		color:#fff;	
		padding:14px 20px;	
		font-size:17px;
		text-decoration:none;
		font-family:play fair;
		font-weight:bold;
		font-style:italic;
	}

	.toggle:hover {
	font-size:20px	
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:20px; 
	}
  
  
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}



                /*__________________________NAVIGATION ENDS____________________________________*/





             /*______________________________LOGO IMAGE STARTS_______________________________________*/








#logo-img {
  display: block;
 
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  animation-duration: 5s;    
}

	
	
	
#logo_text{
color:#FFF;
text-align:center;
font-family:play fair;
font-style:italic;
font-size:3vw;
font-size:30px;
letter-spacing:7px;
webkit-animation-name: zoomIn;
  animation-name: zoomIn;
    animation-duration:12s;
}


.logo_span{
letter-spacing:2px;
color:#FFF;
text-align:center;
font-family:play fair;
font-style:italic;
	font-size:1.2wv;
	webkit-animation-name: zoomIn;
  animation-name: zoomIn;
    animation-duration:12s;
	}





@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}




             /*______________________________LOGO IMAGE ENDS_______________________________________*/


/*_______________________SCROLL STARTS_______________________________*/

.scroll{
    width: 30px;
    height: 50px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    cursor: pointer;
	margin-bottom:-300px;
	margin-left:-5px;
	
   
}
.scroll .mouse{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: 2px solid #FFF;
    border-radius: 20px;
}
.scroll .wheel{
    width: 4px;
    height: 4px;
    top: 10px;
    left: 50%;
    position: absolute;
    background: #FFf;
    display: block;
    border-radius: 50%;
    margin-left: -2px;
    animation-name: scroll-wheel;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes scroll-wheel{
    from{
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    to{
        transform: translate3d(0, 10px, 0);
        opacity: 0;
    }
}



/*______________________SCROL ENDS______________________________*/





#About_Skardo
{
height:300px;

	}
	
	
#rate-top{
height:56px;
top:-20px;
position:absolute;
right:10px;
color:#fff;
background:#27b696;
font-family:play fair;
border-radius:0px 15px 0px 15px;
}
	
	
	
	#About_Skardo1{
height:210px;

background:#FFF;
margin-top:50px;
margin-left:270px
		}
		
		
		
		
		#Gallery{
		height:1200px}
		
	
		
		h1{font-family:play fair;
		font-style:normal;
		text-align:center;
		letter-spacing:7px}
		
		#hr_img{
			display:block;
		 margin-left:auto;
	     margin-right:auto;
		height:34px;
		margin-bottom:10px;	
		}
		
		p{font-family:play fair;
		text-align:center}
		
		
		
		
		
		
		
		
		
		
		
		
		
		




			/*____________________FOOTER STARTS__________________________*/
			
	

footer{
		background:url(../../Bg%20Vedio/Footer-Background-Image-Digital-Soleutions.jpg);
	position:fixed;
	background-repeat:no-repeat;
	background-size:cover;
		height:350px;}
		
		
		
		

		
		
	#wrapper{height:50px;}
	
   #jitter{
          height: 50px;
		padding-top:5px;
		position: relative;
	    top: 50%; transform:
		translateY(-50%);
        text-align: center;
	
    }
	
	
	 #jitter1{
            height: 50px;
		padding-top:5px;
		position: relative;
	    top: 50%; transform:
		translateY(-50%);
        text-align: center;
	 }
	
	
	  #jitter2{
           height: 50px;
		padding-top:5px;
		position: relative;
	    top: 50%; transform:
		translateY(-50%);
        text-align: center;
		
    }
	
	
	 #jitter3{
           height: 50px;
		padding-top:5px;
		position: relative;
	    top: 50%; transform:
		translateY(-50%);
        text-align: center;
		
		
    }
	
    a {color: #fff; 
	font-family:play fair;
	text-decoration: none; 
	font-style: italic;
	 font-size: 24px;}
	 
	 #a{color: #fff; 
	font-family:play fair;
	text-decoration: none; 
	 font-size: 17px;
	 }
	 
	 #text{color:#cf3}
	 
	 ul{margin-top:30px;}
	 
	 li{
		list-style-type:none;
		color:#fff;
		letter-spacing:1px;
		text-align:center; 
		font-family:play fair;}
	
		h3{font-family:play fair;
		text-align:center;
		}
	
	#pay-img{
		height:40px;
		width:230px;
		margin-top:30px;
		margin-left:70px}
		
		
		#footer_content{
		height:190px;
		top:10px}
		
		#copy-right{height:70px;
		top:20px}
		

	#copy{
	font-size:14px;
	text-align:center;
	font-family:play fair;
 	font-style:normal;
	color:#fff}
			/*___________________FOOTER              ENDS)_____________________________*/