/*

WIWET.com - ASP.NET Templates

Qode Template

*/
@import url(https://fonts.googleapis.com/css?family=Dosis:300,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
body{
	font-family: 'Dosis', sans-serif;
	font-weight: 300;
	color: #1c1c1c;
}
input,
select,
textarea{
    -webkit-appearance: none;
    border-radius: 0;
}
input:focus,
select:focus,
textarea:focus{
	outline: none;
}
a:hover{
	text-decoration: none;
}
.hiddenFromView{
	visibility: hidden;
}
.animated{
	visibility: visible !important;
}
header {
	padding: 0px 0px 20px 0px;
	background: #FFF;
	position: relative;
	z-index: 1020;
	width: 100%;
}
.wiwet-navigation{
	margin-top: 60px;
	margin-bottom: 10px;
}
.wiwet-navigation > li > a{
	padding: 0px 15px;
	display: block;
	line-height: 30px;
	color: #1c1c1c;
	font-size: 18px;
}
.wiwet-navigation > li:active > a,
.wiwet-navigation > li:focus > a,
.wiwet-navigation > li:hover > a,
.wiwet-navigation > li.active > a {
	color: #0c5a09;
	background: transparent;
	font-weight: 700;
}
.wiwet-navigation .social-link a{
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #1c1c1c;
	color: #fff;
	display: block;
	margin: 0px 7px;
	border-radius: 50%;
	padding: 0px;
	text-align: center;
	font-size: 1.2em;
}
.wiwet-navigation .btn-default{
	border: none;
	font-size: 18px;
	padding: 2px 15px;
/*	margin-right: 10px;*/
}
.wiwet-navigation .btn-default{
	background: transparent;
}
.wiwet-navigation .btn-default:focus,
.wiwet-navigation .btn-default:active {
	background: transparent;
	border: none;
	outline: none;
	color: #0c5a09;
}

.dropdown.pages-menu {
	position: relative;
}



	.dropdown.pages-menu .pages-dropdown {
/*		display: none;*/
		padding: 0px;
		overflow: hidden;
		left: 50% !important;
		transform: translateX(-50%);
		top: 100%;
		min-width: max-content;
		padding: 0px 0px;
		margin: 0px;
		text-align: center;
		box-shadow: none;
		border: 1px solid #1c1c1c;
		border-radius: 0px;
	}
.dropdown.pages-menu .pages-dropdown>li>a{
	color: #1c1c1c;
	-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		padding: 10px 0px;
}
.dropdown.pages-menu .pages-dropdown>li>a:hover{
	color: #FFF;
	border: none;	
}
.dropdown.pages-menu .pages-dropdown>li{
	-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
}
.dropdown.pages-menu .pages-dropdown > li:hover a {
	background: #0c5a09;
	color: #FFF;
}

.dropdown-submenu {
	position: relative;
}

/*@media (max-width: 576px) {
	.dropdown-submenu > .sub-pages-dropdown {
		right: 100% !important;
	}
}*/

.dropdown-submenu > .sub-pages-dropdown {
	list-style-type: none;
	padding-left: 0;
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
	background: white;
	border: 1px solid #1c1c1c;
	min-width: 200px;
	z-index: 999;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

@media (max-width: 576px) {
	.dropdown-submenu {
		position: static; /* allow submenu to flow below */
	}

		.dropdown-submenu > .sub-pages-dropdown {
			position: relative;
			top: auto;
			left: auto;
			right: auto;
			width: 100%; /* optional: make full width */
			border: none;
			box-shadow: none;
			padding-left: 250px;
		}
}

.dropdown-submenu:hover > .sub-pages-dropdown {
	display: block;
}

	.dropdown.pages-menu .pages-dropdown {
		overflow: visible;
	}

	.sub-pages-dropdown > li > a {
		background-color: white !important;
		color: black !important;
	}

	.sub-pages-dropdown li:hover {
		background-color: #0c5a09;
		color: white;
	}

		.sub-pages-dropdown li:hover > a {
			background-color: #0c5a09 !important;
			color: white !important;
		}

	.navbar-toggle .icon-bar {
		background: #1c1c1c;
	}

	.page-name {
		color: #FFF;
		background: #0c5a09;
		text-align: center;
		padding: 75px 0px;
		margin-bottom: 67px;
	}

		.page-name h1 {
			margin: 0px;
			font-size: 60px;
			font-weight: 300;
			margin: 0px;
		}

		.page-name p {
			margin: 0px;
			font-size: 30px;
			font-weight: 300;
			margin: 25px 0 0;
		}

		.page-name h1 span {
			background: #FFF;
			color: #0c5a09;
			display: inline-block;
			padding-left: 20px;
		}

	footer {
		background: #1c1c1c;
		color: #FFF;
		text-align: center;
		padding: 45px 0px;
	}

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

			footer ul li {
				display: inline-block;
			}

				footer ul li a {
					background: #FFF;
					display: block;
					width: 36px;
					height: 36px;
					line-height: 36px;
					border-radius: 50%;
					margin: 0 8px;
					color: #1c1c1c;
					font-size: 1.5em;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					transition: all 0.5s ease;
				}

					footer ul li a:hover {
						color: #1c1c1c;
						border-radius: 0px;
					}

		footer img {
			margin: 35px 0px;
		}

		footer p.copyright {
			font-size: 14px;
		}

	.main-title {
		font-size: 60px;
		text-align: center;
		line-height: 70px;
	}

		.main-title span {
			background: #0c5a09;
			display: inline-block;
			padding-left: 20px;
		}

	.main-paragraph {
		font-size: 30px;
		text-align: center;
		line-height: 70px;
		margin-bottom: 50px;
	}

	.explore-discover {
		text-align: center;
		padding: 75px 0px;
		clear: both;
	}

		.explore-discover h2 {
			font-size: 36px;
			font-weight: 300;
			margin-bottom: 60px;
			line-height: 65px;
		}

			.explore-discover h2 span {
				background: #0c5a09;
			}

				.explore-discover h2 span:first-child {
					display: inline-block;
					padding-left: 15px;
				}

				.explore-discover h2 span:last-child {
					display: inline-block;
					font-size: 48px;
					font-weight: 700;
					padding: 0px 3px;
				}

		.explore-discover a {
			display: inline-block;
			font-size: 24px;
			width: 300px;
			height: 70px;
			line-height: 70px;
			border: 2px solid #1c1c1c;
			color: #1c1c1c;
		}

	.search-here {
		background: #0c5a09;
		padding: 55px 0px 65px;
	}

		.search-here h3 {
			font-size: 18px;
			margin-bottom: 20px;
		}

		.search-here .input-group {
			margin-bottom: 60px;
			border: 2px dashed #FFF;
		}

			.search-here .input-group .form-control {
				background: transparent;
				text-align: left;
				font-weight: 300;
				color: #FFF;
				font-size: 18px;
				box-shadow: none;
			}

				.search-here .input-group .form-control:focus {
					border-color: transparent !important;
					outline: none;
					box-shadow: none;
				}

				.search-here .input-group .form-control::-webkit-input-placeholder {
					color: #FFF;
				}

				.search-here .input-group .form-control:-moz-placeholder {
					color: #FFF;
				}

				.search-here .input-group .form-control::-moz-placeholder {
					color: #FFF;
				}

				.search-here .input-group .form-control:-ms-input-placeholder {
					color: #FFF;
				}

			.search-here .input-group .btn {
				background: transparent;
				color: #FFF;
				padding: 6px 24px;
				border: none;
			}

				.search-here .input-group .btn:focus {
					outline: none;
				}

		.search-here a {
			font-size: 18px;
			display: block;
			float: left;
			width: 20%;
			color: #FFF;
			text-align: center;
		}

	/*UI elements*/

	.ui-page h2 {
		font-size: 36px;
		text-align: center;
		margin-bottom: 70px;
		line-height: 40px;
	}

		.ui-page h2 span {
			background: #0c5a09;
			display: inline-block;
			padding-left: 15px;
		}

	input[type=text],
	textarea {
		display: block !important;
		width: 100% !important;
		height: 67px !important;
		line-height: 67px !important;
		text-align: center !important;
		font-size: 18px !important;
		font-weight: 700 !important;
		border: 2px dashed #0c5a09 !important;
		color: #0c5a09 !important;
		margin-bottom: 60px !important;
		padding: 0px 30px !important;
	}

	::-webkit-input-placeholder {
		color: #0c5a09;
	}

	:-moz-placeholder {
		color: #0c5a09;
	}

	::-moz-placeholder {
		color: #0c5a09;
	}

	:-ms-input-placeholder {
		color: #0c5a09;
	}

	.focused, input:focus, textarea:focus {
		color: #1c1c1c;
		border-color: #1c1c1c !important;
	}

		.focused::-webkit-input-placeholder, input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
			color: #1c1c1c;
		}

		.focused:-moz-placeholder, input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
			color: #1c1c1c;
		}

		.focused::-moz-placeholder, input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
			color: #1c1c1c;
		}

		.focused:focus:-ms-input-placeholder, input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
			color: #1c1c1c;
		}

	.styled-select {
		background: url('../Images/select.png') no-repeat right 15px center;
		height: 50px;
		overflow: hidden;
		width: 100%;
	}

		.styled-select select {
			background: transparent;
			border: none;
			font-size: 14px;
			height: 67px;
			padding: 0px;
			width: 100%;
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 30px;
			text-overflow: '';
		}

	select::-ms-expand {
		display: none;
	}

	.styled-select.wiwet-select {
		height: 67px;
		width: 100%;
	}

		.styled-select.wiwet-select select {
			color: #0c5a09;
			font-weight: 700;
			font-size: 18px;
			display: block;
			width: 100%;
			height: 67px;
			line-height: 67px;
			margin-bottom: 50px;
			padding: 0px;
			border: 2px dashed #0c5a09;
		}


	input[type=checkbox],
	input[type=radio] {
		display: none;
	}

	.radio-btn {
		margin-bottom: 60px;
	}

		.radio-btn span {
			display: inline-block;
			width: 43px;
			height: 43px;
			line-height: 43px;
			border: 2px dashed #0c5a09;
			border-radius: 50%;
			text-align: center;
			color: #0c5a09;
			margin-right: 10px;
		}

			.radio-btn span i {
				font-size: 1.2em;
				opacity: 0;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

		.radio-btn input:checked + label span i {
			opacity: 1;
		}

			.radio-btn input:checked + label span i.fa-square {
				background: #0c5a09;
				padding: 0px 1px;
				font-size: 1.6em;
			}

		.radio-btn label {
			font-weight: 700;
			color: #0c5a09;
			font-size: 18px;
			margin: 0px;
		}

		.radio-btn input[type=checkbox] + label span {
			border-radius: 0px;
		}

	textarea {
		display: block;
		width: 100%;
		font-size: 18px;
		padding: 10px;
		color: #0c5a09;
		font-weight: 700;
		border: 2px dashed #0c5a09;
		color: #0c5a09;
		resize: none;
		min-height: 260px;
	}

	.default-button {
		height: 70px;
		line-height: 70px;
		font-size: 18px;
		font-weight: 700;
		color: #FFF;
		background: #0c5a09;
		border: none;
		display: block;
		width: 100%;
		margin-bottom: 25px;
		text-align: center;
	}

		.default-button.heavy {
			background: #059695;
		}

		.default-button.bgbutton {
			background: transparent;
			color: #0c5a09;
			border: 2px solid #0c5a09;
			line-height: 66px;
		}

	p {
		font-size: 14px;
		font-weight: 300;
		line-height: 35px;
	}

	.wiwet-ui-layouts h5 {
		font-size: 18px;
		font-weight: 300;
	}

	.wiwet-ui-layouts h4 {
		font-size: 24px;
	}

		.wiwet-ui-layouts h4.light {
			font-weight: 300;
		}

		.wiwet-ui-layouts h4.bold {
			font-weight: 700;
		}

	.default-title {
		font-size: 30px;
		line-height: 35px;
		margin: 30px 0px;
	}

		.default-title span {
			background: #0c5a09;
			display: inline-block;
			padding-left: 15px;
		}

	.secondary-title {
		color: #0c5a09;
		font-size: 24px;
		font-weight: 300;
		margin: 20px 0px;
	}

	.default-layout {
		background: #0c5a09;
		padding: 5px 15px 35px;
		color: #FFF;
	}

		.default-layout .default-title span {
			background: #FFF;
			color: #0c5a09;
		}

	.secondary-layout {
		padding: 5px 15px 35px;
	}

	.wiwet-ui-layouts, .wiwet-ui-artistic {
		padding-top: 80px;
	}

	.showcase-box,
	.newsletter-box {
		background: #0c5a09;
		padding: 75px 65px;
		height: 604px;
		color: #FFF;
		text-align: center;
	}

	.showcase-box {
		display: table;
		width: 100%;
	}

		.showcase-box > div {
			display: table-cell;
			vertical-align: middle;
		}

		.showcase-box h3 {
			font-size: 30px;
			font-weight: 300;
		}

			.showcase-box h3 span {
				font-size: 18px;
			}

			.showcase-box h3 b {
				font-size: 36px;
			}

		.showcase-box h4 {
			font-size: 18px;
			padding-left: 15%;
			margin-top: 20px;
		}

		.showcase-box p {
			margin-bottom: 40px;
			font-size: 18px;
		}

			.showcase-box p i {
				margin-right: 15px;
				position: relative;
				top: 10px;
			}

	.newsletter-box h2 {
		color: #FFF;
	}

	.newsletter-box input {
		background: transparent;
		border-color: #FFF;
		text-align: left;
		font-weight: 300;
	}

		.newsletter-box input::-webkit-input-placeholder {
			color: #FFF;
		}

		.newsletter-box input:-moz-placeholder {
			color: #FFF;
		}

		.newsletter-box input::-moz-placeholder {
			color: #FFF;
		}

		.newsletter-box input:-ms-input-placeholder {
			color: #FFF;
		}

	.newsletter-box .bgbutton {
		color: #FFF;
		border-color: #FFF;
		font-size: 24px;
		font-weight: 300;
		margin: 0px;
	}

	.rate-box + h3,
	.showcase-box + h3,
	.newsletter-box + h3 {
		font-size: 24px;
		font-weight: 300;
		text-align: center;
		margin-top: 40px;
	}

	.wiwet-ui-rate {
		margin-bottom: 75px;
	}

	.rate-box {
		background: #0c5a09;
		padding: 65px 0px;
		margin-top: 75px;
	}

		.rate-box h2 {
			color: #FFF;
			margin-bottom: 70px;
			font-size: 36px;
			line-height: 50px;
		}

			.rate-box h2 span {
				color: #0c5a09;
				background: #FFF;
				padding-left: 15px;
			}

	.radio-rate {
		text-align: center;
		color: #FFF;
	}

		.radio-rate label {
			cursor: pointer;
			margin: 0px 10px;
		}

			.radio-rate label.rate-hover i:first-child,
			.radio-rate input:checked + label i:first-child,
			.radio-rate label:hover i:first-child,
			.radio-rate label i:last-child {
				display: none;
			}

			.radio-rate label.rate-hover i:last-child,
			.radio-rate input:checked + label i:last-child,
			.radio-rate label:hover i:last-child {
				display: block;
			}
	/*about*/

	.about-qode {
		text-align: center;
	}

		.home h2,
		.services h2,
		.contact h2,
		.about-achievements h2,
		.about-qode h2 {
			font-size: 48px;
			text-align: center;
			margin-bottom: 30px;
			line-height: 47px;
		}

			.home h2 span,
			.services h2 span,
			.contact h2 span,
			.about-achievements h2 span,
			.about-qode h2 span {
				background: #0c5a09;
				display: inline-block;
				padding-left: 15px;
			}

		.about-qode h3 {
			margin-bottom: 40px;
		}

		.about-qode a.bgbutton {
			font-weight: 300;
			font-size: 24px;
			margin: 45px 0px 90px;
		}

	.qode-quality {
		background: #0c5a09;
		color: #FFF;
	}

		.qode-quality > .row {
			margin: 0px;
		}

			.qode-quality > .row > div:first-child {
				padding-left: 0px;
			}

			.qode-quality > .row > div:last-child {
				padding-left: 100px;
				padding-right: 100px;
			}

		.qode-quality h2 {
			font-size: 36px;
			margin: 50px 0px;
			line-height: 47px;
		}

			.qode-quality h2 span {
				color: #0c5a09;
				background: #FFF;
				display: inline-block;
				padding-left: 15px;
			}

		.qode-quality img {
			width: 100%;
		}

		.qode-quality a.bgbutton {
			color: #FFF;
			border-color: #FFF;
			font-size: 24px;
			font-weight: 300;
			margin-top: 40px;
		}

	.about-achievements {
		text-align: center;
		padding: 80px 0px 120px;
	}

		.about-achievements h3 {
			margin-bottom: 80px;
		}

		.about-achievements h1 {
			background: #0c5a09;
			width: 135px;
			line-height: 125px;
			margin: 0 auto 50px;
			color: #FFF;
			font-size: 60px;
			font-weight: 700;
		}

			.about-achievements h1 span:last-child {
				font-size: 24px;
			}

		.about-achievements h4 {
			color: #0c5a09;
			font-size: 18px;
			font-weight: 300;
		}

	.join-qode {
		background: #0c5a09;
		text-align: center;
		color: #FFF;
		padding: 85px 0 33px;
	}

		.join-qode h2 {
			font-size: 36px;
			line-height: 50px;
		}

			.join-qode h2 span {
				background: #FFF;
				color: #0c5a09;
				padding-left: 20px;
			}

		.join-qode h3 {
			color: #FFF;
			font-size: 24px;
			margin-bottom: 70px;
		}

		.join-qode input[type=text] {
			color: #FFF;
			border-color: #FFF;
			background: transparent;
			text-align: left;
			font-weight: 300;
			height: 70px;
			line-height: 70px;
		}

			.join-qode input[type=text]::-webkit-input-placeholder {
				color: #FFF;
			}

			.join-qode input[type=text]:-moz-placeholder {
				color: #FFF;
			}

			.join-qode input[type=text]::-moz-placeholder {
				color: #FFF;
			}

			.join-qode input[type=text]:-ms-input-placeholder {
				color: #FFF;
			}

	/*blog*/

	.post {
		background: #0c5a09;
		color: #FFF;
		padding: 0px 30px 0px 15px;
		margin-bottom: 80px;
	}

		.post > .row > div:first-child {
			padding-left: 0px;
		}

		.post img {
			width: 100%;
		}

		.post h3 {
			font-size: 24px;
			padding-top: 40px;
			margin: 0px 0px 20px;
			line-height: 30px;
		}

		.post button {
			background: transparent;
			border: none;
			line-height: 30px;
			margin-top: 40px;
			line-height: 30px;
		}

		.post h5 {
			font-size: 14px;
			margin: 0px 0px 20px;
			font-weight: 700;
		}

			.post h5 i {
				margin-right: 15px;
				font-size: 1.5em;
			}

		.post p {
			margin: 0px;
		}

		.post a {
			color: #FFF;
			font-size: 18px;
			font-weight: 700;
			display: block;
			line-height: 70px;
		}

		.post span.post-tag {
			display: inline-block;
			width: 125px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			color: #0c5a09;
			background: #FFF;
			margin-right: 10px;
			font-size: 14px;
		}

		.post h6 {
			font-size: 14px;
			font-weight: 700;
			margin-top: 25px;
		}

			.post h6 i {
				font-size: 1.7em;
				margin-right: 10px;
				position: relative;
				top: 3px;
			}

	.wiwet-qode-tabs .nav {
		text-align: center;
		margin-bottom: 67px;
	}

		.wiwet-qode-tabs .nav li {
			display: inline-block;
		}

			.wiwet-qode-tabs .nav li a {
				font-size: 18px;
				color: #1c1c1c;
				padding: 0px 30px;
			}

			.wiwet-qode-tabs .nav li.active a {
				color: #0c5a09;
				font-weight: 700;
			}

			.wiwet-qode-tabs .nav li a:focus,
			.wiwet-qode-tabs .nav li a:active,
			.wiwet-qode-tabs .nav li a:hover {
				background: transparent;
			}

	.blog-pagination {
		text-align: center;
	}

		.blog-pagination ul > li > a {
			background: #0c5a09;
			color: #FFF;
			font-size: 18px;
			font-weight: 700;
			padding: 0px;
			width: 40px;
			height: 40px;
			line-height: 40px;
			border: none;
			margin: 0px 12px;
			border-radius: 0px !important;
		}

			.blog-pagination ul > li > a:hover {
				background: #1c1c1c;
				color: #0c5a09;
			}

			.blog-pagination ul > li > a i {
				font-size: 1.5em;
				position: relative;
				top: 2px;
			}
	/*contact*/
	.contact h2 {
		font-size: 36px;
		text-align: left;
		margin-bottom: 35px;
	}

	.contact input {
		text-align: left;
		margin-bottom: 35px;
	}

	.contact textarea {
		margin-bottom: 35px;
	}

	.contact h4 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 35px;
		color: #1c1c1c;
		height: 67px;
		line-height: 67px;
	}

		.contact h4 a {
			color: #1c1c1c;
		}

		.contact h4 i {
			width: 50px;
			text-align: center;
			font-size: 1.6em;
			color: #0c5a09;
			position: relative;
			top: 3px;
		}

	#map-canvas {
		height: 330px;
	}
	/*SERVICES*/
	.services h2 {
		font-size: 36px;
	}

	.services h3.secondary-title {
		text-align: center;
		margin-bottom: 90px;
	}

	.services h5 {
		background: #0c5a09;
		line-height: 100px;
		text-align: center;
		margin: 0px;
	}

	.services h4 {
		color: #0c5a09;
		font-weight: 700;
		font-size: 18px;
		margin: 0px;
		margin-bottom: 15px;
	}

	.services .expertise {
		margin-bottom: 70px;
	}

	.services-fluid > .row {
		margin: 0px;
	}

	.services-fluid {
		background: #0c5a09;
		color: #FFF;
		margin-top: 80px;
	}

		.services-fluid h2 {
			font-size: 36px;
			line-height: 50px;
			margin-left: -15px;
			margin-bottom: 55px;
		}

			.services-fluid h2 span {
				color: #0c5a09;
				background: #FFF;
				padding-left: 15px;
			}

		.services-fluid img {
			width: 100%;
		}

		.services-fluid .row > div {
			padding: 0px;
		}

		.services-fluid .row.imageLeft > div:last-child {
			padding: 5%;
		}

		.services-fluid .row.imageRight > div:first-child {
			padding: 5%;
		}
	/*homepage*/
	.home-video {
		background: url('../Images/hero-lg.jpg') no-repeat center;
		background-size: cover;
		overflow: hidden;
		position: relative;
		display: table;
		width: 100%;
	}

		.home-video .hero-text {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			background: rgba(32,32,32,0.74);
			position: relative;
			z-index: 2;
		}

			.home-video .hero-text h1 {
				color: #0c5a09;
				font-size: 60px;
				margin: 0 0 40px;
			}

				.home-video .hero-text h1 span {
					font-size: 72px;
					font-weight: 700;
				}

			.home-video .hero-text h2 {
				color: #0c5a09;
				font-size: 36px;
				margin: 0 0 110px;
			}

			.home-video .hero-text a {
				color: #FFF;
				display: inline-block;
				width: 300px;
				height: 70px;
				line-height: 70px;
				text-align: center;
				font-size: 24px;
				border: 2px solid #FFF;
			}

		.home-video video {
			width: 100%;
			position: absolute;
			bottom: 0px;
			z-index: 1;
		}

	.flexible-options {
		padding: 90px 0px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

		.flexible-options:after {
			content: '';
			display: block;
			background: #dddddd;
			width: 200%;
			height: 3px;
			position: absolute;
			z-index: -1;
			top: 0px;
			right: 0px;
			-ms-transform: rotate(-27deg);
			-ms-transform-origin: 100% 0%;
			-webkit-transform: rotate(-27deg);
			-webkit-transform-origin: 100% 0%;
			transform: rotate(-27deg);
			transform-origin: 100% 0%;
		}

		.flexible-options h2 {
			margin-bottom: 70px;
		}

		.flexible-options h3 {
			color: #0c5a09;
			font-weight: 700;
			font-size: 24px;
			line-height: 80px;
		}

		.flexible-options a {
			display: inline-block;
			border: 2px solid #1c1c1c;
			width: 140px;
			height: 47px;
			line-height: 47px;
			color: #1c1c1c;
			font-size: 18px;
			margin-top: 40px;
		}

	.qode-quality.home h2 {
		margin-bottom: 15%;
		text-align: left;
		padding-left: 15px;
	}

	.qode-quality.home p {
		padding: 0px 15px;
	}

	.qode-quality.home a {
		margin-left: 15px;
	}

	.try-qode {
		text-align: center;
		padding: 125px 0px 165px;
		position: relative;
		overflow: hidden;
	}

		.try-qode:after {
			content: '';
			display: block;
			background: #dddddd;
			width: 200%;
			height: 3px;
			position: absolute;
			z-index: -1;
			top: 0px;
			left: 0px;
			-ms-transform: rotate(24deg);
			-ms-transform-origin: 0% 0%;
			-webkit-transform: rotate(24deg);
			-webkit-transform-origin: 0% 0%;
			transform: rotate(24deg);
			transform-origin: 0% 0%;
		}

		.try-qode h2 {
			font-size: 48px;
			margin-bottom: 40px;
			line-height: 70px;
		}

			.try-qode h2 span {
				background: #0c5a09;
				display: inline-block;
				padding-left: 15px;
			}

		.try-qode h3 {
			color: #0c5a09;
			font-size: 36px;
			margin-bottom: 80px;
		}

		.try-qode a {
			color: #1c1c1c;
			display: inline-block;
			width: 300px;
			height: 70px;
			line-height: 70px;
			text-align: center;
			font-size: 24px;
			border: 2px solid #1c1c1c;
		}

	.meet-qode {
		background: #0c5a09;
	}

		.meet-qode img {
			width: 100%;
		}

		.meet-qode h2 {
			margin-bottom: 15%;
		}

		.meet-qode .row {
			margin: 0px;
		}

			.meet-qode .row > div {
				padding: 0px;
			}

	.overlay-talent {
		position: absolute;
		background: rgba(10,213,211,0.48);
		z-index: 1;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		text-align: center;
		color: #FFF;
		opacity: 0;
		-webkit-transition: all 0.3s ease 0.15s;
		-moz-transition: all 0.3s ease 0.15s;
		transition: all 0.3s ease 0.15s;
	}

	.meet-qode .talent:hover .overlay-talent {
		opacity: 1;
	}

	.overlay-talent h3 {
		font-size: 24px;
		font-weight: 300;
		margin-top: 90%;
		margin-bottom: 20px;
	}

	.overlay-talent h4 {
		font-size: 18px;
		font-weight: 700;
	}

	/*portfolio*/

	.portfolio .default-title {
		text-align: center;
		font-size: 36px;
		margin-bottom: 10px;
	}

	.portfolio .secondary-title {
		text-align: center;
		margin: 0 0 50px;
		font-size: 18px;
	}

	.portfolio-item {
		position: relative;
	}

		.portfolio-item img {
			width: 100%;
			cursor: pointer;
		}

		.portfolio-item .portfolio-inner {
			position: absolute;
			top: 0px;
			left: 0px;
			background: rgba(10,213,211,0.47);
			width: 100%;
			color: #FFF;
			padding: 25px 25px 25px 40px;
		}

			.portfolio-item .portfolio-inner button {
				border: none;
				background: transparent;
				margin-top: 10px;
			}

			.portfolio-item .portfolio-inner h3 {
				margin: 0 0 20px -30px;
				font-size: 24px;
			}

				.portfolio-item .portfolio-inner h3 i {
					margin-right: 5px;
				}

			.portfolio-item .portfolio-inner span {
				display: inline-block;
				padding: 7px 14px;
				background: #FFF;
				color: #0c5a09;
				font-weight: 700;
				font-size: 14px;
				margin-right: 13px;
			}

	.portfolio-tabs .tab-pane .row {
		margin: 0px;
	}

	.portfolio-tabs .tab-pane > .row > div {
		padding: 0px;
	}

	.portfolio .wiwet-qode-tabs .nav li.active a {
		font-weight: 300;
		padding: 0px;
		margin: 0px 30px;
		border-bottom: 3px solid #0c5a09;
	}

	.view-over {
		background: #0c5a09;
		color: #FFF;
		padding: 32px 0px !important;
	}

		.view-over h2 {
			font-size: 48px;
			margin: 0px;
		}

	.line-connect {
		text-align: center;
		position: relative;
	}

		.line-connect:after {
			content: '';
			display: block;
			width: 480px;
			margin-left: -240px;
			height: 2px;
			background: #FFF;
			position: absolute;
			top: 43px;
			left: 50%;
		}

	.view-over h4 span, .view-over p {
		font-weight: 700;
		font-size: 14px;
	}

	.view-over h4 {
		font-size: 36px;
		font-weight: 300;
	}

	.view-over p:after {
		content: '';
		display: block;
		width: 18px;
		height: 18px;
		background: #FFF;
		border-radius: 50%;
		margin: 0 auto;
	}


	.wait05 {
		-webkit-animation-delay: 0.5s !important;
		animation-delay: 0.5s !important;
	}

	.wait06 {
		-webkit-animation-delay: 0.6s !important;
		animation-delay: 0.6s !important;
	}

	.wait07 {
		-webkit-animation-delay: 0.7s !important;
		animation-delay: 0.7s !important;
	}

	.wait08 {
		-webkit-animation-delay: 0.8s !important;
		animation-delay: 0.8s !important;
	}

	.wait09 {
		-webkit-animation-delay: 0.9s !important;
		animation-delay: 0.9s !important;
	}

	.wait1 {
		-webkit-animation-delay: 1s !important;
		animation-delay: 1s !important;
	}

	.wait2 {
		-webkit-animation-delay: 2s !important;
		animation-delay: 2s !important;
	}

	.wait3 {
		-webkit-animation-delay: 3s !important;
		animation-delay: 3s !important;
	}

	.wait4 {
		-webkit-animation-delay: 4s !important;
		animation-delay: 4s !important;
	}


	.scrollup {
		width: 50px;
		height: 50px;
		line-height: 48px;
		text-align: center;
		position: fixed;
		bottom: 50px;
		right: 50px;
		display: none;
		background: #080b94;
		color: #FFF;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
		z-index: 9999;
	}

		.scrollup i {
			font-size: 1em;
		}

		.scrollup:hover {
			border-radius: 50%;
			color: #FFF;
			background: #1c1c1c;
		}

	.portfolio-modal .modal-dialog img {
		width: 100%;
	}

	.portfolio-modal .modal-dialog {
		width: 60%;
	}

	.portfolio-modal .modal-header {
		padding: 0px;
		position: relative;
		border: none;
	}

	.portfolio-modal .modal-content {
		border-radius: 0px;
		border: none;
	}

	.portfolio-modal .modal-dialog .close {
		background: #0c5a09;
		width: 45px;
		height: 45px;
		line-height: 36px;
		opacity: 1;
		color: #FFF;
		text-shadow: none;
		font-size: 4em;
		font-weight: 300;
		position: absolute;
		border-radius: 50%;
		top: 15px;
		right: 15px;
		float: none;
		display: block;
		text-align: center;
	}