/*!<!-- 
        * eladiad sadiku
        * eladiadsadiku@hotmail.de
-->
 !!164 background i header menu
 !!135 ngjyra e e kutis hover ul li
 !!143 ngjyra e kutis hover ul li ngjyra mbi saj
 !! 102 ngjyra header menys ne responzive mode
 !! 116 responzim kutia e vogel menu ngjyra 
 */
 body{
 	overflow-x:hidden;
 	font-family: 'Lato', sans-serif;
 }
 .text-muted{
 	color:#777777
 }
 .text-primary{
 	color:#fed136
 }
 p{
 	font-size:14px;
 	line-height:1.75
 }
 p.large{
 	font-size:16px
 }
 a,a:hover,a:focus,a:active,a.active{
 	outline:none
 }
 a{
 	color:#617fde
 }
 a:hover,a:focus,a:active,a.active{
 	color:#5DC1B9
 }
 h1,h2,h3,h4,h5,h6{
 	font-family: 'Lato', sans-serif;
 	text-transform:none;
 	font-weight:500;
 	font-size: 20px;
 	color: #4b4e53;
 }
 .img-centered{
 	margin:0 auto
 }
 .bg-light{
 	background-color:#7ae3db
 }
 .bg-dark{
 	background-color:#fff
 }
 .btn-primary{
 	color:white;
 	background-color:#617fde;
 	border-color:#617fde;
 	border-radius:30px;
 	font-family: 'Lato', sans-serif;
 	text-transform:uppercase;
 	font-weight:300
 }
 .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
 	color:white;
 	background-color:#617fde;
 	border-color:#617fde
 }
 .btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
 	background-image:none
 }
 .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{
 	background-color:#fed136;
 	border-color:#fed136
 }
 .btn-primary .badge{
 	color:#fed136;
 	background-color:white
 }
 .btn-xl{
 	color:white;
 	background-color:#617fde;
 	border-color:#617fde;
 	font-family: 'Lato', sans-serif;
 	text-transform:uppercase;
 	font-weight:400;
 	border-radius:50px;
 	font-size:16px;
 	padding:15px 30px
 }
 .btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
 	color:white;
 	background-color:#617fde;
 	border-color:#617fde;
 }
 .btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
 	background-image:none
 }
 .btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active{
 	background-color:#fed136;
 	border-color:#fed136
 }
 .btn-xl .badge{
 	color:#fed136;
 	background-color:white
 }
 .navbar-custom{
 	background-color:white;
 	border-color:transparent
 }
 .navbar-custom .navbar-brand{
 	color:#617fde;
 	font-family: 'Lato', sans-serif;
 }
 .navbar-custom .navbar-brand:hover,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand.active{
 	color:#617fde
 }
 .navbar-custom .navbar-collapse{
 	border-color:rgba(255, 255, 255, 0.02)
 }
 .navbar-custom .navbar-toggle{
 	background-color:#62c8d5;
 	border-color:#62c8d5;
 	font-family: 'Lato', sans-serif;
 	text-transform:uppercase;
 	color:white;
 	font-size:12px
 }
 .navbar-custom .navbar-toggle:hover,.navbar-custom .navbar-toggle:focus{
 	background-color:#617fde
 }
 .navbar-custom .nav li a{
 	font-family: 'Lato', sans-serif;
 	text-transform:uppercase;
 	font-weight:400;
 	letter-spacing:1px;
 	color:#4b4e53;
 }
 .navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus{
 	color:#617fde;
 	outline:none
 }
 .navbar-custom .navbar-nav > .active > a{
 	border-radius:0;
 	color:white;
 	background-color:#7ae3db;
 }
 .navbar-custom .navbar-nav > .active > a:hover,.navbar-custom .navbar-nav > .active > a:focus{
 	color:white;
 	background-color:#4bb2e5;
 }
 @media (min-width: 768px){
 	.navbar-custom{
 		background-color:transparent;
 		padding:25px 0;
 		-webkit-transition:padding 0.3s;
 		-moz-transition:padding 0.3s;
 		transition:padding 0.3s;
 		border:none
 	}
 	.navbar-custom .navbar-brand{
 		font-size:2em;
 		-webkit-transition:all 0.3s;
 		-moz-transition:all 0.3s;
 		transition:all 0.3s
 	}
 	.navbar-custom .navbar-nav > .active > a{
 		border-radius:3px
 	}
 }
 @media (min-width: 768px){
 	.navbar-custom.affix{
 		background-color: white;
 		border-bottom:1px solid #e9e9e9;
 		padding:10px 0
 	}
 	.navbar-custom.affix .navbar-brand{
 		font-size:1.5em
 	}
 }@media only screen and (max-width: 500px){
 	header{
 	}
 }
 header{
 	background-image:url('../img/BALLIN.png');
 	background-repeat:no-repeat;
 	background-attachment:scroll;
 	background-position:center center;
 	-webkit-background-size:cover;
 	-moz-background-size:cover;
 	background-size:cover;
 	-o-background-size:cover;
 	text-align:left;
 	color: #4b4e53;
 }
 header .intro-text{
 	padding-top:100px;
 	padding-bottom:50px
 }
 header .intro-text .intro-lead-in{
 	font-family: 'Lato', sans-serif;
 	font-size:22px;
 	font-weight:300;
 	line-height:22px;
 	margin-bottom:25px
 }
 	/*teksti ne ne faqen krysore*/
 header .intro-text .intro-heading{
 	font-family: 'Lato', sans-serif;
 	font-weight:30;
 	font-size:25px;
 	margin-bottom:25px
 	}
 @media (min-width: 768px){
 	header .intro-text{
 		padding-top:300px;
 		padding-bottom:200px;
 		}
 	header .intro-text .intro-lead-in{
 		font-family: 'Lato', sans-serif;
 		font-size:40px;
 		line-height:40px;
 		margin-bottom:25px;
 		font-size:10px;
 		}
 	/*teksti ne ne faqen krysore*/
 	header .intro-text .intro-heading{
 		font-family: 'Lato', sans-serif;
 		font-weight:30;
 		font-size:25px;
 		margin-bottom:50px;
 		}
 }
 @media only screen and (max-width: 1200px){
 	header .intro-text{
 		font-size: 20px;
 	}
 	header .intro-text .intro-heading{
 		font-size: 20px;
 	}
 }
 @media only screen and (max-width: 700px){
 	header .intro-text{
 		font-size: 14px;
 	}
 	header .intro-text .intro-heading{
 		font-size: 14px;
 	}
 }
 section{
 	padding:100px 0
 	}
 section h2.section-heading{
 	font-size:35px;
 	margin-top:0;
 	margin-bottom:15px;
 	}
 section h3.section-subheading{
 	font-size:17px;
 	font-family: 'Lato', sans-serif;
 	text-transform:none;
 	font-weight:300;
 	color: #4b4e53;
 	line-height: 1.5;
 	margin-bottom:75px;
 	}
 @media (min-width: 768px){
 	section{
 		padding:50px 0
 		}
 	}
 .service-heading{
 	margin:15px 0;
 	text-transform:none
 	}
 #portfolio .portfolio-item{
 	margin:0 0 15px;
 	right:0
 	}
 #portfolio .portfolio-item .portfolio-link{
 	display:block;
 	position:relative;
 	max-width:400px;
 	margin:0 auto
 	}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover{
 	background:rgba(254, 209, 54, 0.9);
 	position:absolute;
 	width:100%;
 	height:100%;
 	opacity:0;
 	transition:all ease 0.5s;
 	-webkit-transition:all ease 0.5s;
 	-moz-transition:all ease 0.5s
 	}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{
 	opacity:1
 				}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{
 	position:absolute;
 	width:100%;
 	height:20px;
 	font-size:20px;
 	text-align:center;
 	top:50%;
 	margin-top:-12px;
 	color:white
 	}
 #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;
 	background-color:white;
 	text-align:center;
 	padding:25px;
 	box-shadow: 0 1px 10px rgba(0,0,0,0.15);
 	}
 #portfolio .portfolio-item .portfolio-caption h4{
 	text-transform:none;
 	margin:0
 	}
 #portfolio .portfolio-item .portfolio-caption p{
 	font-family: 'Lato', sans-serif;
 	font-style:italic;
 	font-size:16px;
 	margin:0
 	}
 #portfolio *{
 	z-index:2
 	}
 @media (min-width: 767px){
 	#portfolio .portfolio-item{
 		margin:0 0 30px
 		}
 	}
 	.timeline{
 		list-style:none;
 		padding:0;
 		position:relative
 		}
 	.timeline:before{
 		top:0;
 		bottom:0;
 		position:absolute;
 		content:"";
 		width:2px;
 		background-color:#f1f1f1;
 		left:40px;
 		margin-left:-1.5px
 		}
 	.timeline > li{
 		margin-bottom:50px;
 		position:relative;
 		min-height:50px
 		}
 	.timeline > li:before,.timeline > li:after{
 		content:" ";
 		display:table
 		}
 	.timeline > li:after{
 		clear:both
 		}
 	.timeline > li .timeline-panel{
 		width:100%;
 		float:right;
 		padding:0 20px 0 100px;
 		position:relative;
 		text-align:left
 		}
 	.timeline > li .timeline-panel:before{
 		border-left-width:0;
 		border-right-width:15px;
 		left:-15px;
 		right:auto
 		}
 	.timeline > li .timeline-panel:after{
 		border-left-width:0;
 		border-right-width:14px;
 		left:-14px;
 		right:auto
 		}
 	.timeline > li .timeline-image{
 		left:0;
 		margin-left:0;
 		width:80px;
 		height:80px;
 		position:absolute;
 		z-index:100;
 		background-color:#fed136;
 		color:white;
 		border-radius:100%;
 		border:7px solid #f1f1f1;
 		text-align:center
 		}
 	.timeline > li .timeline-image h4{
 		font-size:10px;
 		margin-top:12px;
 		line-height:14px
 		}
 	.timeline > li.timeline-inverted > .timeline-panel{
 		float:right;
 		text-align:left;
 		padding:0 20px 0 100px
 		}
 	.timeline > li.timeline-inverted > .timeline-panel:before{
 		border-left-width:0;
 		border-right-width:15px;
 		left:-15px;
 		right:auto
 		}
 	.timeline > li.timeline-inverted > .timeline-panel:after{
 		border-left-width:0;
 		border-right-width:14px;
 		left:-14px;
 		right:auto
 					}
 	.timeline > li:last-child{
 		margin-bottom:0
 		}
 	.timeline .timeline-heading h4{
 		margin-top:0;
 		color:inherit
 		}
 	.timeline .timeline-heading h4.subheading{
 		text-transform:none
 		}
 	.timeline .timeline-body > p,.timeline .timeline-body > ul{
 		margin-bottom:0
 		}
 @media (min-width: 768px){
 	.timeline:before{
 		left:50%
 		}
 	.timeline > li{
 		margin-bottom:100px;
 		min-height:100px
 		}
 	.timeline > li .timeline-panel{
 		width:41%;
 		float:left;
 		padding:0 20px 20px 30px;
 		text-align:right
 		}
 	.timeline > li .timeline-image{
 		width:100px;
 		height:100px;
 		left:50%;
 		margin-left:-50px
 		}
 	.timeline > li .timeline-image h4{
 		font-size:13px;
 		margin-top:16px;
 		line-height:18px
 			}
 		.timeline > li.timeline-inverted > .timeline-panel{
 			float:right;
 			text-align:left;
 			padding:0 30px 20px 20px
 			}
 		}
 	@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;
 								margin-top:30px;
 								line-height:26px
 								}
 							.timeline > li.timeline-inverted > .timeline-panel{
 								padding:0 20px 20px
 								}
 						}
 					@media (min-width: 1200px){
 						.timeline > li{
 							min-height:170px
 							}
 						.timeline > li .timeline-panel{
 							padding:0 20px 20px 100px
 							}
 						.timeline > li .timeline-image{
 							width:170px;
 							height:170px;
 							margin-left:-85px
 							}
 						.timeline > li .timeline-image h4{
 							margin-top:40px
 							}
 						.timeline > li.timeline-inverted > .timeline-panel{
 							padding:0 100px 20px 20px
 							}
 						}
 			.team-member{
 				text-align:center;
 				margin-bottom:50px
 				}
 			.team-member img{
 				margin:0 auto;
 				border:7px solid white
 				}
 			.team-member h4{
 				margin-top:25px;
 				margin-bottom:0;
 				text-transform:none
 				}
 			.team-member p{
 				margin-top:0
 				}
 			aside.clients img{
 				margin:50px auto
 				}
 			section#contact .section-heading{
 				color:#4b4e53
 				}
 			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:236px
 				}
 			section#contact .form-control:focus{
 				border-color:#fed136;
 				box-shadow:none
 				}
 			section#contact ::-webkit-input-placeholder{
 				font-family: 'Lato', sans-serif;
 				font-weight:700;
 				color:#eeeeee
 				}
 			section#contact :-moz-placeholder{
 				font-family: 'Lato', sans-serif;
 				font-weight:700;
 				color:#eeeeee
 				}
 			section#contact ::-moz-placeholder{
 				font-family: 'Lato', sans-serif;
 				text-transform:uppercase;
 				font-weight:700;
 				color:#eeeeee
 				}
 			section#contact :-ms-input-placeholder{
 				font-family: 'Lato', sans-serif;
 				text-transform:uppercase;
 				font-weight:700;
 				color:#eeeeee
 				}
 			section#contact .text-danger{
 				color:#e74c3c
 				}
 			footer{
 				padding:25px 0;
 				text-align:center
 				}
 			footer span.copyright{
 				line-height:40px;
 				font-family: 'Lato', sans-serif;
 				color:#8c8f94;
 				text-transform:uppercase;
 				text-transform:none
 				}
 			footer ul.quicklinks{
 				margin-bottom:0;
 				line-height:40px;
 				font-family: 'Lato', sans-serif;
 				text-transform:uppercase;text-transform:none
 				}
 			ul.social-buttons{
 				margin-bottom:0
 				}
 			ul.social-buttons li a{
 				display:block;
 				background-color:#222222;
 				height:40px;
 				width:40px;
 				border-radius:100%;
 				font-size:20px;
 				line-height:40px;
 				color:white;
 				outline:none;
 				-webkit-transition:all 0.3s;
 				-moz-transition:all 0.3s;
 				transition:all 0.3s
 				}
 			ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{
 				background-color:#fed136
 				}
 			.btn:focus,.btn:active,.btn.active,.btn:active:focus{
 				outline:none
 				}
 			footer ul {
 				list-style-type: none;
 				}
 			 .portfolio-modal .modal-dialog{
 			 	margin:0;
 			 	height:100%;
 			 	width:auto
 			 	}
 			 .portfolio-modal .modal-content{
 			 	border-radius:0;
 			 	background-clip:border-box;
 			 	-webkit-box-shadow:none;
 			 	box-shadow:none;
 			 	border:none;
 			 	min-height:100%;
 			 	padding:100px 0;
 			 	text-align:center
 			 	}
 			 .portfolio-modal .modal-content h2{
 			 	margin-bottom:15px;
 			 	font-size:3em
 			 	}
 			 .portfolio-modal .modal-content p{margin-bottom:30px}
 			 .portfolio-modal .modal-content p.item-intro{
 			 	margin:20px 0 30px;
 			 	font-family: 'Lato', sans-serif;
 			 	font-style:italic;
 			 	font-size:16px
 			 	}
 			 .portfolio-modal .modal-content ul.list-inline{
 			 	margin-bottom:30px;
 			 	margin-top:0
 			 	}
 			 .portfolio-modal .modal-content img{
 			 	margin-bottom:30px
 			 	}
 			 .portfolio-modal .close-modal{
 			 	position:absolute;
 			 	width:75px;
 			 	height:75px;
 			 	background-color:transparent;
 			 	top:25px;
 			 	right:25px;
 			 	cursor:pointer
 			 	}
 			 .portfolio-modal .close-modal:hover{opacity:0.3}
 			 .portfolio-modal .close-modal .lr{
 			 	height:75px;
 			 	width:1px;
 			 	margin-left:35px;
 			 	background-color:#222222;
 			 	transform:rotate(45deg);
 			 	-ms-transform:rotate(45deg);
 			 	-webkit-transform:rotate(45deg);
 			 	z-index:1051
 			 	}
 			 	.portfolio-modal .close-modal .lr .rl{
 			 		height:75px;
 			 		width:1px;
 			 		background-color:#222222;
 			 		transform:rotate(90deg);
 			 		-ms-transform:rotate(90deg);
 			 		-webkit-transform:rotate(90deg);
 			 		z-index:1052
 			 		}
 			 	.portfolio-modal .modal-backdrop{
 			 		opacity:0;
 			 		display:none
 			 		}
 			 	::-moz-selection{
 			 		text-shadow:none;
 			 		background:#fed136
 			 		}
 			 	::selection{
 			 		text-shadow:none;
 			 		background:#fed136
 			 		}
 			 	img::selection{
 			 		background:transparent
 			 		}
 			 	img::-moz-selection{
 			 		background:transparent
 			 		}
 			 	body{
 			 		webkit-tap-highlight-color:#fed136
 			 		}
 			 	.p-about{
 			 		font-size:18px !important;
 			 		font-weight: 300;
 			 		color: #000;
 			 		}
 			 	.span-about{
 			 		font-size: 16px;
 			 		font-weight: 300;
 			 		color: rgba(0,0,0,0.6);
 			 		}
 			 	.footer-text{
 			 		font-size: 15px;
 			 		font-weight: 400;
 			 		color:#414446;
 			 		}
 			 	.top-margin-md{
 			 		margin-top: 40px!important;
 			 		}
 			 	.top-margin-lg{
 			 		margin-top: 60px!important;
 			 		}
 			 	.before-header{
 			 		font-size: 24px;
 			 		font-weight: 200;
 			 		}
 			 	.bottom-margin-sm{
 			 		margin-bottom: 20px!important
 			 	}