/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* General CSS */
@import url(animated-border.min.css);

* {
	border-radius: 0 !important;
	box-shadow: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
	text-shadow: none !important;
	font-weight: 400;
}

html {
	-webkit-font-smoothing: antialiased;
}

body {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #555;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

a {
	color: #333;
	text-decoration: none !important;
}

a:hover {
	color: #888;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	outline: 0;
}

.text-aligh-center {
	text-align: center;
}
.text-aligh-left {
	text-align: left;
}
.text-aligh-right {
	text-align: right;
}
@media (max-width: 766px) {
	.text-aligh-center {
		text-align: center;
	}
	.text-aligh-left {
		text-align: center;
	}
	.text-aligh-right {
		text-align: center;
	}
}

img.responsive {
	position: relative;
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.navbar * {
	background-image: none !important;
}

form {
	& * {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px !important;	
	}
	& select {
		padding: 6px 12px;
		background-color: white;
		border: 1px solid #ccc;
	}

	&#formLavora {
		& button {
			text-transform: uppercase;
			font-weight: 600;
			font-size: 1.5rem;
			line-height: 1;
			transition: all 0.5s ease;
		}
	}
}

.btn {
	background-image: none !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;
}

.btn.btn-mini {
	font-size: 12px !important;
}

a.btn {
	font-size: 13px !important;
}

a.btn-large {
	font-size: 14px !important;
}

.bold {
	font-weight: 600;
}

hr {
	margin: 15px 0px 15px 0px !important;
	padding: 0px !important;
	border-top: 0px;
	border-bottom: 1px solid #eee !important;
	height: 0px;
}

ul {
	margin: 0px;
}

:focus {
	outline: none;
}

::-moz-focus-inner {
	border: 0;
}

.well {
	padding: 10px 15px;
}

.label {
	font-weight: 400;
	padding: 3px 6px !important;
	font-size: 13px;
}

.badge {
	font-weight: 400;
	padding: 3px 8px;
	font-size: 13px;
}

.progress {
	height: 17px;
	line-height: 17px;
	margin: 5px 0px !important;
	border: 0px;
}

.progress .bar {
	font-size: 12px;
}

.title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.link-list a {
	margin-right: 20px;
}

/* ALIGNER */
.Aligner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.Aligner-item {
	width: 100%;
}

.Aligner-item--top {
	align-self: flex-start;
}

.Aligner-item--bottom {
	align-self: flex-end;
}

/* Tablel view */
.h-100 {
	height: 120px;
}
.table_row {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.table_cell {
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

/* Button colors */

.btn {
	border: 0px !important;
}

.btn.btn-primary {
	background: #1171a3 !important;
}

.btn.btn-primary:hover {
	background: #0f608b !important;
}

.btn.btn-info {
	background: #1171a3 !important;
}

.btn.btn-info:hover {
	background: #459fc9 !important;
}

.btn.btn-success {
	background: #43c83c !important;
}

.btn.btn-success:hover {
	background: #36a530 !important;
}

.btn.btn-warning {
	background: #f88529 !important;
}

.btn.btn-warning:hover {
	background: #d67323 !important;
}

.btn.btn-danger {
	background: #fa3031 !important;
}

.btn.btn-danger:hover {
	background: #d82829 !important;
}

/* Label colors */

.label.label-success,
.badge.badge-success {
	background: #43c83c !important;
}

.label.label-warning,
.badge.badge-warning {
	background: #f88529 !important;
}

.label.label-important,
.badge.badge-important {
	background: #fa3031 !important;
}

.label.label-info,
.badge.badge-info {
	background: #1171a3 !important;
}

/* Title metro icon */

i.title-icon {
	font-size: 17px;
	border: 2px solid #1171a3;
	border-radius: 100px !important;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 30px;
	position: relative;
	top: -3px;
	text-align: center;
	margin-right: 7px;
}

.violet-border i.title-icon {
	border-color: #932ab6 !important;
}

/* Background colors */
.bblack {
	background-color: #222 !important;
	color: #fff !important;
	border: 0px !important;
}

.blightblue {
	background-color: #1171a3 !important;
	color: #fff !important;
	border: 0px !important;
}

.bblue {
	background-color: #1171a3 !important;
	color: #fff !important;
	border: 0px !important;
}

.bgreen {
	background-color: #43c83c !important;
	color: #fff !important;
	border: 0px !important;
}

.borange {
	background-color: #f88529 !important;
	color: #fff !important;
	border: 0px !important;
}

.bred {
	background-color: #fa3031 !important;
	color: #fff !important;
	border: 0px !important;
}

.bviolet {
	background-color: #932ab6 !important;
	color: #fff !important;
	border: 0px !important;
}

.bblack a,
.blightblue a,
.bblue a,
.bgreen a,
.borange a,
.bred a,
.bviolet a {
	color: #fff !important;
}

.blightblue h2,
.blightblue h3,
.blightblue h4,
.blightblue h5,
.blightblue h6,
.bblue h2,
.bblue h3,
.bblue h4,
.bblue h5,
.bblue h6,
.bgreen h2,
.bgreen h3,
.bgreen h4,
.bgreen h5,
.bgreen h6,
.bred h2,
.bred h3,
.bred h4,
.bred h5,
.bred h6,
.bviolet h2,
.bviolet h3,
.bviolet h4,
.bviolet h5,
.bviolet h6,
.borange h2,
.borange h3,
.borange h4,
.borange h5,
.borange h6 {
	color: #fff !important;
}

/* border colors */
.bblack-border {
	border-left: 5px solid;
	border-color: #222 !important;
}

.blightblue-border {
	border-left: 5px solid;
	border-color: #1171a3 !important;
}

.bblue-border {
	border-left: 5px solid;
	border-color: #1171a3 !important;
}

.bgreen-border {
	border-left: 5px solid;
	border-color: #43c83c !important;
}

.borange-border {
	border-left: 5px solid;
	border-color: #f88529 !important;
}

.bred-border {
	border-left: 5px solid;
	border-color: #fa3031 !important;
}

.bviolet-border {
	border-left: 5px solid;
	border-color: #932ab6 !important;
}

/* Text colors */
.white {
	color: #fff !important;
}
.black {
	color: #444 !important;
}
.lightblue {
	color: #1171a3 !important;
}

.blue {
	color: #1171a3 !important;
}

.green {
	color: #43c83c !important;
}

.orange {
	color: #f88529 !important;
}

.red {
	color: #fa3031 !important;
}

.violet {
	color: #932ab6 !important;
}

/* Social */

.social {
	padding: 7px 0px;
}

.social a {
	width: 24px;
	height: 24px;
	margin: 0px 3px;
	line-height: 24px;
	color: #fff;
	display: inline-block;
	text-align: center;
}

/* Modal */

.modal-header {
	padding-top: 7px;
	padding-bottom: 7px;
}

/* Slide panel */

.slidepanel {
	margin-bottom: 10px;
	background: #fafafa;
	border-bottom: 1px solid #eee;
}

.slidepanel p {
	margin: 0px;
	font-size: 13px;
}

.slidepanel p i {
	margin-right: 5px;
}

.slidepanel .spara {
	padding: 7px 0px;
}
.slidepanel .spara.right {
	text-align: right;
}

.slidepanel .social {
	float: right;
}

.container {
	max-width: 1200px;
}

/* Header */

header {
	min-height: 120px;
	/*margin-bottom: 10px;*/
}

header .logo {
	height: 120px;
	padding: 0px;
	margin: 0px;
}

header .logo .logo-image {
	padding: 0;
	width: 100%;
	height: auto;
	/*float: left;*/
	text-align: center;
	vertical-align: middle;
}

@media (max-width: 1200px) {
	header .logo .logo-image {
		padding: 2rem 0;
	}
}

header .logo .logo-image i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 50px;
	margin-top: 30px;
}

header .logo .logo-text {
	margin-left: 70px;
}

header .logo h1 {
	padding-top: 25px;
	margin: 0px;
	line-height: 30px;
	font-size: 35px;
}

header .logo h1 a {
	color: #666;
}

header .logo-meta {
	line-height: 35px;
	font-size: 16px;
}

/* Navbar */

.mattblackmenu {
	margin-top: 5px;
}

.mattblackmenu ul {
	background: transparent;
	border-bottom: none;
}

.mattblackmenu li a {
	/*width: 98px;*/
	height: 60px;
	text-align: center;
	padding: 19px 5px 0 5px !important;
	border-right: 0px !important;
	margin: 15px 10px;
	font-size: 16px;
	letter-spacing: -1px;
}

.mattblackmenu li a > i {
	display: block;
	font-size: 30px;
	width: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 18px;
}

.mattblackmenu li a > img {
	margin-left: 2px;
	/*
	width: 7px !important;
	height: 5px !important;
	*/
}

.rightarrowpointer {
	margin-top: 5px;
	width: 8px !important;
	height: 7px !important;
}

.ddsubmenustyle,
.ddsubmenustyle div {
	border: 1px solid #ddd !important;
}

.ddsubmenustyle li a {
	color: #444 !important;
	font-size: 13px !important;
	padding: 11px 10px !important;
	background: #fafafa !important;
	border-bottom: 1px solid #eee !important;
}

.ddsubmenustyle li a:hover {
	background: #f6f6f6 !important;
}

.navis select {
	display: none;
}

/* Parallax Slider */

.da-slider {
	margin-bottom: 0px;
	border-top: 5px solid #eee;
	border-bottom: 5px solid #eee;
}

.da-slide p {
	top: 60px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-style: normal;
	font-size: 13px;
	line-height: 23px;
	padding: 10px 15px;
	height: 63%;
	width: 40%;
}

.da-slider .das-head {
	font-size: 30px;
	line-height: 50px;
}

.da-slider .das-link {
	margin-top: 10px;
	color: #666;
}

.da-dots {
	display: none;
}

.da-dots span {
	background: transparent;
}

.da-arrows span {
	background: transparent;
}

/* SETTINGS FOR BANNER CONTAINERS */

.tp-banner-container {
	margin-bottom: 30px;
	width: 100%;
	position: relative;
	padding: 0;
	background: #f9f9f9;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.tp-banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.tp-banner ul {
	display: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Hero */

.hero {
	margin: 20px 0px;
}

.hero-left {
	float: left;
	width: 60px;
}

.hero-right {
	margin-left: 70px;
}

.hero i {
	display: block;
	font-size: 23px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	border: 3px solid #1171a3;
	border-radius: 100px !important;
	margin-top: 10px;
}

.hero .hero-title {
	font-size: 24px;
	line-height: 34px;
}

.hero p {
	line-height: 28px;
}

/* Page heading */
.page-heading {
	position: relative;
	padding: 20px 0px;
	width: 100%;
	height: auto;
	border-top: 3px solid #ddd !important;
	border-bottom: 3px solid #ddd !important;

	background-image: url(../img/heading-back.jpg) !important;
	background-position: 0 0;
	background-repeat: repeat !important;
	background-size: auto;
	/* ANIMAZIONE linee */
	animation: animatedBackground 150s linear infinite;
}
/* ANIMAZIONE linee */
@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 200% 0;
	}
}

.page-heading h2 {
	margin: 0 auto 0.5rem auto;
	padding: 0;
	font-size: 3.2rem;
	line-height: 4.2rem;
	font-weight: 600;
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.8));
}

