@charset "UTF-8";
@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");

/*
	Twenty 1.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body, #skel-layers-wrapper {
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 73%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}

    #loading{
        background-color: rgba(0, 0, 0, 0.8);
        background: rgba(0, 0, 0, 0.8);
        color: rgba(0, 0, 0, 0.8);
        z-index: 99999;
        width: 105%;
        height: 100%;
        position: fixed;
        padding: 0px;
        text-align: center;
    }
    #loading img {
        position: relative;
        top: 250px;
    }

    #cssload-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
	overflow: hidden;
    }

    .cssload-loader {
		width: 146px;
		height: 146px;
		border: 5px rgba(255, 255, 255, 0.97) solid;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -73px 0 0 -73px;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
    }

    .cssload-loader .cssload-loading {
	    font-size: 12px;
	    position: absolute;
	    width: 100%;
	    text-align: center;
	    line-height: 14px;
	    font-family: 'Century Gothic', sans-serif;
	    font-style: italic;
	    left: 0;
	    top: 50%;
	    margin-top: 19px;
	    color: white;
	    font-weight: bold;
	    text-transform: uppercase;
		    -o-text-transform: uppercase;
		    -ms-text-transform: uppercase;
		    -webkit-text-transform: uppercase;
		    -moz-text-transform: uppercase;
    }

    .cssload-loader-circle-1 {
		width: 133px;
		height: 133px;
		left: 2px;
		top: 2px;
		border: 2px rgba(255,255,255,0.97) solid;
		position: absolute;
		border-right-color: transparent;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		animation: spin 3.45s linear infinite;
		-o-animation: spin 3.45s linear infinite;
		-ms-animation: spin 3.45s linear infinite;
		-webkit-animation: spin 3.45s linear infinite;
		-moz-animation: spin 3.45s linear infinite;
    }

    .cssload-loader-circle-2 {
		width: 130px;
		height: 130px;
		left: 0px;
		top: 0px;
		border: 2px transparent solid;
		position: absolute;
		border-right-color: rgb(255, 255, 255);
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		animation: spin 5.75s linear infinite;
		-o-animation: spin 5.75s linear infinite;
		-ms-animation: spin 5.75s linear infinite;
		-webkit-animation: spin 5.75s linear infinite;
		-moz-animation: spin 5.75s linear infinite;
    }

    .cssload-loader .cssload-line {
	    width: 10px;
	    height: 2px;
	    background: rgba(255,255,255,0.97);
	    position: absolute;
    }

    .cssload-loader .cssload-line:nth-child(1) {
	    left: 16px;
	    top: 50%;
	    margin-top: -1px;
    }

    .cssload-loader .cssload-line:nth-child(2) {
	    transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
	    left: 32px;
	    top: 32px;
    }

    .cssload-loader .cssload-line:nth-child(3) {
	    top: 16px;
	    left: 50%;
	    width: 2px;
	    height: 10px;
    }

    .cssload-loader .cssload-line:nth-child(4) {
	    transform: rotate(135deg);
		    -o-transform: rotate(135deg);
		    -ms-transform: rotate(135deg);
		    -webkit-transform: rotate(135deg);
		    -moz-transform: rotate(135deg);
	    right: 32px;
	    top: 32px;
    }

    .cssload-loader .cssload-line:nth-child(5) {
	    right: 16px;
	    top: 50%;
	    margin-top: -1px;
    }

    .cssload-loader .cssload-line:nth-child(6) {
	    transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
	    right: 32px;
	    bottom: 32px;
	    background: rgb(232,21,18);
    }

    .cssload-loader .cssload-subline {
	    position: absolute;
	    width: 3px;
	    height: 2px;
	    background: rgb(255,255,255);
    }

    .cssload-loader .cssload-subline:nth-child(7) {
	    transform: rotate(22.5deg);
		    -o-transform: rotate(22.5deg);
		    -ms-transform: rotate(22.5deg);
		    -webkit-transform: rotate(22.5deg);
		    -moz-transform: rotate(22.5deg);
	    left: 20px;
	    top: 49px;
    }

    .cssload-loader .cssload-subline:nth-child(8) {
	    transform: rotate(67.5deg);
		    -o-transform: rotate(67.5deg);
		    -ms-transform: rotate(67.5deg);
		    -webkit-transform: rotate(67.5deg);
		    -moz-transform: rotate(67.5deg);
	    left: 49px;
	    top: 20px;
    }

    .cssload-loader .cssload-subline:nth-child(9) {
	    transform: rotate(112.5deg);
		    -o-transform: rotate(112.5deg);
		    -ms-transform: rotate(112.5deg);
		    -webkit-transform: rotate(112.5deg);
		    -moz-transform: rotate(112.5deg);
	    right: 49px;
	    top: 20px;
    }

    .cssload-loader .cssload-subline:nth-child(10) {
	    transform: rotate(157.5deg);
		    -o-transform: rotate(157.5deg);
		    -ms-transform: rotate(157.5deg);
		    -webkit-transform: rotate(157.5deg);
		    -moz-transform: rotate(157.5deg);
	    right: 20px;
	    top: 49px;
    }

    .cssload-loader .cssload-subline:nth-child(11) {
	    transform: rotate(22.5deg);
		    -o-transform: rotate(22.5deg);
		    -ms-transform: rotate(22.5deg);
		    -webkit-transform: rotate(22.5deg);
		    -moz-transform: rotate(22.5deg);
	    right: 19px;
	    bottom: 48px;
	    background: rgb(232,21,18);
    }

    .cssload-loader .cssload-needle {
	    width: 14px;
	    height: 14px;
	    border: 1px rgb(255,255,255) solid;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin: -8px 0 0 -8px;
	    z-index: 1;
	    border-radius: 50%;
		    -o-border-radius: 50%;
		    -ms-border-radius: 50%;
		    -webkit-border-radius: 50%;
		    -moz-border-radius: 50%;
	    animation: pegIt 3.45s infinite ease-in-out;
		    -o-animation: pegIt 3.45s infinite ease-in-out;
		    -ms-animation: pegIt 3.45s infinite ease-in-out;
		    -webkit-animation: pegIt 3.45s infinite ease-in-out;
		    -moz-animation: pegIt 3.45s infinite ease-in-out;
    }

    .cssload-loader .cssload-needle:before {
	    content: "";
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 3.5px 49px 3.5px 0;
	    border-color: transparent rgb(232,21,18) transparent transparent;
	    position: absolute;
	    right: 50%;
	    top: 50%;
	    margin: -3.5px 0 0 0;
	    border-radius: 0 50% 50% 0;
		    -o-border-radius: 0 50% 50% 0;
		    -ms-border-radius: 0 50% 50% 0;
		    -webkit-border-radius: 0 50% 50% 0;
		    -moz-border-radius: 0 50% 50% 0;
    }

@keyframes pegIt {
	0% {
		transform: rotate(0deg);
	}
	16% {
		transform: rotate(75deg);
	}
	25% {
		transform: rotate(55deg);
	}
	30% {
		transform: rotate(90deg);
	}
	36% {
		transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		transform: rotate(227deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-o-keyframes pegIt {
	0% {
		-o-transform: rotate(0deg);
	}
	16% {
		-o-transform: rotate(75deg);
	}
	25% {
		-o-transform: rotate(55deg);
	}
	30% {
		-o-transform: rotate(90deg);
	}
	36% {
		-o-transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		-o-transform: rotate(227deg);
	}
	100% {
		-o-transform: rotate(0deg);
	}
}

@-ms-keyframes pegIt {
	0% {
		-ms-transform: rotate(0deg);
	}
	16% {
		-ms-transform: rotate(75deg);
	}
	25% {
		-ms-transform: rotate(55deg);
	}
	30% {
		-ms-transform: rotate(90deg);
	}
	36% {
		-ms-transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		-ms-transform: rotate(227deg);
	}
	100% {
		-ms-transform: rotate(0deg);
	}
}

@-webkit-keyframes pegIt {
	0% {
		-webkit-transform: rotate(0deg);
	}
	16% {
		-webkit-transform: rotate(75deg);
	}
	25% {
		-webkit-transform: rotate(55deg);
	}
	30% {
		-webkit-transform: rotate(90deg);
	}
	36% {
		-webkit-transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		-webkit-transform: rotate(227deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes pegIt {
	0% {
		-moz-transform: rotate(0deg);
	}
	16% {
		-moz-transform: rotate(75deg);
	}
	25% {
		-moz-transform: rotate(55deg);
	}
	30% {
		-moz-transform: rotate(90deg);
	}
	36% {
		-moz-transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		-moz-transform: rotate(227deg);
	}
	100% {
		-moz-transform: rotate(0deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}

	body, input, select, textarea {
		color: #000;
		font-family: 'Lato', sans-serif;
		font-size: 15pt;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		color: #3fb1a3;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: transparent;
		}

	strong, b {
		font-weight: 400;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h2 {
		font-size: 1.5em;
		letter-spacing: 0.1em;
	}

	h3 {
		font-size: 1.15em;
		letter-spacing: 0.025em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

	section.special, article.special {
		text-align: center;
	}

	header.major {
		padding-bottom: 2em;
	}

	header.special {
		margin-bottom: 7em;
		padding-top: 7em;
		position: relative;
		text-align: center;
	}

		header.special:before, header.special:after {
			border-bottom: solid 1.5px;
			border-top: solid 1.5px;
			content: '';
			height: 7px;
			opacity: 0.1;
			position: absolute;
			top: 1.75em;
			width: 43%;
		}

		header.special:before {
			left: 0;
		}

		header.special:after {
			right: 0;
		}

		header.special h2 {
			margin-bottom: 0;
		}

		header.special h2 + p {
			margin-bottom: 0;
			padding-top: 1.5em;
		}

		header.special .icon {
			cursor: default;
			height: 7em;
			left: 0;
			position: absolute;
			text-align: center;
			top: 1em;
			width: 100%;
		}

			header.special .icon:before {
				font-size: 3.5em;
				opacity: 0.35;
			}

	footer > :last-child {
		margin-bottom: 0;
	}

	footer.major {
		padding-top: 3em;
	}

/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(124, 128, 129, 0.2);
		color: inherit;
		display: block;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			/*border-color: #83d3c9;*/
			border-color: #C71215;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.5;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	::-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	:-ms-input-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	.formerize-placeholder {
		color: rgba(124, 128, 129, 0.5) !important;
	}

