.spin {
	animation:spin 1s linear infinite; display: inline-block; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear;
}
.preloader {
	background: white; width: 100%; height: 100%; position: fixed; z-index: 1000; content: "";
}
.preloader i {
	left: 50%; top: 50%; color: rgb(34, 34, 34); line-height: 3; font-size: 20px; margin-top: -20px; position: absolute;
}
.animated {
	visibility: hidden;
}
.feature-hex {
	visibility: visible;
}
.ie8 .animated {
	visibility: visible;
}
.img {
	max-width: 100%;
}
.section-title {
	text-align: center; text-transform: uppercase; padding-bottom: 10px;
}
.sub-title {
	text-transform: uppercase; padding-bottom: 5px; margin-bottom: 30px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
h1.section-title::after {
	margin: 30px auto; width: 80px; border-bottom-color: rgb(127, 187, 197); border-bottom-width: 3px; border-bottom-style: solid; display: block; content: "";
}
.description::after {
	margin: 30px auto; width: 80px; border-bottom-color: rgb(127, 187, 197); border-bottom-width: 3px; border-bottom-style: solid; display: block; content: "";
}
/*.sect-1 {
	padding: 99px 0px 70px;
	background: rgb(245,245,245);
		min-height:900px;
}
.sect-2 {
	padding: 49px 0px 70px;
	background: rgb(245,245,245);
		min-height:900px;
}
.sect-3 {
	padding: 49px 0px 70px;
	background: rgb(245,245,245);
		min-height:900px;
}
.sect-4 {
	padding: 49px 0px 70px;
	background: rgb(245,245,245);
	min-height:900px;
}
.sect-5 {
	padding: 49px 0px 70px;
	background: rgb(245,245,245);
	min-height:900px;
}
.sect-6 {
	padding: 49px 0px 70px;
	background: rgb(245,245,245);
		min-height:900px;
}
.sect-7 {
	padding: 49px 0px 70px;
	background: rgb(245,245,245);
		min-height:900px;
}
.sect-8 {
	padding: 49px 0px 70px;
	background: rgb(245,245,245);
		min-height:900px;
}*/
.section-title .description {
	text-transform: none;
}
.sect-4 .title {
	color: rgb(255, 255, 255);
}
.description {
	margin: 0px auto 60px; width: 70%; text-align: center; font-size: 23px;
}
.image-section {
	background-position: center; text-align: center; color: white; background-size: cover;
}
.image-section h1 {
	color: rgb(255, 255, 255);
}
.image-section h2 {
	color: rgb(255, 255, 255);
}
.image-section h3 {
	color: rgb(255, 255, 255);
}
.image-section h4 {
	color: rgb(255, 255, 255);
}
.image-section h5 {
	color: rgb(255, 255, 255);
}
.image-section h6 {
	color: rgb(255, 255, 255);
}
.image-section .tint {
	padding: 90px 0px 70px; background-color: rgba(0, 0, 0, 0.4);
}
.page {
	padding-top: 150px; padding-bottom: 70px;
}
.callout {
	text-align: center;
}
.callout .title {
	color: rgb(127, 187, 197); margin-bottom: 10px;
}
.callout .button {
	margin: 0px; z-index: 9999; box-shadow: 0px 0px 0px 20px white; background-color: white;
}
.callout::after {
	margin: -18px auto 90px; width: 220px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid; display: block; content: "";
}
.image-callout {
	background-image: url("../img/bg-callout.jpg");
}
.video-button {
	color: rgb(255, 255, 255); font-size: 50px;
}
.features {
	text-align: center;
}
.features li {
	margin-bottom: 20px;
}
.features .title {
	text-transform: uppercase;
}
.features i {
	border-radius: 50%; border: 1px solid rgb(226, 226, 226); border-image: none; width: 80px; height: 80px; text-align: center; color: rgb(127, 187, 197); padding-top: 29px; font-size: 24px; margin-bottom: 20px;
}
.testimonials {
	background: url("../img/bg-testimonial.jpg") center / cover; text-align: center; color: rgb(255, 255, 255);
}
.testimonials h1 {
	color: rgb(255, 255, 255);
}
.quote {
	margin: 0px auto 30px; width: 80%;
}
.testimonials .name {
	color: rgb(119, 119, 119); font-size: 23px;
}
.testimonials .tint {
	padding: 150px 0px 130px; background-color: rgba(0, 0, 0, 0.4);
}
.clients li {
	list-style: none; width: 18.72%; margin-left: 1.6%; float: left; opacity: 0.7;
}
.clients img {
	max-width: 100%;
}
.clients li:first-child {
	margin-left: 0px;
}
.feature-imgs {
	text-align: center; padding-top: 60px;
}
.feature-imgs li {
	margin-bottom: 20px;
}
.feature-imgs .middle {
	margin-top: -60px;
}
.feature-imgs .img {
	width: 140px; height: 140px; overflow: hidden; display: inline-block; position: relative;
}
.feature-imgs img {
	margin: 0px auto; height: 100%; display: block;
}
.feature-imgs .title {
	text-transform: uppercase;
}
.feature-imgs .title::before {
	background: rgb(208, 208, 208); margin: -7px auto 20px; width: 2px; height: 50px; display: block; content: "";
}
.feature-img p {
	padding: 0px 60px;
}
.feature-hex .svg-graphic {
	margin-left: 1px;
}
.portfolio-wrapper > .container {
	padding: 0px;
}
.portfolio {
	margin-bottom: 40px;
}
.port-item {
	margin: 0px 0px 20px; padding: 0px 2%; width: 24.9%; position: relative;
}
.port-item img {
	transition:0.5s; width: 100%; display: block; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;
}
.port-info {
	background: rgb(255, 255, 255); padding: 54px 0px 10px; text-align: center; color: rgb(85, 85, 85); text-transform: uppercase; margin-bottom: 0px; border-top-color: rgb(240, 240, 240); border-top-width: 6px; border-top-style: solid; position: relative;
}
.port-name {
	color: rgb(127, 187, 197); line-height: 1.5; font-size: 24px; margin-bottom: 20px; display: block;
}
.port-cat {
	color: rgb(153, 153, 153); display: block;
}
.port-info i {
	background: rgb(240, 240, 240); left: 50%; top: 0px; width: 50px; height: 20px; color: rgb(102, 102, 102); padding-top: 8px; margin-left: -25px; display: inline-block; position: absolute;
}
.port-info i::before {
	position: relative; z-index: 1;
}
.port-info i::after {
	left: 0px; width: 0px; height: 0px; bottom: -15px; border-top-color: rgb(240, 240, 240); border-right-color: transparent; border-left-color: transparent; border-top-width: 15px; border-right-width: 25px; border-left-width: 25px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; content: "";
}
.portfolio-wrapper {
	text-align: center;
}
.port-overlay {
	overflow: hidden; position: relative;
}
.lightbox-btn {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; line-height: 16; position: absolute; z-index: 9999; opacity: 0;
}
.project-btn {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; line-height: 16; position: absolute; z-index: 9999; opacity: 0;
}
.lightbox-btn i {
	width: 30px; height: 30px; color: rgb(255, 255, 255); font-size: 30px;
}
.project-btn i {
	width: 30px; height: 30px; color: rgb(255, 255, 255); font-size: 30px;
}
.port-overlay:hover .lightbox-btn {
	opacity: 1;
}
.port-overlay:hover .project-btn {
	opacity: 1;
}
.port-overlay:hover img {
	transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);
}
.portfolio-slider-wrapper {
	margin-bottom: 80px; position: relative;
}
.portfolio-slider img {
	width: 100%;
}
.filter-menu {
	margin: 0px auto 20px; padding: 0px; height: auto; text-align: center; text-transform: uppercase; clear: both; float: none; display: block; position: relative;
}
.filter-menu li {
	background: rgb(255, 255, 255); margin: 0px 4px; padding: 5px 20px 4px; transition:0.5s; display: inline-block; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;
}
.filter-menu li:hover {
	background: rgb(240, 240, 240);
}
.filter-menu li:focus {
	background: rgb(240, 240, 240);
}
.rev-slider {
	background-position: center; height: 100% !important; background-size: cover;
}
.main-slider li {
	background-position: center; height: 100% !important; background-size: cover;
}
.slider-wrapper .bx-viewport {
	background-position: center; height: 100% !important; background-size: cover;
}
.slider-wrapper .bx-wrapper {
	background-position: center; height: 100% !important; background-size: cover;
}
.slider-wrapper {
	background-position: center; height: 100% !important; background-size: cover;
}
.main-slider {
	background-position: center; height: 100% !important; background-size: cover;
}
.spinner0.tp-loader {
	display: none;
}
.pattern.slider-wrapper {
	background-size: auto;
}
.video-slider {
	background: rgb(0, 0, 0);
}
.video-placeholder {
	background-position: center; background-image: url("../img/slider/video-placeholder.jpg"); background-size: cover;
}
.slider-wrapper {
	position: relative;
}
.down {
	left: 50%; text-align: center; bottom: 50px; color: rgb(255, 255, 255); margin-left: -45px; position: absolute; z-index: 51;
}
.down i {
	margin: 0px 0px 14px; border-radius: 50%; border: 2px solid white; transition:0.5s; border-image: none; width: 50px; height: 50px; color: rgb(255, 255, 255); font-size: 50px; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;
}
.down:hover {
	color: rgb(255, 255, 255);
}
.down:hover i {
	background: rgb(127, 187, 197); border-color: rgb(127, 187, 197);
}
.down span {
	display: block;
}
.main-slider {
	text-align: center; color: rgb(255, 255, 255); text-transform: uppercase;
}
.welcome .caption-title {
	background: url("../img/bg.png"); color: rgb(241, 191, 116); font-size: 53px; font-weight: 300;
}
.welcome .caption-subtitle {
	font-size: 30px; margin-bottom: 0px;
}
.welcome .caption-subtitle::after {
	margin: 0px auto; width: 80px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid; display: block; content: ""; opacity: 1;
}
.welcome .line-upper {
	margin: 0px auto; width: 80px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid; display: block; content: ""; opacity: 1;
}
.welcome .line-lower {
	margin-top: 120px;
}
.vertical-align {
	padding-left: 0px; vertical-align: middle; display: table-cell; min-width: 0px;
}
.caption {
	margin: auto; width: 65% !important; height: 100%; display: table;
}
.welcome .caption-logo {
	margin-bottom: 30px; display: inline-block;
}
.caption-title2 {
	padding: 0px 120px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 80px; font-weight: 600;
}
.caption-title2 span {
	color: rgb(204, 204, 204);
}
.slider-list {
	color: rgb(255, 255, 255); font-size: 24px; display: inline-block;
}
.header {
	top: 0px;
	width: 100%;
	float:left; 
	height: 112px; 
	text-align: center; 
	overflow: visible; 
	position: fixed;
	margin:0px auto 0px auto;

	z-index: 9999;
}
.solid.header {
	/*background: rgb(245, 245, 245);*/
	background:url(../images/header_shema.jpg) no-repeat top;
}
.logo {
	font: 300 28px/1.4 "Oswald", sans-serif; padding:0px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; float: left; display: inline-block; font-size-adjust: none; font-stretch: normal;margin-top:6px; border:0px;
}
.logo img {
	display: inline-block;

}
.logo:hover {
	color: rgb(0, 0, 0);
}
/*-------- menu-----------------*/
.selectnav {
	background: rgb(170, 170, 170); margin: 0px auto; width: 180px; height: 30px; color: rgb(68, 68, 68); display: none;
}
.post-content .title {
	text-transform: uppercase;
}
.post-date {
	border: 1px solid rgb(208, 208, 208); border-image: none; width: 80px; height: 80px; text-align: center; color: rgb(127, 187, 197); text-transform: uppercase; line-height: 1.2; padding-top: 12px; font-size: 20px; margin-right: 25px; float: left; position: relative;
}
.post-date::before {
	background: rgb(208, 208, 208); margin: 11px auto 20px; left: 50%; top: 68px; width: 1px; height: 30px; display: block; position: absolute; content: "";
}
.post-date::after {
	border-radius: 50%; border: 1px solid rgb(208, 208, 208); border-image: none; left: 50%; top: 109px; width: 11px; height: 11px; margin-left: -5px; display: block; position: absolute; content: "";
}
.post-date .day {
	font-size: 28px; font-weight: 600;
}
.post-content {
	overflow: hidden; min-height: 125px;
}
.team {
	position: relative;
}
.team > li {
	background: rgb(255, 255, 255); text-align: center; margin-bottom: 20px; position: relative;
}
.team img {
	width: 100%; display: block;
}
.team-job {
	color: rgb(127, 187, 197); text-transform: uppercase; font-size: 24px; margin-bottom: 20px; display: block;
}
.team-name {
	margin-bottom: 6px; display: block;
}
.team .img-wrap {
	text-align: center; margin-bottom: 50px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 6px; border-bottom-style: solid; position: relative;
}
.team .img-wrap i {
	background: rgb(240, 240, 240); left: 50%; width: 50px; height: 20px; bottom: -20px; color: rgb(102, 102, 102); padding-top: 10px; margin-left: -25px; display: inline-block; position: absolute;
}
.team .img-wrap i::before {
	position: relative; z-index: 1;
}
.team .img-wrap i::after {
	left: 0px; width: 0px; height: 0px; bottom: -15px; border-top-color: rgb(240, 240, 240); border-right-color: transparent; border-left-color: transparent; border-top-width: 15px; border-right-width: 25px; border-left-width: 25px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; content: "";
}
.social-icons {
	margin: 0px; padding: 0px;
}
.social-icons li {
	margin: 0px 0px 10px; display: inline-block;
}
.social-icons i {
	transition:0.5s; width: 35px; height: 35px; text-align: center; color: rgb(187, 187, 187); line-height: 34px; font-size: 18px; display: block; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;
}
.social-icons a:hover i {
	color: rgb(136, 136, 136);
}
.footer {
	height:150px;
	background:#d4140f; 
	color:#FFF;
	padding: 30px 0px 30px; 
	text-align: center; 
	font-size: 18px; 
	position: relative;
	margin-left:auto;
	margin-right:auto;
}
.footer-logo {
	margin-bottom: 20px;
}
.footer .address {
	margin-bottom: 30px;
}
.footer .social-icons {
	margin-bottom: 20px;
}
.footer .social-icons i {
	margin: 0px 10px; border-radius: 50%; border: 1px solid white; border-image: none; padding-top: 1px;
}
.footer .copy {
	padding-bottom: 10px; font-size: 12px;
}
.footer a {
	color: rgb(204, 204, 204);
}
.contact-form {
	margin: auto; width: 80%;
}
.contact-form textarea {
	width: 100%;
}
.contact-form input {
	width: 100%;
}
.contact-form textarea {
	height: 142px; margin-bottom: 40px;
}
.contact-form input {
	margin-bottom: 15px;
}
.contact-form .contact-button {
	margin: 0px auto; clear: both; float: none; display: block;
}
form .error {
	background: rgb(253, 228, 228) !important; border: 1px solid rgb(224, 107, 107) !important; border-image: none !important; color: red !important;
}
form .error {
	color: rgb(85, 85, 85);
}
form .error:focus {
	color: rgb(85, 85, 85);
}
.required {
	color: red;
}
.inline-error {
	color: red; margin-bottom: 10px; display: block;
}
.skills {
	text-align: center;
}
.skills li {
	margin-bottom: 10px; position: relative;
}
.skill-title {
	text-transform: uppercase;
}
.skill-bar {
	margin: 0px; height: 85px; overflow: hidden; display: inline-block;
}
.skill-semi {
	background: rgb(127, 187, 197); padding: 19px 0px 0px; border-radius: 100px 100px 0px 0px; left: 50%; top: 19px; width: 100px; height: 50px; text-align: center; color: white; font-size: 20px; margin-left: -50px; position: absolute;
}
.price-head {
	background: url("../img/patterns/pat-4.png"); padding: 20px 0px 0px; height: 102px; text-align: center; color: rgb(255, 255, 255);
}
.price-title {
	color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 15px;
}
.price-label {
	background: rgb(127, 187, 197); border-radius: 50%; border: 4px solid white; border-image: none; width: 90px; height: 90px; line-height: 1.1; padding-top: 24px; font-size: 18px; display: inline-block;
}
.price-label span {
	font-size: 13px; display: block;
}
.price-content {
	background: rgb(255, 255, 255); padding: 70px 0px 30px; text-align: center; color: rgb(85, 85, 85); text-transform: uppercase; margin-bottom: 20px;
}
.price-content li {
	margin-bottom: 10px; display: block;
}
.price-content li::after {
	background: rgb(221, 221, 221); margin: 10px auto; width: 40px; height: 1px; display: block; content: "";
}
.process-slider img {
	width: 100%;
}
.process-slider-wrap {
	padding-right: 30px; margin-bottom: 70px; position: relative;
}
.process-list {
	padding-left: 30px;
}
.process-list i {
	background: rgb(51, 51, 51); padding: 13px 0px 0px; border-radius: 50%; width: 40px; height: 40px; text-align: center; color: rgb(85, 85, 85); margin-right: 20px; float: left;
}
.process-list li {
	margin-bottom: 40px;
}
.process-list li.current i {
	background: rgb(127, 187, 197); color: rgb(255, 255, 255);
}
.process-list li.current .process-title {
	color: rgb(255, 255, 255);
}
.process-list li.current p {
	color: rgb(170, 170, 170);
}
.process-list li.current .process-title::after {
	background: rgb(255, 255, 255);
}
.process-list p {
	color: rgb(119, 119, 119); margin-left: 60px;
}
.process-title {
	color: rgb(119, 119, 119);
}
.process-title::after {
	background: rgb(119, 119, 119); margin: 10px 60px; width: 50px; height: 2px; display: block; content: "";
}
.map-button {
	background: rgb(221, 221, 221); height: 60px; text-align: center; padding-top: 16px; font-size: 18px; cursor: pointer;
}
.map-button i {
	margin-right: 10px;
}
.map-wrapper {
	transition:height 0.5s; height: 0px; overflow: hidden; -webkit-transition: height .5s ease; -moz-transition: height .5s ease;
}
#google-map {
	width: auto; height: 320px;
}
#content {
	height: 0px; display: none;
}
.bx-wrapper .bx-viewport {
	background: none; border: currentColor; border-image: none; left: 0px; overflow: hidden; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.bx-wrapper .bx-loading {
	background-image: url("../img/bxslider/bx_loader.gif");
}
.bx-wrapper .bx-controls .bx-next {
	transition:none; background-image: url("../img/bxslider/controls.png"); -webkit-transition: none; -moz-transition: none;
}
.bx-wrapper .bx-controls .bx-prev {
	transition:none; background-image: url("../img/bxslider/controls.png"); -webkit-transition: none; -moz-transition: none;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 51;
}
.bx-wrapper img {
	width: 100%;
}
.blog {
	background: rgb(245, 245, 245);
}
.blog-single {
	background: rgb(245, 245, 245);
}
.single.blog-post {
	margin-bottom: 60px;
}
.main-image {
	width: 100%; margin-bottom: 30px;
}
.recent-posts {
	margin-bottom: 50px;
}
.blog-post {
	position: relative;
}
.blog-date {
	background: rgb(34, 34, 34); left: 40px; top: 0px; width: 50px; height: 44px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.1; padding-top: 7px; margin-left: -25px; display: inline-block; position: absolute; z-index: 52;
}
.blog-date .day {
	font-size: 20px;
}
.blog-date::before {
	position: relative; z-index: 1;
}
.blog-date::after {
	left: 0px; width: 0px; height: 0px; bottom: -14px; border-top-color: rgb(34, 34, 34); border-right-color: transparent; border-left-color: transparent; border-top-width: 15px; border-right-width: 25px; border-left-width: 25px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; content: "";
}
.blog-title {
	margin-bottom: 10px;
}
.blog-meta {
	margin-bottom: 10px;
}
.comment-list {
	margin-bottom: 60px;
}
.comment-avatar {
	margin: 0px 20px 0px 0px; width: 70px; height: 70px; float: left;
}
.comment-content {
	background: rgb(255, 255, 255); padding: 20px; overflow: hidden; margin-bottom: 20px;
}
.comment-author {
	margin-bottom: 10px;
}
.comment-meta {
	color: rgb(170, 170, 170); font-size: 12px; float: right;
}
.leave-comment .textarea-wrap {
	margin-bottom: 20px;
}
.leave-comment textarea {
	width: 100%; height: 141px; margin-bottom: 40px;
}
.leave-comment span input {
	width: 100%; margin-bottom: 15px;
}
.leave-comment .button {
	margin: 0px auto; clear: both; float: none; display: block;
}
.aside .title {
	margin-bottom: 20px;
}
.widget {
	margin-bottom: 30px;
}
.categories {
	margin-bottom: 20px;
}
.categories a {
	color: rgb(119, 119, 119);
}
.categories li {
	padding: 6px 0px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid;
}
.categories li:first-child {
	padding-top: 0px;
}
.categories i {
	color: rgb(204, 204, 204); padding-right: 7px;
}
.tags a {
	background: rgb(255, 255, 255); margin: 0px 5px 10px 0px; padding: 2px 10px; border: 1px solid rgb(242, 242, 242); border-image: none; color: rgb(119, 119, 119); text-transform: uppercase; font-size: 12px; display: inline-block;
}
.tags a:hover {
	background: rgb(238, 238, 238);
}
.search {
	margin-bottom: 40px; position: relative; max-width: 240px;
}
input.search-box {
	margin-bottom: 20px;
}
.search-btn {
	background: rgb(221, 221, 221); margin: 0px; padding: 8px 12px 9px; border-radius: 0px; border: currentColor; border-image: none; right: 0px; position: absolute; box-shadow: none;
}
.pagination {
	margin-bottom: 10px;
}
.pagination li {
	margin: 0px 5px 5px 0px; float: left;
}
.pagination .current a {
	background: rgb(233, 233, 233); border: currentColor; border-image: none; color: rgb(119, 119, 119); margin-top: 0px;
}
.pagination a {
	background: rgb(255, 255, 255); width: 28px; height: 28px; text-align: center; color: rgb(170, 170, 170); line-height: 2; margin-top: -1px; display: block; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
}
.pagination a:hover {
	background: rgb(204, 204, 204); color: white;
}
.pagination .prev {
	background: rgb(233, 233, 233); border: currentColor; border-image: none; width: 28px; height: 28px; color: rgb(119, 119, 119); overflow: hidden; font-weight: bold; margin-top: 0px; float: left; display: block; position: relative;
}
.pagination .next {
	background: rgb(233, 233, 233); border: currentColor; border-image: none; width: 28px; height: 28px; color: rgb(119, 119, 119); overflow: hidden; font-weight: bold; margin-top: 0px; float: left; display: block; position: relative;
}
.pagination li.current a:hover {
	background: rgb(204, 204, 204); border: 1px solid rgb(204, 204, 204); border-image: none;
}
.pagination a.next:hover {
	background: rgb(204, 204, 204); border: 1px solid rgb(204, 204, 204); border-image: none;
}
.pagination a.prev:hover {
	background: rgb(204, 204, 204); border: 1px solid rgb(204, 204, 204); border-image: none;
}
.accordian {
	margin-bottom: 10px;
}
.toggle {
	margin-bottom: 10px;
}
.toggle .trigger {
	padding-bottom: 10px;
}
.accordian .trigger {
	padding-bottom: 10px;
}
.trigger {
	margin: 0px; display: block;
}
.trigger a {
	margin: 0px; padding: 7px 16px 5px; text-align: left; text-transform: uppercase; line-height: 22px; font-family: "Open Sans", sans-serif; font-weight: 100; text-decoration: none; display: block; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-use-select: none;
}
.trigger i {
	margin-right: 10px; display: inline;
}
.trigger a {
	background: white; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(153, 153, 153); display: block; position: relative;
}
.trigger a:focus {
	color: rgb(68, 68, 68);
}
.trigger a:hover {
	color: rgb(68, 68, 68);
}
.trigger .current {
	color: rgb(68, 68, 68);
}
.trigger a:hover span {
	color: inherit;
}
.trigger span {
	top: 8px; right: 16px; color: rgb(127, 187, 197); line-height: 20px; position: absolute;
}
.tabs {
	margin-bottom: 20px;
}
.tabs .content {
	background: rgb(255, 255, 255); padding: 20px 20px 1px; clear: both; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.tabs .trigger {
	margin: 0px -1px 0px 0px; float: left;
}
.tabs .trigger a {
	padding-top: 8px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.tabs .trigger i {
	font-size: 16px; margin-top: 3px;
}
.tabs-wrap {
	padding: 0px 20px 0px 0px; margin-top: 2px; margin-bottom: 20px; float: left;
}
.sidetabs .trigger {
	margin: 10px 0px 0px;
}
.sidetabs :first-child.trigger {
	margin-top: 0px;
}
.sidetabs .contents-wrap {
	overflow: hidden; padding-top: 5px;
}
.alert {
	background: rgb(242, 242, 242); margin: 0px 0px 20px; padding: 10px 35px 10px 20px; border: 1px solid gray; border-image: none; position: relative;
}
.alert strong {
	font-weight: 600;
}
.success.alert {
	background: rgb(184, 242, 188); border-color: rgb(144, 205, 144); color: rgb(63, 150, 62);
}
.warning.alert {
	background: rgb(255, 255, 199); border-color: rgb(255, 255, 0); color: rgb(190, 163, 78);
}
.error.alert {
	background: rgb(255, 225, 225); border-color: rgb(227, 136, 136); color: rgb(211, 72, 72);
}
.notice.alert {
	background: rgb(198, 218, 255); border-color: rgb(138, 137, 244); color: rgb(80, 79, 169);
}
.alert .alert-button {
	padding: 10px 18px; top: 0px; right: 0px; color: white; font-size: 14px; position: absolute;
}
.progress-bars {
	margin: 54px 0px 0px; display: block;
}
.progress-bars .title {
	top: -25px; text-align: center; color: gray; text-transform: uppercase; font-family: "Open Sans", sans-serif; display: block; position: absolute;
}
.bar {
	background: rgb(242, 242, 242); height: 26px; margin-bottom: 40px; position: relative;
}
.progress {
	background: rgb(127, 187, 197); padding: 0px 10px 0px 0px; height: 100%; text-align: right; color: white; line-height: 25px; font-style: italic; display: block;
}
.dropcap {
	margin: 0px 5px 0px 0px; color: rgb(77, 77, 77); line-height: 30px; font-size: 40px; float: left;
}
.color.dropcap {
	color: rgb(127, 187, 197);
}
.table-standard {
	background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-image: none; width: 100%;
}
.table-standard th {
	padding: 10px; border: 1px solid rgb(238, 238, 238); border-image: none;
}
.table-standard td {
	padding: 10px; border: 1px solid rgb(238, 238, 238); border-image: none;
}
.table-standard th {
	background: rgb(242, 242, 242);
}
.highlight-color {
	background: rgb(127, 187, 197); padding: 0px 2px; color: white;
}
.highlight-gray {
	background: rgb(167, 167, 167); padding: 0px 2px; color: white;
}
.milestones .one-fourth {
	padding: 14px 0px 20px; text-align: center;
}
.milestones i {
	color: rgb(127, 187, 197); font-size: 20px;
}
.milestones .count {
	color: rgb(119, 119, 119); font-size: 38px; font-weight: 800;
}
.info-box {
	background: rgb(255, 255, 255); padding: 20px; border: 1px solid rgb(242, 242, 242); border-image: none; margin-bottom: 20px; display: block; position: relative;
}
[class^='icon-'].info-box {
	padding-left: 80px;
}
.info-box::before {
	background: rgb(204, 204, 204); padding: 20px; left: 0px; top: 0px; height: auto; bottom: 0px; color: white; font-size: 20px; position: absolute;
}
.project-wrapper {
	height: 0px; text-align: left; color: rgb(119, 119, 119); overflow: hidden;
}
.project {
	background: rgb(255, 255, 255); padding-bottom: 40px; margin-bottom: 50px;
}
.project .container {
	height: 100%;
}
.project-wrapper .button {
	margin-bottom: 0px;
}
.project-wrapper .close {
	padding: 50px 0px 80px; width: 100%; height: 50px; text-align: center; color: rgb(221, 221, 221); font-size: 30px; display: block;
}
.project-wrapper .loader {
	height: 50px; text-align: center; color: rgb(68, 68, 68); padding-top: 16px;
}
.project-details {
	margin-bottom: 40px;
}
.project-details li {
	margin-bottom: 15px;
}
.project-details li i {
	background: rgba(255, 255, 255, 0.07); padding: 0px 10px 0px 0px; border-radius: 50%; border: currentColor; border-image: none; left: 0px; top: -5px; text-align: center; color: rgb(170, 170, 170); font-size: 12px; display: inline-block;
}
div.light_square .pp_close::before {
	content: "\f05c";
}
div.light_square .pp_close {
	background: none; width: 20px; color: rgb(204, 204, 204); line-height: 1; text-indent: 0px; overflow: hidden; font-family: FontAwesome; font-size: 24px; font-style: normal; font-weight: normal; display: inline; z-index: 9999; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