.page-heading h2 i {
	top: -7px;
	border: 3px solid #1171a3;
	line-height: 34px;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
}

.page-heading .head-big {
	font-size: 60px;
	line-height: 70px;
}

@media (max-width: 334px) {
	.page-heading .head-big {
		font-size: 46px;
	}
}

/*.page-heading {
	white-space: nowrap;
}*/

.page-heading::after,
.page-heading::before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.page-heading .head-big-meta {
	font-size: 18px;
	line-height: 28px;
	font-style: italic;
}

.page-heading .heading-meta {
	display: table;
	vertical-align: middle;
	margin: 0.5rem auto 1rem auto;
	padding: 0;
	width: 100%;
}
.page-heading .heading-meta small {
	display: table-cell;
	vertical-align: middle;
	padding: 0 1rem;
	font-size: 2.1rem;
	line-height: 2.8rem;
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.8));
	width: 100%;
}

/* Content */

.content {
	margin: 20px 0px;
}

/* Coming soon */

.c-soon {
	margin: 20px 0px;
	text-align: center;
}
.c-soon .soon-subscribe {
	max-width: 380px;
	margin: 0 auto;
}
.soon-med {
	font-size: 20px;
	line-height: 30px;
}
.soon-big {
	font-size: 50px;
	line-height: 70px;
}
.soon-small {
	max-width: 600px;
	margin: 10px auto;
}
.soon-tweet {
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
	max-width: 600px;
	font-size: 15px;
}