/* Image */

	.image {
		border: 0;
		position: relative;
	}

		.image:before {
			background: url("images/overlay.png");
			content: '';
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

		.image.fit {
			display: block;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

		.image.feature {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.feature img {
				display: block;
				width: 100%;
			}

/* Icon */

	.icon {
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
		}

		.icon.circle {
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			border: 0;
			border-radius: 100%;
			display: inline-block;
			font-size: 1.25em;
			height: 2.25em;
			left: 0;
			line-height: 2.25em;
			text-align: center;
			text-decoration: none;
			top: 0;
			width: 2.25em;
		}

			.icon.circle:hover {
				top: -0.2em;
			}

			.icon.circle.fa-twitter {
				background: rgba(50, 50, 50, 0.75);
				color: white;
			}

				.icon.circle.fa-twitter:hover {
					opacity:0.5;
				}

			.icon.circle.fa-facebook {
				background: rgba(50, 50, 50, 0.75);
				color: white;
			}
				.icon.circle.fa-facebook:hover {
					opacity: 0.5;
				}

			.icon.circle.fa-youtube {
				background: rgba(50, 50, 50, 0.75);
				color: white;
			}
				.icon.circle.fa-youtube:hover {
					opacity: 0.5;
				}

			.icon.circle.fa-instagram {
				background: rgba(50, 50, 50, 0.75);
				color: white;
			}

				.icon.circle.fa-instagram:hover {
					opacity: 0.5;
				}

			.icon.circle.fa-globe {
				background: rgba(50, 50, 50, 0.75);
				color: white;
			}

				.icon.circle.fa-globe:hover {
					opacity: 0.5;
				}

			.icon.circle.fa-rss {
				background: #F87F14;
				color: white;
				
			}
				.icon.circle.fa-rss:hover {
					opacity:0.9;
				}
				
			.icon.circle.fa-pencil {
				background: #595757;
				color: white;
				
			}
				.icon.circle.fa-pencil:hover {
					opacity:0.9;
				}
				
			.icon.circle.fa-print {
				background: #C23232;
				color: white;
				
			}
				.icon.circle.fa-print:hover {
					opacity:0.9;
				}	
				
			.icon.circle.fa-file-excel-o {
				background: #009933;
				color: white;
				
			}
				.icon.circle.fa-file-excel-o:hover {
					opacity:0.9;
				}	

			.icon.circle.fa-file-o {
				background: #2884ce;
				color: white;
				
			}
				.icon.circle.fa-file-o:hover {
					opacity:0.9;
				}	
				
			.icon.circle.fa-comment {
				background: #C71215;
				color: white;
				-webkit-box-shadow: 4px 5px 12px 0px rgba(55, 50, 50, 0.7); -moz-box-shadow: 4px 5px 12px 0px rgba(55, 50, 50, 0.7); box-shadow: 4px 5px 12px 0px rgba(55, 50, 50, 0.7);
				
			}
				.icon.circle.fa-comment:hover {
					opacity:0.9;
					-webkit-box-shadow: 4px 5px 12px 0px rgba(55, 50, 50, 0.7); -moz-box-shadow: 4px 5px 12px 0px rgba(55, 50, 50, 0.7); box-shadow: 4px 5px 12px 0px rgba(55, 50, 50, 0.7);
				}		
		
			.icon.circle.fa-google-plus {
				background: #db6b67;
				color: white;
			}

				.icon.circle.fa-google-plus:hover {
					background: #df7b77;
				}

			.icon.circle.fa-github {
				background: #dcad8b;
				color: white;
			}

				.icon.circle.fa-github:hover {
					background: #e1b89b;
				}

			.icon.circle.fa-dribbble {
				background: #da83ae;
				color: white;
			}

				.icon.circle.fa-dribbble:hover {
					background: #df93b8;
				}

		.icon.feature {
			cursor: default;
			display: block;
			margin: 0 0 1.5em 0;
			opacity: 0.35;
			text-align: center;
		}

			.icon.feature:before {
				font-size: 5em;
				line-height: 1em;
			}

		.icon > .label {
			display: none;
		}

/* Lists */

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.icons {
		cursor: default;
	}

		ul.icons li {
			display: inline-block;
			line-height: 1em;
			padding-left: 0.5em;
		}

			ul.icons li:first-child {
				padding-left: 0;
			}

	ul.feature-icons {
		cursor: default;
		margin: -0.75em 0 0 0;
		opacity: 0.35;
		overflow: hidden;
		position: relative;
	}

		ul.feature-icons li {
			display: block;
			float: left;
			text-align: center;
			width: 50%;
		}

			ul.feature-icons li .icon {
				display: inline-block;
				font-size: 6.25em;
				height: 1.25em;
				line-height: 1.25em;
				width: 1em;
			}

	ul.buttons {
		cursor: default;
	}

		ul.buttons:last-child {
			margin-bottom: 0;
		}

		ul.buttons li {
			display: inline-block;
			padding: 0 0 0 1.5em;
		}

			ul.buttons li:first-child {
				padding: 0;
			}

		ul.buttons.vertical li {
			display: block;
			padding: 1.5em 0 0 0;
		}

			ul.buttons.vertical li:first-child {
				padding: 0;
			}

/* Tables */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}

/* Button */

	.button {
		background: none;
		border: solid 1px;
		color: inherit;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		letter-spacing: 2px;
		min-width: 18em;
		padding: 0.75em 0;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
    border-radius: 50px;
	}

		.button:hover {
			background: rgba(188, 202, 206, 0.15);
			border-color: inherit;
		}

		.button.special {
			/*background: #83d3c9;
			border-color: #83d3c9;*/
			background: #000;
			border-color: #000;
			color: white !important;
			height: auto;
		}

			.button.special:hover {
				/*background: #96dad1 !important;
				border-color: #96dad1 !important;*/
				background: rgba(227, 27, 35, 1.0) !important;
				border-color: #C71215 !important;
			}
			
			.button.special span:hover{
				color: #FFF !important;
			}			
		.button.special.menu {
			/*background: #83d3c9;
			border-color: #83d3c9;*/
			background: transparent;
			border-color: #000000;
			color: white !important;
		}

			.button.special.menu:hover {
				/*background: #96dad1 !important;
				border-color: #96dad1 !important;*/
				background: rgba(227, 27, 35, 1.0) !important;
				border-color: #C71215 !important;
				color: White;
			}
		

		.button.fit {
			width: 100%;
		}

		.button.small {
			font-size: 0.7em;
			min-width: 14em;
			padding: 0.5em 0;
			background: #C71215;
			border-color: #C71215;
			color: white !important;
		}
			.button.small:hover {
				background: rgba(227, 27, 35, 1.0) !important;
				border-color: #C71215 !important;
				text-decoration:none;
			}
		
		
	.buttonLittle {
		background: none;
		border: solid 1px;
		color: inherit;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		letter-spacing: 2px;
		min-width: 6em;
		padding: 0.75em 0;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

		.buttonLittle:hover {
			background: rgba(188, 202, 206, 0.15);
			border-color: inherit;
		}

        .buttonLittle.special {
            /*background: #83d3c9;
			border-color: #83d3c9;*/
            background: #C71215;
            border-color: #C71215;
            color: white !important;
            display:none;
		}

			.buttonLittle.special:hover {
				/*background: #96dad1 !important;
				border-color: #96dad1 !important;*/
				background: rgba(227, 27, 35, 1.0) !important;
				border-color: #C71215 !important;
				text-decoration:none;
			}
		

		.buttonLittle.fit {
			width: 100%;
		}

		.buttonLittle.small {
			font-size: 0.7em;
			min-width: 6em;
			padding: 0.5em 0;
		}

/* Wrapper */

	.wrapper {
		margin-bottom: 5em;
		padding: 5em;
	}

		.wrapper.style1 {
			padding: 0;
		}

		.wrapper.style2 {
			background-color: #83d3c9;
			background-image: url("images/light-bl.svg"), url("images/light-br.svg");
			background-position: bottom left, bottom right;
			background-repeat: no-repeat, no-repeat;
			background-size: 25em, 25em;
			color: white;
		}

			.wrapper.style2 .button:hover {
				background: rgba(255, 255, 255, 0.15) !important;
			}

			.wrapper.style2 .button.special {
				background: white;
				border-color: white;
				color: #83d3c9 !important;
			}

				.wrapper.style2 .button.special:hover {
					border-color: inherit !important;
					color: white !important;
				}

		.wrapper.style3 {
			background: white;
			color: inherit;
		}

		.wrapper.style4 {
			background: white;
			color: inherit;
			padding: 4em;
		}

/* Header */
	@-moz-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-webkit-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-o-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-ms-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }

	#header {
		background: #111111; */
		/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
		background: -moz-linear-gradient(top, #111111 0%, #2b2b2b 26%, #333333 50%, #000000 51%, #0a0a0a 66%, #0c0c0c 87%, #000000 100%);
		/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(26%,#2b2b2b), color-stop(50%,#333333), color-stop(51%,#000000), color-stop(66%,#0a0a0a), color-stop(87%,#0c0c0c), color-stop(100%,#000000)); */
		/* background: -webkit-linear-gradient(top, #111111 0%,#2b2b2b 26%,#333333 50%,#000000 51%,#0a0a0a 66%,#0c0c0c 87%,#000000 100%); */
		background: -o-linear-gradient(top, #111111 0%,#2b2b2b 26%,#333333 50%,#000000 51%,#0a0a0a 66%,#0c0c0c 87%,#000000 100%);
		background: -ms-linear-gradient(top, #111111 0%,#2b2b2b 26%,#333333 50%,#000000 51%,#0a0a0a 66%,#0c0c0c 87%,#000000 100%);
		/* background: linear-gradient(to bottom, #111111 0%,#2b2b2b 26%,#333333 50%,#000000 51%,#0a0a0a 66%,#0c0c0c 87%,#000000 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#000000',GradientType=0 );
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
		color: #FFF;
		cursor: default;
		font-size: 0.80em;
		left: 0;
		padding: 1.0em 1em 1em 1em;
		position: fixed;
		margin-top: auto;
		margin-bottom: auto;
		top: 0;
		width: 100%;
		z-index: 10000;
		height: 35px;
		/* background: rgb(40,52,59); */
		background: -moz-linear-gradient(top, rgba(40,52,59,1) 0%, rgba(130,140,149,1) 64%, rgba(181,189,200,1) 100%);
		/* background: -webkit-linear-gradient(top, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); */
		/* background: linear-gradient(to bottom, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 );
		background-color: rgba(0,0,0,0.80);
		/* -webkit-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.75); */
		-moz-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.75);
		/* box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.75); */
		-webkit-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.75);
		box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.75);
	}
	
	#nav {
	top: 8px !important;
	font-weight: bold;
	}

		#header h1 {
			font-weight: 900;
			margin: 0;
			position: relative;
			top: -12px;
			left: -10px;
		}

			#header h1 span {
				font-weight: 400;
			}

		#header nav {
			letter-spacing: 0.075em;
			position: absolute;
			right: 1.5em;
			text-transform: uppercase;
			top: 2.8em;
		}

			#header nav ul li {
				display: inline-block;
				margin-left: 1.2em;
			}

				#header nav ul li > ul {
					display: none;
				}

				#header nav ul li a {
					border: solid 1px transparent;
					color: white;
					display: inline-block;
					padding: 0em 0.35em;
					text-decoration: none;
					border-radius: 2px					
				}

				#header nav ul li .button {
					font-size: 1em;
					min-width: 0;
					width: auto;
					color: white;
					background: White; /* Color de los botones de buscar, carrito etc*/
					height: 20px;					
				}
				

				#header nav ul li.submenu > a:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					
				}

				#header nav ul li.submenu > a:before {
					content: '\f107';
					margin-right: 0.3em;
					
				}

				#header nav ul li.active > a, #header nav ul li:hover > a {
					-moz-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
					background: rgba(188, 202, 206, 0.15);
				}

				#header nav ul li.current > a {
					font-weight: 900;
				}

		#header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-o-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-o-animation: none;
			-ms-animation: none;
			animation: none;
			background: transparent;
			box-shadow: none;
			color: white;
			padding: 2em 2.5em;
			position: absolute;
		}

			#header.alt nav {
				right: 2.5em;
				top: 1.75em;
			}

				#header.alt nav ul li.active > a, #header.alt nav ul li:hover > a {
					border: solid 1px;
				}

