a {
text-decoration: none;

}

.contact a{

color:#ff9600;

margin:0 0 0 10px;

}
footer{
height:100px;
margin-top:20px;
background:#000;
color:#fff;
font-size:18px;

}
footer a{
color:#fff;
text-decoration: none;

}
footer a :hover{

color:#ff9600;

}
/*about_me */

p::first-letter{

font-size:24px;
}

p{

font-weight: bold;

}
.about_me a{
text-align: center;
}

/*about_me end*/

.work .col-md-4{

padding:0;

}

/*a hover effects about*/
.view {
    width: 100%;
    height: 300px;
 

    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;

}
.view .mask, .view .content {
    width: 100%;
    height: 300px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
  
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000;
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(0,0,0, 0.7); 
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first:hover img { 
    transform: scale(1.1);
} 
.view-first:hover .mask { 
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*a hover effects end*/

.arrow_box {
	position: relative;
	background: #222;

			
}
.arrow_box:after {

	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(34, 34, 34, 0);
	border-top-color: #222;
	border-width: 15px;
	margin-left: -15px;
	
	  -webkit-filter: drop-shadow(0 1px 2px #222);
      filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));

}

.ac_overlay{
	
	width:100%;
	
	height:100%;
	
	position:fixed;
	
	top:0px;
	
	left:0px;
	
	background:transparent url(../img/pattern.png) repeat top left;
	

}
.h1-alt{

width: 70px;
height: 1px;
position: relative;
margin: 10px auto 10px;
border-top: 2px solid #000;

}

.ac_content h1 span{
	
	display:block;
	
	font-weight:normal;
	
	font-size:14px;
	

}

//dropdownmenü
.sidebar-nav {
	
    padding: 9px 0;
	

}

.dropdown-menu .sub-menu {
	
    left: 100%;
	
    position: absolute;
	
    top: 0;
	
    visibility: hidden;
	
    margin-top: -1px;
	

}

.dropdown-menu li:hover .sub-menu {
	
    visibility: visible;
	

}

.dropdown:hover .dropdown-menu {
	
    display: block;
	

}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	
    margin-top: 0;
	

}

.navbar .sub-menu:before {
	
    border-bottom: 7px solid transparent;
	
    border-left: none;
	
    border-right: 7px solid rgba(0, 0, 0, 0.2);
	
    border-top: 7px solid transparent;
	
    left: -7px;
	
    top: 10px;
	

}

.navbar .sub-menu:after {
	
    border-top: 6px solid transparent;
	
    border-left: none;
	
    border-right: 6px solid #fff;
	
    border-bottom: 6px solid transparent;
	
    left: 10px;
	
    top: 11px;
	
    left: -6px;
	

}

.navbar{

		background-color: transparent;
		height:50px;
		position:fixed;
		width:100%;
		top:0px;
		left:0px;
		border-style:none;
		margin-top:0;
		
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
.navbar a{
	font-size:20px;

}

.navbar h1{
	
	background: rgba(0,0,0,0.35);
	
	display:block;
	
	float:left;
	
	width:90px;
	
	height:50px;
	
	padding:20px;
	
	font-size:36px;
	
	font-weight:bold;
	
	line-height:20px;
	
	margin-right:1px;
	

}

//dropdownmenü end

.navbar-brand{
	
	display:block;
	
	
	background: rgba(0,0,0,0.35);
	
	float:left;
	
	position:relative;
	
	height:90px;
	
	width:0px;
	 

}

.navbar-nav > ul{
	
	float:right;

}

.navbar-nav > ul > li{
	
	float:right;
	
	position:relative;
		

	height:90px;
	
	overflow:hidden;
	

}

.navbar-nav > ul > li a{
	
	margin-top:60px;
	
	opacity:0;
	
	display:block;
	
	height:90px;
	
	padding:0px 10px;
	
	text-align:center;
	
	line-height:90px;
	
	outline:none;
	
	font-size:18px;
	
	font-weight:bold;
	
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);

}

/* Section
-------------------------------------------------- */

.section{
margin: 10px 0px 5px;
text-align: center;

}
.section h1{
position: relative;
margin-bottom: 50px;
color: #000;
line-height: 72px;
font-size:60px;

}
.section h1:before{

position: absolute;
right: 0px;
bottom: -10px;
left: 0px;
width: 50px;
border-bottom: 2px solid #ff9600;
margin: 0px auto;
content: "";

}

.section p{

text-align: center;

}

.shadow{
	
-webkit-box-shadow: 0 8px 6px -6px black;
	
	   -moz-box-shadow: 0 8px 6px -6px black;
	
	        box-shadow: 0 8px 6px -6px black;
			
			

}

.section h2{
	
text-align: center;
	
vertical-align: middle;
	
line-height: 90px;
	 

font-size:40px;
	
display: block;
	
margin: 10px 0 20px 0;
	
border-bottom: 1px dotted red;
	

}

.section-full{
width:100%;
margin: 0 auto;
background-color: #222;
}
.section-full h1{

margin-top:30px;
color:#fff;

}

//paralaxx

.testimonails{
	 
padding:14px;
	 
margin:0 0 0 0 ;
	 
background:none repeat scroll 0% 0% #fff;
	 
color:#000;
	

}

		
blockquote {
	

border-left: 5px solid #2e2773;
	

}

.non{
	
 
	

	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
	height:80px;
	 position: fixed;
	border-bottom: 2px solid #ff9600;
	background-color:rgba(0,0,0,0.85) ;

	

}

.non a{

font-size:16px;

}

.non .navbar-brand {

margin-top:-20px;

}

.icon-box{
float: left;
width: 134px;
padding: 35px 0px;

margin: 0px auto;

color: #333;

}
.textt{
margin-bottom:10px;
margin-top:20px;
margin-left:170px;

}
.textth3 {
    margin-bottom: 15px;
}

hr.style-two {
	 
border: 0;
	 
height: 1px;
	 
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0, 0.9), rgba(0,0,0,0));
	 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0, 0.9), rgba(0,0,0,0));
	 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0, 0.9), rgba(0,0,0,0));
	 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0, 0.9), rgba(0,0,0,0));
	 

}

//charttt

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 50px;
  margin-bottom: 150px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: 1.8em;
}

@media (max-width: 510px) {
.section h1{

font-size:35px;

}

}

@media (max-width: 767px) {
.non {
background-color:#000;
}
.non .navbar-collapse {
background-color:#000;
}

}