.soon-tweet ul li {
	padding: 0px;
	margin: 0px;
	font-style: italic;
}

.content .soon-tweet ul li {
	background-image: none;
	list-style-type: none;
}

.soon-tweet ul li:before {
	content: '"';
	font-size: 16px;
	font-family: Arial, sans-serif;
	color: #888;
}

.soon-tweet ul li:after {
	content: '"';
	font-size: 16px;
	font-family: Arial, sans-serif;
	color: #888;
}

/* Contact */

.cwell {
	padding: 10px 20px;
	background: #fafafa;
	margin-top: 10px;
	border: 1px solid #f1f1f1;
}

.cwell h5 {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.gmap,
.gmap iframe {
	width: 100%;
	height: 350px;
	margin-bottom: 10px;
	padding-bottom: 0px !important;
}

/* Accordion */

.panel {
	border-radius: 0px;
	margin: 10px 0px;
	border: 1px solid #e5e5e5;
}

.accordion-inner {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
}

.panel-heading .accordion-toggle {
	display: block;
}

.accordion li {
	line-height: 10px;
}
.panel-heading h4 {
	font-size: 23px;
}

.panel-heading a,
.panel-heading a:visited,
.panel-heading a:hover {
	border: none;
	color: #777;
	text-decoration: none;
	margin: 10px 15px;
}

/* Events */

.events .panel-heading h4 {
	color: #fff;
	padding: 10px 0;
	margin: 0px;
	line-height: 25px;
}

.events .panel-heading h4 span {
	display: block !important;
	font-size: 13px !important;
}

.events .panel-heading a,
.events .panel-heading a:visited,
.events .panel-heading a:hover {
	margin: 0px;
}

.events .accordion-inner span {
	background: #fafafa;
	font-size: 12px;
	padding: 5px 10px;
	border: 1px solid #eee;
	margin-bottom: 10px;
	display: block;
}

.events .accordion-inner p {
	font-size: 13px;
}

/* Resume */

.rblock .rmeta {
	font-size: 13px;
}

.rskills span {
	display: inline-block;
	background: #f8f8f8;
	border: 1px solid #eee;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
}

/* Blog */

.blog .entry h2 {
	font-size: 30px;
	line-height: 40px;
	color: #777;
}

.blog .entry h2 a,
.blog .entry h2 a:visited,
.blog .entry h2 a:hover {
	text-decoration: none;
	color: #777;
}

.blog .entry h2 a {
	transition: all 0.5s ease;
}
.blog .entry h2:hover a {
	padding-left: 0.5rem;

	transition: all 0.5s ease;
}

.blog .meta {
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
	margin: 8px 0px;
	padding: 5px 8px;
	color: #777;
	text-transform: uppercase;
	font-size: 11px;
}

.blog .meta a,
.blog .meta a:visited {
	color: #555;
}

.blog .meta i {
	margin-left: 3px;
	margin-right: 3px;
}

.blog .bthumb {
	margin: 10px 0px 5px 0px;
	padding: 1px;
	box-shadow: 0px 0px 1px #777;
}

.blog .bthumb2 {
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	border: 1px solid #aaa;
}

.blog .bthumb2 img {
	margin: 0px;
	width: 180px;
	min-width: 180px;

	opacity: 1;
	transition: all 0.5s ease;
}

.blog .bthumb2:hover img {
	opacity: 0.5;
	transition: all 0.5s ease;
}

.blog .entry {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	font-size: 13px;
	line-height: 25px;
}

.blog .entry p {
	margin: 0px 0px 4px 0px;
}

.blog .post-foot {
	border-left: 2px solid #eee;
	padding: 15px 15px;
}

.blog .post-foot .social {
	margin-top: 0px;
}

.sidebar {
	background: #f7f7f7;
	border: 1px solid #e1e1e1;
	padding: 8px;
	margin-top: 10px;
}

.sidebar h4 {
	font-size: 14px;
	color: #777;
	line-height: 18px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
}

.sidebar .widget {
	background: #fff;
	padding: 8px;
	font-size: 13px;
	line-height: 23px;
	border: 1px solid #e1e1e1;
	margin-bottom: 10px;
}

.sidebar .widget .form-search {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sidebar .widget ul {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

.sidebar ul li {
	padding: 3px 0px;
}

.listaNews.listaNews {
	position: relative;
	display: block;
	margin: 0 auto !important;
	padding: 0;
	list-style: none;
}
.listaNews.listaNews li {
	display: block;
	margin-bottom: 8px;
	padding: 0 0 0 8px;
	width: 100%;
	height: auto;
	border-left: 4px solid #1171a3; /* BLUE */

	transition: all 0.5s ease;
}
.listaNews.listaNews li:hover {
	padding-left: 5px;
}

.listaServizi.listaServizi {
	position: relative;
	display: block;
	margin: 0 auto !important;
	padding: 0;
	list-style: none;
}
.listaServizi.listaServizi li {
	display: block;
	margin-bottom: 8px;
	padding: 0 0 0 8px;
	width: 100%;
	height: auto;
	border-left: 4px solid #932ab6; /* VIOLET */

	transition: all 0.5s ease;
}
.listaServizi.listaServizi li:hover {
	padding-left: 5px;
}

/* COLLABORATORI lista */
.listaCollaboratori {
	position: relative;
	display: block;
	margin: 1rem auto !important;
	padding: 0;
	text-align: center;
	list-style: none;
}
.listaCollaboratori li {
	display: block;
	margin: 0 auto 1rem auto !important;
}
.listaCollaboratori li a:hover {
	color: #f88529;
	transition: all 0.5s ease;
}
.listaCollaboratori li a img {
	opacity: 1;
	transition: all 0.5s ease;
}
.listaCollaboratori li a:hover img {
	opacity: 0.5;
	transition: all 0.5s ease;
}

/* Comments */

.respond {
	padding-top: 10px;
	padding-left: 20px;
}

.comments ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}

.comments > ul > li {
	background: none;
	padding: 0px;
}

.comments {
	margin-bottom: 20px;
}

.comments .comment {
	margin: 15px 0px;
	padding: 13px 16px;
	background: #f8f8f8;
	border-left: 2px solid #ddd;
}

.comment .avatar {
	margin-top: 5px;
	margin-right: 8px;
	border-radius: 100% !important;
	width: 38px;
}

.comment .cmeta {
	font-size: 12px;
}

.comment p {
	margin-top: 5px;
	font-size: 13px;
}

.comments .reply {
	margin-left: 25px;
}

.respond {
	border-top: 2px solid #eee;
}

.respond .title {
	padding: 5px 0px;
	margin-bottom: 10px;
}

/* Pagination */

.paging {
	width: 270px;
	clear: both;
	padding: 6px 0;
	line-height: 17px;
	font-size: 13px;
}

.paging span,
.paging a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 5px 8px;
	text-decoration: none;
	width: auto;
	color: #666;
	background: #ddd;
	border: 0px solid #ddd;
	font-weight: normal;
}

.paging a:hover {
	color: #fff;
}

.paging .current {
	padding: 5px 8px;
	color: #fff;
}

/* Process */

.process-meta {
	display: block;
	margin-bottom: 5px;
	padding: 5px 10px;
	color: #fff;
	margin-top: 15px;
}

/* Sitemap */

ul.list1 {
	margin: 0px;
	margin-left: -15px;
}

/* Landing page */

.lp .lp-image {
	max-width: 600px;
	margin: 40px auto;
	box-shadow: 0px 0px 30px #ccc;
}

/* Projects */

.related-projects .title {
	margin-top: 20px;
}
.projects .related-projects img {
	max-width: 100px;
	margin: 5px;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ddd;
}

.projects .prdetails {
	margin-top: 10px;
	font-size: 13px;
}
.projects .carousel {
	margin-bottom: 10px;
}
.projects .carousel-control span {
	position: absolute;
	top: 50%;
}

/* Gallery */

.gallery {
	text-align: center;
}

.gallery img {
	max-width: 160px;
	margin: 5px;
	padding: 1px;
	border: 1px solid #aaa;
	display: inline-block;
}

/* Portfolio */

.img-portfolio ul {
	margin: 0;
	padding: 0;
}

/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

#filters {
	margin-left: 0px;
}