/* Dropotron */

	.dropotron {
        /* background: #C71215; */
        background: rgba(0,0,0,1);
        /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075); */
        line-height: 2.25em;
        min-width: 13em;
        padding: 1em 0;
        text-transform: uppercase;
        color: White;
        opacity: 0.9 !important;
        font-weight: bold !important;	
	}

		.dropotron.level-0 {
			font-size: 0.65em;
			font-weight: 400;
			margin-top: 0.2em;
		}

			.dropotron.level-0:before {
				border-bottom: solid 0.5em #fff;
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				content: '';
				left: 0.75em;
				position: absolute;
				top: -1.85em;
			}

		.dropotron > li {
			border-top: solid 1px rgba(124, 128, 129, 0.2);
		}

			.dropotron > li > a {
				-moz-transition: none;
				-webkit-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
				color: inherit;
				text-decoration: none;
				padding: 0 .5em;
				border: 0;
			}

			.dropotron > li:hover > a {
				background: white;
				color: #C71215;
			}

			.dropotron > li:first-child {
				border-top: 0;
			}

/* Banner */
	@-moz-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }

	#banner {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #645862;
		background-image: url("images/light-bl.svg"), url("images/light-br.svg"), url("images/overlay.png"), url("../images/banner.jpg");
		background-position: bottom left, bottom right, top left, top center;
		background-repeat: no-repeat, no-repeat, repeat, no-repeat;
		background-size: 25em, 25em, auto, cover;
		color: white;
		cursor: default;
		padding: 6em 0;
		text-align: center;
	}

		#banner .inner {
			-moz-animation: reveal-banner 1s 0.25s ease-in-out;
			-webkit-animation: reveal-banner 1s 0.25s ease-in-out;
			-o-animation: reveal-banner 1s 0.25s ease-in-out;
			-ms-animation: reveal-banner 1s 0.25s ease-in-out;
			animation: reveal-banner 1s 0.25s ease-in-out;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-fill-mode: forwards;
			-o-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			background: rgba(52, 27, 43, 0.5);
			color: white;
			display: inline-block;
			opacity: 0;
			padding: 3em;
			text-align: center;
		}

			#banner .inner header {
				display: inline-block;
				border-bottom: solid 2px;
				border-top: solid 2px;
				margin: 0 0 2em 0;
				padding: 3px 0 3px 0;
			}

				#banner .inner header h2 {
					border-bottom: solid 2px;
					border-top: solid 2px;
					font-size: 2.5em;
					font-weight: 900;
					letter-spacing: 0.2em;
					margin: 0;
					padding-left: 0.05em;
					position: relative;
					text-transform: uppercase;
				}

			#banner .inner p {
				letter-spacing: 0.1em;
				margin: 0;
				text-transform: uppercase;
			}

				#banner .inner p a {
					color: inherit;
					font-weight: 400;
					text-decoration: none;
				}

			#banner .inner footer {
				margin: 2em 0 0 0;
			}

