p {
	line-height:1.5;
} 

a {
	color:#fed136;
}
 
a:hover {
	color:#fec503;
}

.text-primary{color:#fed136!important}

h1, h2, h4 ,h5 {font-weight:700;color: #333;}

h3, h6 {color: #999;}

section{padding: 50px 0 50px 0; }

section#aboutme, section#background {padding: 50px 0 0 ;}

section#background{ background: #4ddcc5;}

section#background p {color: #144a42;}

section#background a {color: white;}  

section#portfolio h3 {color: #333;}

section#background h3 {color: white;}

bold {color: #666;}

section h2.section-heading {
	font-size:40px;
	margin-top:0;
	margin-bottom:15px
}

section h3.section-subheading {
	font-size:16px;
	font-weight:400;
	margin-bottom:75px;
	text-transform:none;
}

.fl {float: left;}



.btn{font-weight:700}
.btn-xl{font-size:18px;padding:20px 40px}
.btn-primary{background-color:#fed136;border-color:#fed136; display: none;}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#fec810!important;border-color:#fec810!important;color:#fff}
.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(254,209,55,.5)!important}
::-moz-selection{background:#fed136;text-shadow:none}::selection{background:#fed136;text-shadow:none}
img::selection{background:0 0}img::-moz-selection{background:0 0}

#mainNav {
	background-color:rgba(0, 0, 0, 0.85);
}

#mainNav .navbar-toggler { 
	right: 0;
    padding: 13px;
    border: 0;
    background: url(../img/menu.png)no-repeat center center;
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
	cursor: pointer;
}

#mainNav .navbar-brand {
	background: url(../img/up.png) no-repeat 100% 100%;
    width: 36px;
    height: 23px;
    background-position: center center;
}

#mainNav .navbar-brand.active,#mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover{color:#fec503}


#mainNav .navbar-nav .nav-item .nav-link {
	font-weight:400;padding:.75em 0;
	letter-spacing:1px;
	color:#fff;
	-webkit-transition: all .5s;

}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover{color:#fed136}

@media (min-width:992px) {
	#mainNav{ padding-top:25px;padding-bottom:25px;
		
	-webkit-transition:padding-top .3s,padding-bottom .3s;
	-moz-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .3s;border:none;background-color:transparent}
	#mainNav .navbar-brand{font-size:1.75em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
	#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}
	
	#mainNav.navbar-shrink{
		padding-top:0;
		padding-bottom:0;
		background-color:rgba(0, 0, 0, 0.85);
		
		
	}
	
	#mainNav.navbar-shrink .navbar-brand{font-size:1.25em;padding:12px 0}


}

header.masthead {
    text-align: center;
    color: #333;
    background: url(../img/header-bg.png), url(../img/header-bg_1x1.jpg);
    background-repeat: repeat-x, no-repeat;
    background-position: bottom left, top left;
	background-size: 1900px 230px, 100% 480px;
}

header.masthead .intro-text {
	padding-top:150px;
	padding-bottom:100px;
}

header.masthead .intro-text .face {
	background:url(../img/face.png) no-repeat;
	width:152px;
	height:232px;
	margin:auto;
}
header.masthead .intro-text .intro-lead-in{}
header.masthead .intro-text .intro-heading{}


header.masthead .intro-text {
		padding-top:150px;
		padding-bottom:240px;
		color: #144a42;

	}
	
	header.masthead .intro-text .intro-lead-in {
		font-family: 'BarlowSemiCondensed-Bold';
		font-size:44px;
		line-height: 1;
		margin-top: 10px;
		line-height: 1;

	}
	
	header.masthead .intro-text .intro-heading{

		font-size:24px;
		line-height: 1;
		margin-top: 4px;

	}

@media (min-width:768px) {
	
	
	
}

	.service-heading{margin:15px 0;text-transform:none}#portfolio .portfolio-item{right:0;margin:0 0 15px}#portfolio .portfolio-item .portfolio-link{position:relative;display:block;max-width:400px;margin:0 auto;cursor:pointer}#portfolio .portfolio-item .portfolio-link .portfolio-hover{position:absolute;width:100%;height:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;opacity:0;background:rgba(254,209,54,.9)}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{font-size:20px;position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;color:#fff}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;padding:25px;text-align:center;background-color:#fff}#portfolio .portfolio-item .portfolio-caption h4{margin:0;text-transform:none}#portfolio .portfolio-item .portfolio-caption p{font-size:16px;font-style:italic;margin:0;}#portfolio *{z-index:2}
	