#filters li {
	display: inline;
	padding: 0px;
	background: none;
}

#filters a {
	font-size: 13px;
	padding: 4px 10px;
	display: inline-block;
}

#filters .btn {
	border-radius: 0px !important;
}

.portfolio li {
	display: inline !important;
	border: none !important;
}

.portfolio li a,
.portfolio li a:visited {
	color: #777;
	padding: 5px 10px;
	margin: 0px 5px;
}

.portfolio li a:hover {
	color: #555;
}

#portfolio {
	text-align: center;
}

#portfolio .element {
	margin: 20px 10px 10px 0px;
	padding: 0px;
}

#portfolio .pcap {
	padding: 3px 0px;
	background: #f9f9f9;
}

#portfolio h4 {
	margin: 4px 0px;
	padding: 0px;
	margin-top: 10px;
	color: #666;
	font-size: 15px;
}

#portfolio a,
#portfolio a:visited,
#portfolio a:hover {
	color: #666;
	text-decoration: none;
}

#portfolio .pcap p {
	padding: 0px 10px 10px 10px;
	font-size: 12px;
}

#portfolio .pcap {
	max-width: 200px;
}

#portfolio .pcap {
	line-height: 20px;
}

#portfolio img {
	width: 200px;
	max-width: 200px;
	height: 150px;
}