/* Main */

	#main {
		/*background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-bl.svg"), url("images/dark-br.svg");*/
		background-position: top left, top right, bottom left, bottom right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding: 7em 0;
	}

		#main > :last-child {
			margin-bottom: 0;
		}

		#main .sidebar section {
			border-top: solid 1px rgba(124, 128, 129, 0.2);
			margin: 3em 0 0 0;
			padding: 3em 0 0 0;
		}

			#main .sidebar section:first-child {
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}

	body.index #main {
		padding-top: 5em;
	}

/* CTA */

	#cta {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #645862;
		background-image: url("images/light-tl.svg"), url("images/light-tr.svg"), url("images/overlay.png"), url("../images/banner.jpg");
		background-position: top left, top right, top left, bottom center;
		background-repeat: no-repeat, no-repeat, repeat, no-repeat;
		background-size: 25em, 25em, auto, cover;
		color: white;
		padding: 5em;
		text-align: center;
	}

		#cta header {
			margin-bottom: 2em;
		}

/* Footer */

	#footer {
		color: #FFF;
		padding: 2em 2em 2em 2em;
		text-align: center;
		background: rgb(125,126,125); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */		
	}

		#footer .copyright {
			font-size: 0.8em;
		}

			#footer .copyright a {
				color: inherit;
			}

