body{overflow-x: hidden;
}
.right-menu{
	min-width: auto !important; 
	min-height: auto !important; 
	padding:7px 12px; 
	line-height: inherit; 
	position: fixed;
	right: 20px;
	z-index: 10;
	top:30px;
	background-color: #fff;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.at-social__item a i{
	font-size: 16px;
	color: #515F65;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
.project-img {

}
.border-none{
	border: none !important;
}
.portfolio-head{
	margin-bottom: 15px;
}
.portfolio-head button{
	background-color: #383838;
    border-radius: 0px;
    padding: 10px 15px;
    border: 1px solid #383838;
}
.project-content p{
	margin: 0px !important;
	font-size: 16px;
	font-family: 'mitrextralight';
}
.project-content label{
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.blog-socialmedia{
	    margin-top: 35px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-align: left !important;
}
.project-content label a{
	font-family: 'mitrextralight';
	color: #2D2D2D;
}
.project-content h3{
	margin-top: 60px !important;
	display: inline-block;
	border-bottom: 1px solid #e4e4e4;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 15px ;
}
.last-post .panel{margin-bottom: 10px !important;}
.project-content img{
	margin-top: 30px;
}
.portfolio-head button:hover{
	border-radius: 0px;
}
.project-details{
	width: 100% !important;
	margin: 0px auto !important;
	
}
.text-left{
	text-align: left !important;
}
.works-bg{
	background-color: #f8f8f8;
	margin-top: 15px;
}
.right-menu:hover, 
.right-menu:focus{
	box-shadow: none;
	text-decoration: none;
	outline: none;
}
.contact-list{
	list-style: none;
	padding: 0px;
	display: inline-block;
	margin-bottom: 20px;
}
.contact-list li{
	float: left;
}
.contact-list li span{
	    width: 60px;
    height: 56px;
    line-height: 56px;
    color: #444;
    background: url(images/contacticon-bg.png) no-repeat;
    font-size: 20px;
	margin-right: 45px;
    padding-left: 17px;
	display: inline-block;
}
.contact-list li h4{
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'mitrlight';
	margin-top: 0px;
	margin-bottom: 0px;
}
.contact-list li p{
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
	font-family: 'mitrextralight';
	
}
.sixteen h1{
	margin-top: 50px;
}
.services-page h1{
	margin-top: 50px;
}
.services-page p{
	text-align: center;
	font-family: 'mitrextralight';
	font-size: 18px;
	
}
.service-icon-inner {
	text-align: center;
	font-size: 24px;
	line-height: 60px;
}
.sixteen p{
	text-align: center;
	font-family: 'mitrextralight';
	font-size: 18px;
}
.right-menu i{
	font-size:28px; color: #383838;}
.right-menu-head{background-color:#fff !important; 
	color: #383838;}
.right-menu-close{
	min-width: auto !important; 
	min-height: auto !important; 
	padding:10px 15px; 
	line-height: inherit; 
	position: absolute;
	right: 50px;
	background-color: #fff;
	top:30px;
}
.right-menu-close:hover{background-color: #fff !important;}
.right-menu-close:hover{text-shadow: none; box-shadow: none;} 
.pinnet-menu{
	margin-top:80px;
	padding: 0px;
	padding-bottom: 50px;
}
.pinnet-menu li{
		margin-top: 8px;
	text-align: center;
}
.pinnet-menu li a{color:#383838;
	font-size: 20px;
	font-family: 'mitrlight';
transition-duration: 1s;}
.pinnet-menu li a:hover,
.pinnet-menu li a:focus{
	box-shadow: none !important;
	text-decoration: none;
	color: #01afe1;
	transition-duration: 1s;
	outline: none;
}
.menu-content{
	padding: 0px 30px;
}
.socialmedia-lists{
	border-bottom: 1px dashed #d1d1d1;
	border-top: 1px dashed #d1d1d1;
	padding-top: 10px;
	padding-left: 0px;	
	padding-bottom: 10px;
	display: inline-block;
    width: 100%;
    text-align: center;
}
.socialmedia-lists li{
display: inline-block;
margin-left: 3px;
margin-right: 3px;}
.socialmedia-lists li a{
	font-size: 24px;
	color: #383838;
}
.socialmedia-lists li a:hover,
.socialmedia-lists li a:focus{
	box-shadow: none !important;
	text-decoration: none;
	transition-duration: 1s;
	outline: none;
}
.banner h2{
	font-family:'mitrregular';
	text-align: center;
    color: #2c2b2b;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0px;
}
.banner h4{
	font-family:'mitrlight';
	text-align: center;
    color: #636363;
	font-size: 24px;
	font-weight: normal;
}
.banner{
background-color: #fff;
width: 100%;
position: relative;
text-align: center;
	min-height: 600px;
}
.banner img{display:inline-block; ;
}
.logo-img{max-width:300px; margin-top: 120px;}
.caption-img{max-width: 700px; margin-top: -50px;width: 100%;}
.down-arrow {width:100%;
text-align: center;
	color: #585858;
	position: absolute;
	bottom: 0px;
display: inline-block;
font-size: 40px;
left: 0px;}
.down-arrow:hover,
.down-arrow:focus{box-shadow:none;
outline: none;
	color: #585858;
text-decoration: none;}
h1{
	font-size: 60px;
	text-align: center;
	color: #2c2b2b;
	margin-bottom: 20px;
	font-family: 'mitrregular';
}
 #map {
        height: 300px;
        width: 100%;
		   -webkit-filter: grayscale(90%);
       -moz-filter: grayscale(90%);
        -ms-filter: grayscale(90%);
         -o-filter: grayscale(90%);
            filter: grayscale(90%);
		   overflow-y: hidden;
       }
.content{
	width:100%;
	background-color: #fff;
	padding-top: 70px;
	padding-bottom: 70px;}
.content p{
	 font-family: 'mitrextralight';
	font-size: 18px;
	color: #6c6c6c;
	padding-left: 20px;
	padding-right: 30px;
	text-align: center;
	
}
.captions{
	-webkit-animation-name: captions; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 7s; /* Safari 4.0 - 8.0 */
    animation-name: captions;
    animation-duration: 7s;
	opacity: 1;
	margin-top: -20px;
	padding-left: 25px;
	padding-right: 25px;
	
	
}

@-webkit-keyframes captions {
    0%   {opacity: 0;}
    
  90%   {opacity: 0;}
    100% {opacity: 1; }
}

/* Standard syntax */
@keyframes captions {
    0%   {opacity: 0;}
    
    90%   {opacity: 0;}
    100% {opacity: 1;}
}

.arrowanimation{
	-webkit-animation-name: arrow-down; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 7s; /* Safari 4.0 - 8.0 */
    animation-name: arrow-down;
    animation-duration: 7s;
	opacity: 1;
	margin-top: -20px;
	
	
}
@-webkit-keyframes arrow-down {
    0%   {opacity: 0;}
    
  90%   {opacity: 0;}
    100% {opacity: 1; }
}

/* Standard syntax */
@keyframes arrow-down {
    0%   {opacity: 0;}
    
    90%   {opacity: 0;}
    100% {opacity: 1;}
}
.about-bg p{
	 font-family: 'mitrextralight';
	font-size: 18px;
	color: #6c6c6c;
	padding-left: 20px;
	padding-right: 30px;
	text-align: justify;
}
.about-bg h3{
	font-size: 26px;
}
.margin-bottom-50{
	margin-bottom:50px;
}
.pinnt-services{
	background-color: #f8f8f8;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}
.service-icon{
	text-align: center;
	font-size: 60px;
	margin-top: 25px;
}
.services{
	text-align: center;
	background-color: #fff;
	padding: 30px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	transition-duration: 1s;
	    min-height: 440px;
	box-shadow: 0 3px 5px -1px rgba(56,56,56,.0), 0 5px 8px 0 rgba(56,56,56,.0), 0 1px 14px 0 rgba(56,56,56,.0);
}
.services:hover{
	cursor: pointer;
	transition-duration: 1s;
	box-shadow: 0 3px 5px -1px rgba(56,56,56,.0), 0 5px 8px 0 rgba(56,56,56,.0), 0 1px 14px 0 rgba(56,56,56,.12);}

h3{
	font-family: 'mitrmedium';
	font-size: 20px;
}
.our-development-process{
	background-image: url(images/developer-bg.jpg);
	background-attachment: fixed;
	width: 100%;
	
}
.our-development-process h1{
	font-family: 'mitrextralight';
	font-size: 50px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 0px;
}
.dark-overlay{background-image: url(../images/pattern.png);
	padding-top: 70px;
	padding-bottom: 70px;}
.bold-font{  font-family: 'mitrregular';}
.our-development-process p{
	color: #fff;
	font-family: 'mitrlight';
    font-size: 18px;
    padding-left: 20px;
    padding-right: 30px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
}
.contact-social-media{
	border: none !important;
	text-align: left !important;
}
.process{
	text-align: center;
	background-color: rgba(0,0,0,0.2);
	padding:20px;
	transition-duration: 1s;
	margin-top: 20px;
	
}
.process:hover{
	text-align: center;
	transition-duration: 1s;
	padding:20px;
	margin-top: 20px;
	cursor: pointer;
	
}
.contact_form{
	border: 1px dashed #e6e6e6;
	padding: 50px 30px 50px 30px;
	margin-bottom: 70px;
}
.contact_form input{
	border: 1px solid #e6e6e6;
	box-shadow: none;
	outline: none;
	margin-bottom: 20px;
}
.contact_form textarea{
	min-width: 100%;
	max-width: 100%;
	border: 1px solid #e6e6e6;
	max-height: 100px;
	min-height: 100px;
	margin-bottom: 20px;
}
.contact_form button{
	border: 1px solid #383838;
	padding: 6px 30px;
	background-color: #383838;
	font-size: 16px;
	font-family: 'mitrlight';
	color: #fff;
	
}
.process h3{
	color: #fff;
}
.process span{
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background-color:  rgba(0,0,0,0.2);
	text-align: center;
	display: inline-block;
	margin-top: 20px;
	line-height: 120px;
	border: 1px solid #fff;
}
.process-icon{
	color: #fff;
	font-size: 42px;
}
.contact_container{
	margin-top: 50px;
}
.contact_container h3{
	margin-bottom: 50px;
	
}
.testimonial-bg{
	width: 100%;
	background-color: #fff;
	padding-top: 70px;
	padding-bottom: 70px;
}
.testimonial-hd h1{
	font-family: 'mitrextralight';
	font-size: 50px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.clients h1{
	font-family: 'mitrextralight';
	font-size: 50px;
	margin-top: 30px;
	margin-bottom: 0px;}
.carousel-inner p{
	text-align: left;
}
.buttons{
	position: absolute;
	right: 50px;
	bottom: 50px;
}
footer{
	width: 100%;
	background-color: #f8f8f8;
	padding-top: 50px;
	padding-bottom: 0px;
}
footer h3{
	 font-family: 'mitrlight';
font-size: 22px;
margin-bottom: 15px;}
footer p{
	font-family: 'mitrextralight';
	font-size: 15px;
	margin-top: 5px;
	line-height: 26px;
}
.testimonials{
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.quick-links{
	list-style: none;
	padding-left: 0px;
}
.quick-links li{
	margin-top: 5px;
}
.quick-links li a{
	font-family: 'mitrextralight';
	font-size: 15px;
	color: #373737;
}
.quick-links li a i{
	margin-right: 10px;
	
}
.quick-links li a:hover,
.quick-links li a:focus{
	box-shadow: none;
text-decoration: none;}
.footer-bottom{
	width:100%;
	font-family: 'mitrextralight';
	text-align: center;
	margin-top: 30px;
	
	border-top:1px dashed #c9c9c9;
	padding: 18px;
	
}
.white{
	background-color: #fff !important;
	margin-top: 20px;
}
.footer-bottom p{
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 20px;
}
.logo-inner img{
	max-width: 90px;
	margin-top: 15px;
	margin-bottom:0px;
}
.about-banner{
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	background-color: #fff;
	 position: -webkit-sticky;
  position: sticky;
  top: 0;
	z-index: 1;
}
.logo-space{
	width: 120px;
	text-align: center;
	margin-bottom: 10px;
}
.blog-main{
	background-color: #fff;
	padding: 15px 15px 30px 15px;
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}
.blog-main h1{
	font-family: 'mitrregular';
	text-align: left;
	font-size: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.blog-main p{
	font-family: 'mitrlight';
	font-size: 14px;
	margin-bottom: 0px;
    margin-top: 10px;
}
.blog-date{
	font-family: 'mitrlight';
	font-size: 12px;
	margin-top: 15px;
}
.gray{background-color: #f8f8f8 !important;}
.pinnet{font-family: 'mitrregular'; color: #383838; font-size: 12px; text-transform: uppercase;}
.infotech{font-family: 'mitrextralight'; color: #383838; font-size: 12px; text-transform: uppercase;}
.about-head{
	font-family: 'mitrregular';
	text-transform: uppercase;
	text-align: center;
	margin-top: 70px;
	font-size: 48px !important;
	color: #383838;
}
.logo-light{
	font-family: 'mitrextralight' !important;
	
}
.about-pinnet-content{
	font-family: 'mitrextralight';
	font-size: 20px !important;
    color: #6c6c6c;
    padding-left: 0px;
    padding-right: 0px;
	margin-bottom: 70px;
    text-align: center !important;		
	
}.margin-common{
	margin-top:30px;
	margin-bottom: 45px;
}
.about-bg{
	width: 100%;
	background-color: #f8f8f8;
}
.padding-service{
	padding:15px 15px !important;
}
.no-padding{
	padding: 0px !important;
}
.margin-top-none{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.white-bg{
	width: 100%;
	background-color: #fff;
	margin-top: 20px;
}
.services p{
	text-align: center;
}
.white-bg h3{

	 font-family: 'mitrregular';
	font-size: 26px;
	margin-top: 30px;
}
.technologies{
	list-style: none;
	font-family: 'mitrextralight';
	padding: 0px;
}
.technologies li{
	
	padding: 10px 0px;
	margin-right: 5px;
	font-size: 18PX;
	
	
}
.padding-70{
	padding-top: 80px;
	padding-bottom: 20px;
}
.technologyexpertise{}
.technologyexpertise li{
	display: inline-block;
	text-align: center;
	border: 1px solid #fff;
	font-family: 'mitrextralight';
	font-size: 18px;
	margin-bottom: 8px;
	padding: 10px 15px;
}
.darkbg{
	background-image: url(images/developer-bg.jpg);
	background-attachment: fixed;
	text-align: center;
    color: #FFFFFF;
}
.overlay-layer{
	width: 100%;
	padding: 50px 20px 65px 20px;
	background-image: url(images/pattern.png);
}
.overlay-layer h3{
	 font-family: 'mitrmedium';
	font-size: 26px;
	margin-top: 30px;
}
.ourmission h3{
	 font-family: 'mitrmedium';
	font-size: 26px;
	text-align: center;
	margin-top: 70px;
}
.ourmission p{
	text-align: center;
	font-size: 18px;
	font-family: 'mitrextralight';
	margin-bottom: 70px;
}
.mt-80{
	margin-top: 80px !important;
}
@media only screen and (max-width: 500px){
	
	.banner h2{
		font-size: 18px;
	}
	.banner h4{
		font-size: 16px;
	}
	.right-menu{
		right: 5px;
		top:15px;
	}
	.content p{
		font-size: 16PX;
		text-align: justify;
		word-spacing:-2px;
		padding-left: 20px;
    padding-right: 20px;

	}
	h1{
		font-size: 30px;
	}
	.services{
		min-height: 300px;
	}
	.our-development-process h1{
		font-size: 30px;
	}
	.about-head{
		font-size: 30px !important;
		margin-top: 85px;
	}
	.about-pinnet-content{
		margin-bottom: 35px;
	}
	.padding-70{
		padding-top: 35px;
		padding-bottom: 5px;
	}
	.about-pinnet-content{
		font-size: 16px !important;
		text-align: justify !important;
	}
	.technologies li{
		font-size: 16px;
	}
	.margin-bottom-50{
		margin-bottom: 5px;
	}
	.ourmission h3{
		margin-top: 3px;
		
	}
	.ourmission p{
		margin-bottom: 35px;
		font-size: 16px;
		text-align: justify;
    padding-left: 15px;
    padding-right: 15px;
	}
	.technologyexpertise {
    padding-left: 0px;
}
	.technologyexpertise li{
		width: 100%;
		text-align: left;
	}
.services-page h1 {
    margin-top: 90px;
}
	.services-page p{
		font-size: 16px;
		text-align: justify;
		padding-left: 15px;
		padding-right: 15px;
	}
.portfolio-head button {
    background-color: #383838;
    border-radius: 0px;
    padding: 5px 10px;
    border: 1px solid #383838;
    margin-bottom: 5px;
    font-size: 14px;
}
	.white-bg h3{
		font-size: 20px;
	}
	.logo-img {
    max-width: 300px;
    margin-top: 40px;
}
	.banner{
		min-height: 520px;
	}
	.logo-inner img{
		max-width: 50px;
		margin-top: 5px;
	}
	.infotech{
		font-size: 7px;
	}
	.pinnet{
		font-size: 7px;
	}
	.logo-space{
		width: 80px;
		margin-bottom: 4px;
		
	}
	.about-banner{
		position: -webkit-fixed;
    position: fixed;
	}
	.sixteen h1 {
     margin-top: 80px; 
}
	.white-bg h3{
		margin-top: 50px;
	}
	.contact-list li p{
		font-size: 12px;
	}
	.contact-list li span{
		margin-right: 10px;
	}
	.contact_container{
		padding: 0px;
	}
}