/* PrettyPhoto */

div.ppt {
	display: none !important;
}

/* FAQ */

.faq .panel-heading {
	padding-left: 0px;
}

.faq h4 {
	font-size: 15px;
	line-height: 32px;
}

/* 404 */

.form-subscribe {
	width: 100%;
	max-width: 300px;
	margin: 10px auto;
}

/* Reg & Login Form */

.formy {
	padding: 15px 20px;
	display: block;
	color: #fff;
}

.formy h5 {
	color: #fff;
}

.formy a,
.formy a:visited {
	color: #eee;
	text-decoration: underline;
}

.formy a:hover {
	color: #fff;
	text-decoration: none;
}

/* Testimonial */

.testi {
	background: #fff;
	border: 1px solid #eee;
	border-bottom: 2px solid #eee;
	padding: 12px;
	margin-bottom: 20px;
}

.testi .tauthor {
	color: #777;
	font-size: 13px;
	margin-top: 5px;
}

.testimonials .tauthor {
	font-size: 13px;
}

.testi i {
	margin-right: 5px;
}

.testimonials {
	margin: 5px 0px;
	padding: 10px 15px;
}

.testimonials i {
	margin-right: 5px;
}

.testimonials .color {
	color: #fff;
	font-weight: 600;
}

.tquote {
	font-style: italic;
	font-size: 13px;
	line-height: 22px;
}

/* Timeline */

.tidate {
	padding: 3px 10px;
	font-size: 14px;
	display: block;
	font-weight: 600;
	margin-bottom: 0px;
}

.timatter h5 {
	font-size: 16px;
	color: #888;
	line-height: 22px;
	font-weight: bold;
}

.timatter {
	background: #fafafa;
	padding: 5px 10px;
	margin-bottom: 20px;
	font-size: 13px;
	border: 1px solid #eee;
	border-top: 0px;
}

/* Big box */

.big-box {
	margin: 20px 0px;
}

.big-box .big-box-left {
	width: 45%;
	float: left;
	height: 328px;
}

.big-box .big-box-mid {
	width: 35%;
	float: left;
	height: 328px;
}

.big-box .big-box-right {
	width: 20%;
	float: right;
	height: 328px;
}

.big-box .big-box-left .box-content {
	padding: 25px;
}

.big-box .big-box-left .box-title {
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 10px;
}

.big-box .big-box-left p {
	font-size: 16px;
	line-height: 26px;
}