/* Layers */

	#topButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}

		#topButton .toggle:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
		}

		#topButton .toggle:before {
			color: white;
			content: '\f039';
			font-size: 0.75em;
			height: 30px;
			left: 0;
			line-height: 30px;
			opacity: 0.5;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

		#topButton .toggle:after {
			background: rgba(163, 169, 170, 0.75);
			border-radius: 0 0 4px 4px;
			content: '';
			height: 30px;
			left: 50%;
			margin-left: -40px;
			position: absolute;
			top: 0;
			width: 80px;
		}

	#sideButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}

		#sideButton .toggle:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
		}

		#sideButton .toggle:before {
			color: white;
			content: '\f039';
			font-size: 1em;
			height: 40px;
			left: 10px;
			line-height: 40px;
			opacity: 0.5;
			position: absolute;
			top: 11px;
			width: 60px;
			z-index: 1;
		}

		#sideButton .toggle:after {
			background: rgba(163, 169, 170, 0.75);
			border-radius: 2px;
			content: '';
			height: 40px;
			left: 10px;
			position: absolute;
			top: 10px;
			width: 60px;
		}

	#topPanel,
	#sidePanel {
		background: #1c2021;
		color: white;
		font-size: 0.65em;
		letter-spacing: 0.075em;
		text-transform: uppercase;
	}

		#topPanel nav,
		#sidePanel nav {
			padding: 0.25em 0.5em 1em 0.5em;
		}

		#topPanel .link,
		#sidePanel .link {
			border: 0;
			border-top: solid 1px rgba(255, 255, 255, 0.05);
			color: inherit;
			display: block;
			height: 3em;
			line-height: 3em;
			opacity: 0.75;
			text-decoration: none;
		}

			#topPanel .link.depth-0,
			#sidePanel .link.depth-0 {
				font-weight: 900;
			}

			#topPanel .link:first-child,
			#sidePanel .link:first-child {
				border-top: 0;
			}

		#topPanel .indent-1,
		#sidePanel .indent-1 {
			display: inline-block;
			width: 1em;
		}

		#topPanel .indent-2,
		#sidePanel .indent-2 {
			display: inline-block;
			width: 2em;
		}

		#topPanel .indent-3,
		#sidePanel .indent-3 {
			display: inline-block;
			width: 3em;
		}

		#topPanel .indent-4,
		#sidePanel .indent-4 {
			display: inline-block;
			width: 4em;
		}

		#topPanel .indent-5,
		#sidePanel .indent-5 {
			display: inline-block;
			width: 5em;
		}
		
		
		
		