@media (min-width:767px) {
		#portfolio .portfolio-item{margin:0 0 30px}
}

		.portfolio-modal{padding-right:0!important}.portfolio-modal .modal-dialog{margin:1rem;max-width:100vw}.portfolio-modal .modal-content{padding:100px 0;text-align:center}.portfolio-modal .modal-content h2{font-size:3em;margin-bottom:15px}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{font-size:16px;font-style:italic;margin:20px 0 30px;}.portfolio-modal .modal-content ul.list-inline{margin-top:0;margin-bottom:30px}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content button{cursor:pointer}.portfolio-modal .close-modal{position:absolute;top:25px;right:25px;width:75px;height:75px;cursor:pointer;background-color:transparent}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#212529}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:#212529}

.timeline{
    position: relative;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-bottom: 50px;
}

.timeline:before{
	position:absolute;
	top:0;
	bottom:0;
	left:40px;
	border: 1px white;
    border-style: dotted dashed;
	margin-left:-1.5px;
	content:'';
	height: 10000px;
}

.timeline>li{position:relative;min-height:50px;margin-bottom:50px}

.timeline>li:after,.timeline>li:before{display:table;content:' '}

.timeline>li:after{clear:both}

.timeline>li .timeline-panel {
	position:relative;
	float:right;
	width:100%;
	padding:0;
	text-align:left;
	padding: 0 20px 0 100px;
}
.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}

.timeline>li .timeline-image{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;color:#fff;border:4px solid #e9ecef;border-radius:100%;background-color:#fed136}

.timeline>li .timeline-image h4 {font-size:10px;line-height:14px;}

.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}

.timeline .timeline-heading h4{color: white; margin: 0;}

.timeline .timeline-heading h4.subheading{text-transform:none; margin-bottom: 20px;}

.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}
	
	
@media (min-width:768px){
	
	
	
	.timeline:before{left:50%}.timeline>li{min-height:100px;margin-bottom:100px}
	
	.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}
	
	.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}
	
	.timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}
	
	.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}
}
	
@media (min-width:992px){
		.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}
}
	
@media (min-width:1200px) {
	
	.timeline>li{min-height:170px}
	
	.timeline>li .timeline-panel{}.timeline>li .timeline-image{    width: 156px;
    height: 156px;
    margin-left: -78px; }
	
	.timeline>li .timeline-image h4{margin-top:40px}
	
	.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}
}
	
	.team-member {
		background: url(../img/dots-bar.png), url(../img/dots-bar.png);
		background-position: center top, center bottom;
		background-repeat: no-repeat, no-repeat;
    	padding: 10% 0;
    	margin: 7%0;
		text-align:left;

}