.big-box .big-box-left a.btn {
	padding: 10px 12px !important;
	margin-top: 10px;
	font-size: 15px !important;
}

.big-box .big-box-left .box-links a {
	margin-right: 10px;
	color: #fff;
	font-size: 15px;
}

.big-box .big-box-left .box-links a:hover {
	color: #fff;
}

.big-box .big-box-right .box-content {
	padding: 15px;
}

.big-box .big-box-right {
	font-size: 15px;
}

.big-box .big-box-right h4 {
	color: #aaa;
	margin-top: 20px !important;
	line-height: 10px !important;
}

.big-box .big-box-right .box-title {
	font-size: 20px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}

/* About #2 */

.about-two {
	margin-top: 25px;
}
.about-two .pic img {
	max-width: 180px;
	margin: 0px auto;
}

.about-two .details {
	margin-top: 10px;
	margin-bottom: 20px;
}

ul.list {
	padding: 0px;
	margin: 15px;
}

.about-two .details .name {
	line-height: 10px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 17px;
	line-height: 27px;
}

.about-two .details em {
	color: #888;
	font-size: 13px;
	line-height: 20px;
}

.about-two .asocial i {
	display: inline-block;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	width: 20px;
	height: 20px;
}

.about-two .asocial a,
.about-two .asocial a:visited,
.about-two .asocial a:hover {
	color: #fff;
	text-decoration: none;
}

.about-two .details p.adesc {
	max-width: 300px;
	margin: 0 auto;
	border-top: 1px solid #eee;
	margin-top: 5px;
	padding-top: 5px;
	font-size: 13px;
}

/* Features Two */

.features-two i {
	font-size: 30px;
	display: #333;
	margin-bottom: 10px;
}

.features-two h3 {
	color: #333;
	font-size: 19px;
}

.features-two .f-block {
	padding: 15px 10px 16px 10px;
	margin-bottom: 10px;
	min-height: 25px;
}
.features-two .f-block.into {
	padding: 1.5rem 3.2rem 2rem;
}

.features-two .f-block.into {
	margin-bottom: 3rem;

	transition: all 0.5s ease;
}
/*
.features-two .f-block.into a {
}
*/
.features-two .f-block.into h3 a {
	transition: all 0.5s ease;
}
.features-two .f-block.into:hover h3 a {
	padding-left: 8px;

	transition: all 0.5s ease;
}

.features-two .f-block.bordered {
	border: 3px solid #e3e3e3;
}
.bordered.bviolet-border a {
	display: block;
	color: #932ab6;
	transition: all 0.4s ease;
}
.bordered:hover.bviolet-border {
	background-color: #932ab6;
	color: #fff;
}
.bordered:hover.bviolet-border a {
	color: #fff;
}

.features-two a,
.features-two a:hover {
	color: #333;
	text-decoration: none;
}

.features-two p {
	font-size: 14px;
	line-height: 22px;
}

/* Clients page */

.cclient {
	text-align: center;
	padding: 10px 0px 15px 0px;
	border-bottom: 1px solid #eee;
	margin: 10px 0px 15px 0px;
}

.cclient .cmatter p {
	font-size: 13px;
}

.cimage img {
	margin-bottom: 15px;
	max-height: 50px;
	display: inline-block;
}

/* Pricing table */

.pricing-table {
	margin: 20px 0px;
}

.price-a {
	width: 48%;
	float: left;
	margin-right: 14px;
}

.price-b {
	width: 48%;
	float: right;
}

.pricel {
	text-align: center;
	margin-top: 10px;
}

.pricel .phead-top {
	margin: 0px;
	padding: 15px 10px;
}

.pricel .phead-top h4 {
	font-size: 23px;
	color: #fff;
}

.pricel .phead-bottom {
	background: #333;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	padding: 20px 10px 5px 10px;
	color: #fff;
	font-size: 40px;
	line-height: 45px;
}

.pricel .pst {
	font-size: 25px;
	position: relative;
	top: -5px;
	font-weight: bold;
}

.pricel .psb {
	font-size: 16px;
	font-weight: bold;
}

.pricel .pbutton {
	background: #f3f3f3;
	border: 1px solid #ddd;
	padding: 15px 0px 15px 0px;
	color: #777;
	font-size: 20px;
	text-align: center;
	margin-top: 0px;
}

.pricel .pbutton a {
	text-transform: uppercase;
	font-weight: bold;
}

.pricel .plist {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fcfcfc;
}

.pricel .plist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.pricel .plist li {
	background: none;
	padding: 12px 0px;
	font-size: 13px;
	line-height: 20px;
	border-bottom: 1px solid #e8e8e8;
}

.pricel .plist li:hover {
	background: #fff;
}

.pricel .phead-top {
	display: block;
}

/* Task */

.task {
	background: #fcfcfc;
	border: 1px solid #eee;
	margin-bottom: 10px;
	border-left: 3px solid #eee;
	padding: 10px 15px;
	font-size: 13px;
}

.task:hover {
	background: #fafafa;
}