/* ===================================
6. Sliders pantalla principal
==================================== */
/* --- flexslider --- */

/* ===================================
2. layout
==================================== */

.container {
	padding:0 20px 0 20px;
	position:relative;
}

#wrapper{
	width:100%;
	margin:0;	
	padding:0;
}


.row,.row-fluid {
	margin-bottom:30px;
}

.row .row,.row-fluid .row-fluid{
	margin-bottom:30px;
}

.row.nomargin,.row-fluid.nomargin {
	margin-bottom:0;
}

#featured .flexslider {
    padding: 0;
    margin: 100px 0 30px;
    background: #fff;
    position: relative;
    zoom: 1;
    height: 401px;
}

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption { bottom: 35px; background-color: rgba(0, 0, 0, 0.8); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; right: 0; width: 295px;}
.flex-caption h4 {color: #fff; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase;}
.flex-caption p {margin: 0 0 15px;}

/* ===================================

/* ===============================


/* --- button --- */
.btn-theme {
	color: #fff;
}
.btn-theme:hover {
	color: #eee;
}

/* ===================================
 SearchBox all pages  DARM
==================================== */

#Appear
{
    position: absolute;
    top: 54px !important;
    left: 50%;
    margin-top: -15px;
    margin-left: -150px;
    width: 500px !important;
    height: 35px;
    background-color: transparent;
    display: none;
    z-index: 10000;
}

#box
{
   width:60%;
   height:30px; 
   
}

#searchbox
{
    /*background-color:rgba(220,3,3,0.8);*/
  
    /*background-image: linear-gradient(#fff, #d4e8ec);*/
    
    /*border-width: 1px;
    border-style: solid;
    border-color: #c50f0f;
    /*            
    width: 500px;
    height: 35px;
    */
    width: 100%;
    height: 100%;
    padding: 0px;
    /*margin: 100px auto 50px;*/
    overflow: hidden; /* Clear floats */

}

#search, 
#submit {
    float: left;
}