.team-member img{width:225px;height:225px;border:7px solid #fff}.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}.team-member p{margin-top:0}

section#contact { }
	
section#contact	.map { background: url(../img/contact/map.png) no-repeat center center;}
	
section#contact	.phone { background: url(../img/contact/phone.png) no-repeat center center;}
	
section#contact	.mail { background: url(../img/contact/mail.png) no-repeat center center;}

section#contact	 a { color: #999; transition: all .5s; text-decoration: none;}

section#contact	 a:hover {color: #4ddcc5; }



section#contact .section-heading{}

section#contact .form-group{margin-bottom:25px}section#contact .form-group input,section#contact .form-group textarea{padding:20px}section#contact .form-group input.form-control{height:auto}section#contact .form-group textarea.form-control{height:248px}section#contact .form-control:focus{border-color:#fed136;box-shadow:none}section#contact ::-webkit-input-placeholder{font-weight:700;color:#ced4da;}section#contact :-moz-placeholder{font-weight:700;color:#ced4da;}section#contact ::-moz-placeholder{font-weight:700;color:#ced4da;}section#contact :-ms-input-placeholder{font-weight:700;color:#ced4da;}


/* Footer */



@media (max-width:782px) {
	#footer { height: 1206px;}

}


footer span.copyright{font-size:90%;line-height:40px;text-transform:none;}

footer ul.quicklinks{font-size:90%;line-height:40px;margin-bottom:0;text-transform:none;}

/* FOOTER, SOFTWARES SECTION */

footer section.tool {}

footer section.tool .container {max-width: 1000px; text-align: center;}

footer section.tool .Ps { background: url(../img/tolls/Ps.jpg) no-repeat center center;}
footer section.tool .Ai { background: url(../img/tolls/Ai.jpg) no-repeat center center;}
footer section.tool .Ae { background: url(../img/tolls/Ae.jpg) no-repeat center center;}
footer section.tool .An { background: url(../img/tolls/An.jpg) no-repeat center center;}
footer section.tool .Id { background: url(../img/tolls/Id.jpg) no-repeat center center;}
footer section.tool .Dw { background: url(../img/tolls/Dw.jpg) no-repeat center center;}
footer section.tool .Xd { background: url(../img/tolls/Xd.png) no-repeat center center;}
footer section.tool .Sk { background: url(../img/tolls/Sk.png) no-repeat center center;}
footer section.tool .WP { background: url(../img/tolls/WP.png) no-repeat center center;}
footer section.tool .html { background: url(../img/tolls/html.png) no-repeat center center;}
footer section.tool .css { background: url(../img/tolls/css.png) no-repeat center center;}
footer section.tool .sass { background: url(../img/tolls/sass.png) no-repeat center center;}
footer section.tool .jquery { background: url(../img/tolls/jquery.png) no-repeat center center;}
footer section.tool .b { background: url(../img/tolls/B.png) no-repeat center center;}
footer section.tool .U { background: url(../img/tolls/Um.png) no-repeat center center;}
footer section.tool .Gd { background: url(../img/tolls/Gd.png) no-repeat center center;}
footer section.tool .PP { background: url("../img/tolls/PP.png") no-repeat center center;}
footer section.tool .F { background: url("../img/tolls/F.png") no-repeat center center;}
footer section.tool .Ff { background: url("../img/tolls/Ff.png") no-repeat center center;}
footer section.tool .Hb { background: url("../img/tolls/Hb.png") no-repeat center center;}

/* FOOTER > COPYWRIGHT */

footer section.social {
	background: #4ddcc5;

}

footer section.social .container {
	height: 24px;
}


footer section.social .container .copywright { float: left; color: #333;}


/* FOOTER > SOCIAL MEDIA */

footer section.social .container .social_set { float: right; margin: 0;}

footer section.social .container .social_set .col-md-4 {padding: 0; max-width: 24px; height: 24px; margin-left: 2em;}

footer section.social .container .social_set .col-md-4 span {
	width: 2auto;
	height: auto;
    margin: 0 auto;
}

footer section.social .container .col-md-4 span a {
	display:block;
	height:24px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	width: 24px;
	opacity: 0.7;
	outline:0;
}

footer section.social .container .col-md-4 span a:active, footer section.social .container .col-md-4 span a:focus, footer section.social .container .col-md-4 span a:hover { opacity: 0.4;}
    

footer section.social a.in { background: url("../img/social/social-media--linkedin.svg" )no-repeat center center;}
footer section.social a.ig { background: url("../img/social/social-media--instagram.svg" )no-repeat center center;}





/*-------- new footer ---------


footer section.pippo { }

footer section.pippo .container { }

footer section.pippo .copy {
	color: #144a42;
    background: red;
    width: 50%;
    text-align: left;
    margin: 0;
    float: left;
}

footer section.pippo ul  {
	width: 50%;
    display: block;
    background: yellow;
    float: right;
	list-style-type: none;
}

footer section.pippo ul li { float: left; width: 40px; height: 40px; }

footer section.pippo ul li a { display: block; width: 40px; height: 40px; }

footer  section.pippo  a.be { background: url(../img/social/be.png) no-repeat center center;}

footer section.pippo a.in { background: url(../img/social/in.png) no-repeat center center;}

footer section.pippo  a.twitter { background: url(../img/social/twitter.png) no-repeat center center;}






@media (max-width:768px) {

footer section.social .container {padding: 0 10px;}
	
footer section.social .container .copywright { width: 64%; margin: 0;}
	
footer section.social .container .copywright span { line-height: 3em;}

footer section.social .container .row { width: 36%;}
	
footer section.social .container .row .col-md-4 { zoom: 0.8; width: 33%}
	
}


------*/