.task.important {
	border-left: 3px solid #ee1635;
}

.task.cool {
	border-left: 3px solid #30d91a;
}

.task .tmeta {
	font-size: 12px;
}

/* Support */

input.filterinput {
	padding-left: 5px;
}

#slist p {
	display: none;
	margin: 5px 0px;
	padding: 5px 10px;
	background: #fff;
	line-height: 30px;
	border: 1px solid #eee;
}

#slist li a {
	display: block;
	font-size: 16px !important;
	margin-bottom: 10px;
}

.scontact p {
	margin-bottom: 10px;
}

/* Service home */

.service-home {
	margin: 20px 0px;
}

.service-home .service-list {
	margin-top: 10px;
	margin-bottom: 10px;
}

.service-home .service-icon {
	float: left;
	width: 40px;
}

.service-home .service-icon i {
	font-size: 20px;
	display: block;
	margin-top: 5px;
	color: #fff;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
}

.service-home .service-image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 300px;
	text-align: center;
	margin: 10px auto;
}

.service-home .service-content {
	position: relative;
	margin-left: 60px;
}
.service-home .service-content h4 a {
	transition: all 0.5s ease;
}
.service-home .service-content:hover h4 a {
	padding-left: 8px;

	transition: all 0.5s ease;
}

.service-home .service-home-meta {
	text-transform: uppercase;
	line-height: 14px;
	font-size: 12px;
}

.service-home h4 {
	font-size: 22px;
	line-height: 25px;
}

.service-home p {
	font-size: 14px;
}

.service-home .row hr {
	margin: 15px 0px !important;
}

.service-home .row .grey {
	color: #999;
}

.service-home .service-social {
	padding: 15px;
	margin: 10px 0px;
}

.service-home .service-social .service-big {
	font-size: 40px;
	line-height: 50px;
}

.service-home .service-social .label {
	margin: 4px 0px;
	font-size: 13px;
	text-transform: uppercase;
	padding: 2px 4px !important;
	display: inline-block;
}

.service-home .service-social hr {
	border-bottom: 1px solid #444 !important;
	border-top: 0px !important;
	margin: 7px 0px !important;
}

.service-home .service-social .service-box {
	padding: 10px 15px;
	font-size: 16px;
	margin: 7px 0px;
}

.service-home .service-social .service-box a {
	color: #fff;
	font-weight: bold;
}

.service-home .service-social .service-box a span {
	background: #333;
	width: 60px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

/* Features one */

.features-one {
	margin: 20px 0px;
}

.features-one h2 {
	line-height: 40px;
	margin: 0px 0px 5px 0px;
}

.features-one .features-meta {
	font-size: 16px;
	font-weight: bold;
	color: #888;
	margin-top: 10px;
	font-weight: 600;
}

.features-one .features-meta i {
	margin-right: 5px;
	font-size: 15px;
}

.features-one p {
	margin: 15px 0px !important;
	line-height: 25px;
}

.features-one .btn {
	margin-top: 10px;
}

.features-one img {
	width: 90%;
	max-width: 500px;
	height: auto;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0px;
}

/* Clients */

.clients {
	padding: 10px;
	text-align: center;
	margin: 5px 0px 10px 0px;
}

.clients p {
	max-width: 800px;
	margin: 30px auto;
	font-style: italic;
	font-size: 28px;
	line-height: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	color: #777;
}

.clients i {
	margin: 0px 5px;
	position: relative;
	top: -7px;
	font-size: 18px;
}

.clients img {
	max-width: 150px;
	margin: 10px 14px;
	display: inline-block;
}

/* CTA */

.cta {
	padding: 15px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 1px #aaa;
	margin: 20px 0px;
}

.cta h5 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	line-height: 32px;
}

.cta .icon-metroid {
	font-size: 13px;
	border: 2px solid #fff;
	border-radius: 100px !important;
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 22px;
	position: relative;
	top: -3px;
	text-align: center;
}

.cta ul li {
	padding: 2px 0px;
}

.ctas {
	padding: 3px 20px;
}

.ctas .btn {
	font-size: 16px !important;
	margin: 5px 0px;
	margin-top: 10px;
}

/* Foot (Twitter) */

.foot {
	padding: 25px 10px;
	text-align: center;
	font-size: 17px;
	line-height: 25px;
	margin-top: 25px !important;
}

.foot .twitter-icon i {
	border-radius: 50px !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 17px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	display: inline-block;
	background: #52b9e9;
}

.foot ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.foot a {
	color: #fff;
	border-bottom: 1px dashed #fff;
	font-style: italic;
}

.foot a:hover {
	border-bottom: 0px;
}

/* Footer */

footer {
	background: #fafafa;
	color: #555;
	font-size: 13px;
	line-height: 23px;
}

footer a {
	color: #777;
}

footer a:hover {
	color: #666;
}

footer h4 {
	color: #666;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dfdfdf;
}