#search {
    padding: 6px 10px 10px;
    height: 100%;
    width: 100%;
    color: black;
    background: rgba(255,255,255,1.0);
    border-radius: 50px;
    border: 1px solid #CCC;
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,feffff+100 */
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #feffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ededed 0%,#feffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ededed 0%,#feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
}

   
/* ----------------------- */

#submit
{       
    background-color : rgba(220,3,3,0.8);
    border-width: 1px;
    border-style: solid;
    border-color: #c50f0f;
    /*margin: 0 0 0 1%;*/
    margin-top:auto;
    margin-bottom:auto;
    padding: 0;
    /*
    height: 35px;
    width: 90px;*/
    height: 100%;
    min-height:100%;
    width: 18%;
    cursor: pointer;
    /*font: bold 14px Arial, Helvetica;*/
    font: normal 18px Arial, Helvetica;
    color: #ffffff;    
   
}

#submit:hover {       
    background-color : rgba(255,0,0,1);
    
}   

#submit:active {       
    background-color : rgba(220,3,3,1);
    outline: none;
            
}

#submit::-moz-focus-inner {
       border: 0;  /* Small centering fix for Firefox */
}

/* ===================================
	Calendario index
==================================== */

.leyenda
{
    font : lighter 10px arial, helvetica;
}

.dayofweek
{
   color : #C71215;
   
}

td.diahoy
{
    font-weight : bold; 
    
}

#Calendar
{
    height: 206px;
    max-height: 350px;
    table-layout: fixed;
    width: 450px;
    background-color: #eaeaea;
    border: 2px solid #CCC;
	box-shadow: -1px 1px 18px 0px rgba(0,0,0,0.88);
	-webkit-box-shadow: -1px 1px 18px 0px rgba(0,0,0,0.88);
	-moz-box-shadow: -1px 1px 18px 0px rgba(0,0,0,0.88);
}
#Calendar td
{
    border : 1px dashed #CCC;
    height : 20px;
    text-align: center;
    vertical-align:middle;
}
#Calendar td.evento
{
    border:0px;
    margin:0px;
    height:100%;
}

#Calendar tr
{
    height: 30px;
}

#Calendar #CalendarHead
{
    border : 2px solid #D7D7D7;
   
}

#CalendarHead
{
    padding:10px 0px;
    /*background:#C71215;*/
    background: #000000;
    color:White;
    border: 2px solid #D7D7D7; 
    
}

#WeekDays
{
    color:Red;
}

#DiaDePago
{
    border: 0px;  
}

#DiaDeRecepcion
{
   border: 0px;
}

#pagosquare
{
    width: 100%;
    height: 100%;
    background-color:#54c312;
}
#receptionsquare
{
    width: 100%;
    height: 100%;
    background-color:#C23232;
}




/* ===============================
12. Portfolio
================================ */

.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 10px 30px 0;
	padding: 0;
	float:left;
}

.work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	display: block;	
}

.work-nav #filters li a:hover {

}

.work-nav #filters li a.selected {
	color: #DE5E60;
}

#thumbs {
	margin: 0;
	padding: 0;	
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #000;
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;	
	opacity: 1;
	filter: alpha(opacity=100);
}


/* --- Portolio filter --- */

ul.portfolio-categ{
	margin:10px 0 30px 0;
	padding:0;
	float:left;
	list-style:none;
}

ul.portfolio-categ li{
	margin:0;
	padding:0 20px 0 0;
	float:left;
	list-style:none;
	font-size:13px;
	font-weight:600;
}

ul.portfolio-categ li a{
	display:block;
	padding:35x 0 35x 0;
	color:#353535;
}

ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active {
	text-decoration:none;
	outline:0;
}
    


/* --- portfolio detail --- */
.top-wrapper {
	margin-bottom:20px;
}


/*-------------------------------
	Back to Top
 ------------------------------*/
#back-to-top {
	height                      : 9px;
	opacity                     : 0;
	filter                      : alpha(opacity=0);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position                    : fixed;
	right                       : -50px;
	width                       : 49px;
	z-index                     : 9999;
	display                     : block;
	top                         : 85%;
	background-image            : url("../img/back_to_top.png");
	background-repeat           : no-repeat;
	background-position         : center 15px;
	background-color            : #404040;
	font-size                   : 9px;
	font-weight                 : 900;
	color                       : #FFFFFF;
	text-align                  : center;
	line-height                 : 1;
	padding                     : 28px 0 12px 0;
	-webkit-border-radius       : 2px;
	-moz-border-radius          : 2px;
	border-radius               : 2px;
	-webkit-transition          : all ease .3s;
	-moz-transition             : all ease .3s;
	-ms-transition              : all ease .3s;
	-o-transition               : all ease .3s;
	cursor                      : pointer;
	-webkit-backface-visibility : hidden;
}

#back-to-top.back-to-top-on {
	right   : 10px;
	opacity : 0.7;
	filter  : alpha(opacity=70);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#back-to-top.back-to-top-off {
	right : -59px
}

#back-to-top:hover {
	opacity : 1;
	filter  : alpha(opacity=100);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#footer img { width: auto !important; height:auto !important}

.box {
  width: 641px;
  height: 435px;
  background-color: white;
  z-index: 99999;
  position: relative !important;
  top: 150px !important;
}

.box2 {
  width: 641px;
  height: 235px;
  background-color: white;
  z-index: 99999;
  position: relative !important;
  top: 150px !important;
}