footer hr {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

footer ul {
	list-style-type: none;
	margin-left: 0px;
}

footer ul li {
	padding: 3px 0px;
}

footer .widgets {
	margin-top: 20px;
}

footer .copy {
	border-top: 1px solid #ddd;
	padding: 10px 0px;
	margin-top: 10px;
}

.fwidget ul {
	margin: 0px;
	padding: 0px;
}

.fwidget .form-inline {
	width: 100%;
	max-width: 300px;
}

/* Scroll to top */

.totop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 104400;
}

.totop a i {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 25px;
	background: #454545;
	border-radius: 6px;
}

.totop a,
.totop a:visited,
.totop a:hover {
	color: #f4ebd2;
	text-decoration: none;
}

/* CAROUSEL CUSTOM */
.carousel-indicators {
	position: relative;
	top: 0;
	left: auto;
	right: auto;
	bottom: 0;
	display: block;
	margin: 10px auto 5px;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;

	clear: both;
}

/* Responsive */

@media (max-width: 480px) {
	.da-slide .das-head {
		font-size: 20px;
		line-height: 35px !important;
	}
	.da-slide p {
		height: 60%;
		top: 40px;
		left: 0px;
		width: 80%;
		font-size: 13px !important;
		line-height: 18px !important;
	}
	.price-a {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	.price-b {
		width: 100%;
		float: none;
	}

	.tp-caption a.btn {
		padding: 2px 5px !important;
		font-size: 9px !important;
	}
}

@media (max-width: 767px) {
	.tp-caption a.btn {
		padding: 4px 7px;
		font-size: 11px;
	}
	.container {
		width: 100%;
	}
	.slidepanel .spara {
		padding-bottom: 0px;
	}
	.slidepanel .social {
		padding-bottom: 10px;
		float: none;
	}
	.slidepanel .social a {
		margin-left: 0px;
		margin-right: 7px;
	}
	header .logo .logo-image i {
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 38px;
		margin-top: 25px;
	}
	header .logo .logo-text {
		margin-left: 50px;
	}
	header .logo h1 {
		padding-top: 25px;
		line-height: 20px;
		font-size: 35px;
	}
	header .logo-meta {
		line-height: 35px;
		font-size: 15px;
	}
	.navi ul {
		display: none;
	}
	.navis select {
		display: inline-block;
	}

	select {
		width: 95%;
		margin-left: 30px;
		float: right;
		margin-top: 30px;
	}

	.page-heading h2 {
		float: none !important;
	}
	.page-heading .heading-meta {
		float: none !important;
		line-height: 40px !important;
	}
	.da-slider {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.da-slide .das-head {
		font-size: 20px;
		line-height: 35px;
	}
	.da-slide p {
		height: 60%;
		top: 40px;
		left: 0px !important;
		width: 80%;
		font-size: 13px;
		line-height: 18px;
	}
	.da-slide .da-img {
		display: none;
	}
	.big-box .big-box-left {
		width: 100%;
		max-width: 500px;
		height: auto;
		float: none;
		margin: 0 auto;
	}
	.big-box .big-box-mid {
		width: 100%;
		max-width: 500px;
		height: auto;
		float: none;
		margin: 0 auto;
	}
	.big-box .big-box-right {
		width: 100%;
		max-width: 500px;
		height: auto;
		float: none;
		margin: 0 auto;
	}
	.ctas .button {
		margin-top: 5px;
	}
	footer .fwidget {
		margin-bottom: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container {
		width: 100%;
	}

	.slidepanel .spara {
		padding-bottom: 0px;
	}
	.slidepanel .social {
		padding-bottom: 10px;
		float: none;
	}
	.slidepanel .social a {
		margin-left: 0px;
		margin-right: 7px;
	}
	header {
		height: 90px !important;
	}
	header .logo .logo-image i {
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 38px;
		margin-top: 25px;
	}
	header .logo .logo-text {
		margin-left: 50px;
	}
	header .logo h1 {
		padding-top: 25px;
		line-height: 20px;
		font-size: 35px;
	}
	header .logo-meta {
		line-height: 35px !important;
		font-size: 13px !important;
	}
	.navi ul {
		display: none;
	}
	.navis select {
		display: inline-block;
	}
	select {
		width: 60%;
		margin-left: 30px;
		float: right;
		margin-top: 30px;
	}
	.da-slider {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.da-slide p {
		left: 0px !important;
		width: 80%;
	}
	.da-slide .da-img {
		display: none;
	}
	.big-box .big-box-left {
		width: 500px;
		height: auto;
		float: none;
		margin: 0 auto;
	}
	.big-box .big-box-mid {
		width: 500px;
		height: auto;
		float: none;
		margin: 0 auto;
	}
	.big-box .big-box-right {
		width: 500px;
		height: auto;
		float: none;
		margin: 0 auto;
	}
	.ctas .btn {
		text-align: left;
	}

	.ctasl {
		margin-top: 20px !important;
		display: inline-block;
	}
}

@media (max-width: 979px) {
	header {
		height: 120px;
	}
	header .logo {
		height: 90px;
	}
}