.box div {
  width: 580px;
  heigh: 180px;
  margin: 0px auto;
  color: #7c8081;
  font-family: 'Lato', sans-serif;
  font-size: 10pt;
  font-weight: 300;
  letter-spacing: 0.025em;
  line-height: 1.75em;
  padding: 10px;
}

.box2 div {
  width: 580px;
  heigh: 180px;
  margin: 0px auto;
  color: #7c8081;
  font-family: 'Lato', sans-serif;
  font-size: 10pt;
  font-weight: 300;
  letter-spacing: 0.025em;
  line-height: 1.75em;
  padding: 1px;
}

#phones
{
    position: fixed;
    top: 65px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    background-color: red;
    color: #FFF;
    padding: 10px;
    right: 5px;
    width: 227px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.85);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.85);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.85);
    border: 4px solid;
    border-radius: 5px;
	display:none;
}

.img_search{
    margin-right: 15px;
    max-width: 75px;
    max-height: 50px;
    width: auto;
    height: auto;
    cursor: pointer;
}

#sb-player{
    background-color: white !important;
}

.button special span {
	color: white !important;
}

.slides {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 25px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 25px 0px rgba(50, 50, 50, 0.75);
}

.item-thumbs
{
}

#notify_cart
{
    background-color: red;
    /* width: auto; */
    /* position: absolute; */
    width: auto;
    height: auto;
    /* background: red; */
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    color: white;
    /* position: relative; */
    /* background: rgb(255,48,25); */
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
    /* background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); */
    /* background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    top: -5px;
    left: -2px;
    float: right;
    position: relative;
    padding-left: 4px;
    padding-right: 3px;
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
    /* background: #9dd53a; */
    background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    /* background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); */
    /* background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
    /* background: #299a0b; */
    background: -moz-linear-gradient(top, #299a0b 0%, #62d310 100%);
    /* background: -webkit-linear-gradient(top, #299a0b 0%,#62d310 100%); */
    /* background: linear-gradient(to bottom, #299a0b 0%,#62d310 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#62d310',GradientType=0 );
    font-size: 12px;
    font-weight: bold;
    font-family: Lato;
}

#notify_cart:hover {
    -webkit-transform:scale(1.10); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:scale(1.10); /* Opera */
     transform:scale(1.10); 
}

#pre_search {
    width: 500px;
    height: auto;
    padding: 10px;
    top: 52px;
    z-index: 9999;
    position: absolute;
    left: 201px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
    border-radius: 8px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,f9f9f9+65,eaeaea+100 */
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(top, #feffff 0%, #f9f9f9 65%, #eaeaea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #feffff 0%,#f9f9f9 65%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feffff 0%,#f9f9f9 65%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.75);
    padding: 15px;
    border: 0px;
    padding-top: 29px;
}

#pre_search div a {
    color: #000;
    text-decoration: none;
}


#pre_search div a:link {
    color: #000;
    text-decoration: none;
}

#pre_search div a:active {
    color: #000;
    text-decoration: none;
}

#pre_search div a:hover {
    color: red;
    text-decoration: underline;
    cursor:pointer;
    font-weight: bold;
}

#pre_search div a:visited {
    color: #000;
    text-decoration: none;
}

#pre_search div:hover {
    background: rgba(226,232,225,1);
}

#search { text-transform: uppercase; }

#notify {
    background-color: red;
    /* width: auto; */
    /* position: absolute; */
    width: auto;
    height: auto;
    /* background: red; */
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    color: white;
    /* position: relative; */
    background: rgb(255,48,25);
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    top: -8px;
    /* left: 12px; */
    float: left;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    z-index: 999;
    font-size: 9px;
    font-weight: bold;
    cursor: pointer;
}

#info_notify {
    background-color: rgba(255,255,255,.85);
    width: 320px;
    /* border-radius: 12px; */
    float: left;
    position: absolute;
    top: 35px;
    color: #333;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 12px;
    padding: 6px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#e2e8e1',GradientType=1 );
    background: rgb(249,252,247);
    background: -moz-linear-gradient(-45deg, rgba(249,252,247,1) 0%, rgba(226,232,225,1) 47%, rgba(226,232,225,1) 47%, rgba(170,170,165,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(249,252,247,1) 0%,rgba(226,232,225,1) 47%,rgba(226,232,225,1) 47%,rgba(170,170,165,1) 100%);
    background: linear-gradient(135deg, rgba(249,252,247,1) 0%,rgba(226,232,225,1) 47%,rgba(226,232,225,1) 47%,rgba(170,170,165,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#aaaaa5',GradientType=1 );
    left: 0px;
}

#info_notify a {
    color: #000;
    text-decoration: none;
}


#info_notify a:link {
    color: #000;
    text-decoration: none;
}

#info_notify a:active {
    color: #000;
    text-decoration: none;
}

#info_notify a:hover {
    text-decoration: underline;
    cursor:pointer;
    font-weight: bold;
    color: #000;
    font-size: 13px;
}

#info_notify a:visited {
    color: #000;
    text-decoration: none;
}

#close_notify img {
    float: right;
    position: relative;
    left: 6px;
    top: 6px;
    cursor: pointer;
}

#_searchButton {
    display: none;
}

			.icon.circle.fa-linkedin {
				background: rgba(50, 50, 50, 0.75);
				color: white;
			}
				.icon.circle.fa-linkedin:hover {
					opacity: 0.5;
				}