a, a:hover {
	text-decoration: none
}
input, label, select, textarea {
	vertical-align: middle
}
*, ol, ul {
	padding: 0
}
img, td, th {
	vertical-align: top
}
*, body {
	margin: 0
}
.navigation .next, dl dt {
	float: left
}
* {
	max-height: 100000px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
address, applet, blockquote, dl, embed, form, frameset, h1, h2, h3, h4, h5, h6, iframe, object, ol, p, table, ul {
	margin: 0 0 14px
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, frameset, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	border: 0;
	background: 0 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block
}
html {
	background: #0c2e36
}
body {
	background: #fff;
	color: #333;
	font: 16px/26px Roboto, sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100%
}
#wrapper {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease
}
a {
	color: #1a8d95;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
a:hover {
	color: #212121;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
a:active {
	background-color: transparent
}
img {
	border: 0;
	display: inline-block;
	max-width: 100%;
	height: auto
}
input, select, textarea {
	font: 100% effralight, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto
}
button, input {
	width: auto;
	overflow: visible
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4
}
b, h1, h2, h3, h4, h5, h6, strong, th {
	font-family: 'Roboto Slab', serif;
	font-weight: 700
}
h1 {
	font-size: 200%
}
h2 {
	font-size: 150%
}
h3 {
	font-size: 120%
}
h4 {
	font-size: 110%
}
h5 {
	font-size: 100%
}
h6 {
	font-size: 90%
}
address, cite, dfn, em, i, var {
	font-style: italic
}
ins, u {
	text-decoration: underline
}
del, s, strike {
	text-decoration: line-through
}
blockquote, blockquote:after, blockquote:before, q, q:after, q:before {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: ''
}
#content .article:after, #content:after, #opener span:after, #opener span:before, #sidebar .contact-box ul li:after, #sidebar .sidenav:after, .contact-form .row:after, .container:after, .detail-block .block>ul>li:after, .footer-nav li:after, .info-section:after, .map-holder .contact-area ul a:after, .map-holder .contact-area ul li:after, .portfolio-section .caption ul li:after, .quote-section .pagination li a:after, .quote-section blockquote:before, .sidenav ul li.active a:after, .sidenav ul li:hover a:after, .sidenav ul:after, .step .row:after, .worklist>li .img-holder ul li:after {
	content: ""
}
caption, table, tbody, td, tfoot, th, thead, tr {
	border-collapse: collapse;
	border-spacing: 0
}
ol, ul {
	list-style: none;
	margin: 0 15px 0 0
}
td, th {
	border: 1px solid #ccc;
	padding: 3px 7px;
	text-align: left
}
.aligncenter, th {
	text-align: center
}
th {
	border-color: #999;
	vertical-align: middle
}
ul {
	margin-left: 1px
}
ol ol, ol ul, ul ol, ul ul {
	padding-left: 18px;
	margin: 0
}
ol li, ul li {
	list-style-position: inside
}
ul>li {
	list-style-type: disc
}
dl dt {
	clear: left;
	padding-right: 4px;
	font-weight: 700
}
.comment-form input[type=text], .comment-form textarea, .searchform input[type=text] {
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 4px 0 0;
	padding: 3px 4px;
	width: 300px
}
.searchform input[type=text] {
	width: 200px
}
.commentlist {
	margin: 0 0 14px
}
.commentlist .edit-link {
	margin: 0
}
.commentlist-item .commentlist-item {
	padding: 0 0 0 24px
}
.comment, .commentlist-holder {
	overflow: hidden
}
.commentlist-item .commentlist-item, .commentlist-item+.commentlist-item {
	padding-top: 14px
}
.commentlist .avatar-holder {
	float: left;
	margin: 0 14px 4px 0
}
.comment-form label {
	display: block;
	padding-bottom: 4px
}
.comment-form textarea {
	padding: 3px 4px;
	overflow: auto;
	margin: 0;
	height: 120px
}
.navigation {
	overflow: hidden
}
.navigation .prev {
	float: right
}
#nav, #nav .slide {
	text-align: right
}
img.aligncenter {
	display: block;
	margin: 0 auto
}
.alignleft {
	float: left!important
}
.alignright {
	float: right!important
}
img {
	border-style: none
}
input[type=image] {
	padding: 0;
	border: none
}
input[type=submit] {
	-webkit-appearance: none
}
input[type=file], input[type=password] {
	-webkit-appearance: none;
	-webkit-border-radius: 0!important;
	-ms-border-radius: 0!important;
	border-radius: 0!important
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
-webkit-appearance:none
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box
}
::-webkit-input-placeholder {
color:#212121
}
::-moz-placeholder {
opacity:1;
color:#212121
}
:-moz-placeholder {
color:#212121
}
#wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 88px 0 0
}
.container {
	max-width: 1021px;
	margin: 0 auto;
	padding: 0 10px
}
.container:after {
	display: block;
	clear: both
}
#header {
	position: fixed;
	z-index: 9999;
	left: 0;
	right: 0;
	top: 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4NTE1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iIzEwNDM1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTNjNDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) #18515d;
	background: -moz-linear-gradient(top, #18515d 0, #104350 57%, #0e3c48 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18515d), color-stop(57%, #104350), color-stop(100%, #0e3c48));
	background: -webkit-linear-gradient(top, #18515d 0, #104350 57%, #0e3c48 100%);
	background: -o-linear-gradient(top, #18515d 0, #104350 57%, #0e3c48 100%);
	background: -ms-linear-gradient(top, #18515d 0, #104350 57%, #0e3c48 100%);
	background: linear-gradient(to bottom, #18515d 0, #104350 57%, #0e3c48 100%);
	width: 100%;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.75);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.75);
	box-shadow: 0 1px 5px rgba(0,0,0,.75);
	padding: 14px 0 20px;
	min-height: 88px;
}
.logo {
	float: left;
	width: 134px;
	height: 54px;
	display:table;
	padding-top: 5px;
}
.logo a{
	color:#fff;
	font-weight:bold;
	font-size: 20px;
	letter-spacing: 1px;
	display: table-cell;
	vertical-align: middle;
}
.logo img {
	display: block;
	width: 100%;
	height: auto;
}
#nav {
	overflow: hidden;
	padding: 10px 0 0
}
#nav .slide {
	padding: 12px 0 0;
	margin: 0;
	font: 15px/18px 'Roboto Slab', serif;
	text-transform: uppercase
}
#nav .slide li {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	margin: 0 0 0 2%
}
#nav .slide li a {
	color: #fff;
	display: block;
	text-shadow: 1px 1px rgba(0,0,0,.28)
}
#nav .slide li a:hover, #nav .slide li.active a {
	color: #69f5ff
}
#nav .slide li.item a {
	background: url(../images/file-icon.png) 0 center no-repeat;
	padding-left: 20px;
	font-weight: 700;
	color: #ff9629
}
#nav .slide li.item a:hover {
	color: #fff
}
#opener {
	height: 15px;
	margin: 13px auto 0;
	position: absolute;
	right: 20px;
	width: 28px;
	z-index: 9999;
	top: 25px;
	display: none
}
#opener span:after, #opener span:before {
	position: absolute;
	left: 0;
	top: -9px
}
#opener span:after {
	top: 9px
}
#opener span {
	position: relative;
	display: block
}
#opener span, #opener span:after, #opener span:before {
	width: 100%;
	height: 5px;
	background-color: #fff;
	transition: all .3s;
	backface-visibility: hidden;
	border-radius: 2px
}
#nav.active #opener span {
	background-color: transparent
}
#opener:focus {
	outline: 0
}
.home #header, .visual {
	background: #10404c;
	position: relative
}
#nav.active #opener span:before {
	transform: rotate(45deg) translate(5px, 5px)
}
#nav.active #opener span:after {
	transform: rotate(-45deg) translate(7px, -8px)
}
#wrapper.home {
	padding-top: 0
}
.home #header {
	box-shadow: none
}
.visual {
	width: 100%
}
.visual .container {
	padding: 50px 0 80px;
	position: relative;
	background: url(../images/cloud.png) right bottom no-repeat
}
.visual img {
	float: right;
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-right: -35px
}
.visual .caption {
	top: 174px;
	color: #fff;
	position: absolute;
	left: 10px;
	right: 0;
	max-width: 550px;
	z-index: 99
}
.visual h1 {
	font-size: 32px;
	line-height: 42px;
	margin: 0 0 24px
}
.visual .btn-quote, .visual .btn-view {
	display: inline-block;
	vertical-align: top;
	min-width: 150px;
	color: #fff;
	font-size: 16px;
	line-height: 19px;
	padding: 13px 15px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
	box-sizing: border-box
}
.visual .btn-holder {
	overflow: hidden
}
.visual .btn-view {
	background: #124b56;
	margin: 0 18px 0 0
}
.visual .btn-quote, .visual .btn-view:hover {
	background: #ed8f2a
}
.col-holder .col, .worklist>li {
	-webkit-box-sizing: border-box
}
.visual .btn-quote:hover {
	background: #124b56
}
.col-holder .col, .info-section {
	background: #fff;
	position: relative
}
.info-section {
	margin: 0 0 15px
}
.info-section:after {
	display: block;
	clear: both
}
.col-holder {
	float: left;
	clear: both;
	margin: 92px -1% 30px
}
.col-holder .col {
	text-align: center;
	float: left;
	width: 23%;
	margin: 0 1% 20px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 0 #d3d3d3;
	box-shadow: 0 0 2px 0 #d3d3d3;
	border: 1px solid #d3d3d3;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 20px 65px
}
.col-holder .header {
	overflow: hidden
}
.col-holder .header .img-holder {
	display: table;
	width: 100%;
	height: 65px;
	margin: 0 0 11px
}
.col-holder .header .frame {
	display: table-cell;
	vertical-align: middle
}
.col-holder .header img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto
}
.col-holder .header h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 15px
}
.col-holder .text {
	overflow: hidden;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300
}
.col-holder .text p {
	margin: 0 0 20px
}
.col-holder .btn-more {
	position: absolute;
	bottom: 35px;
	left: 39%;
	background: #1a8d95;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	width: 180px;
	font-size: 14px;
	line-height: 21px;
	padding: 7px;
	border-radius: 5px;
	margin: 0 0 0 -70px
}
.col-holder .btn-more:hover {
	background: #0a5257
}
.portfolio-section {
	background: #e9f8ff;
	overflow: hidden;
	clear: both;
	text-align: center;
	padding: 72px 0 90px
}
.portfolio-section .header {
	text-align: center;
	overflow: hidden;
	margin: 0 0 30px
}
.portfolio-section h2 {
	color: #000;
	font-size: 48px;
	line-height: 40px;
	margin: 0 0 3px
}
.portfolio-section h2 span {
	font-weight: 100;
	display: inline-block;
	vertical-align: top
}
.portfolio-section .caption ul li:first-child:after, .portfolio-section .img-holder a img.img-hover {
	display: none
}
.portfolio-section .section {
	overflow: hidden;
	text-align: left;
	margin: 0 0 30px
}
.portfolio-section .col {
	float: right;
	width: 49%
}
.portfolio-section .col:first-child {
	float: left
}
.portfolio-section .col .img-holder {
	position: relative
}
.portfolio-section .col .caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	padding: 10px 25px;
	color: #000;
	background: rgba(255,255,255,.5);
	font-weight: 700;
	text-transform: uppercase
}
.portfolio-section .col .caption h3 {
	font: 26px/30px Roboto, sans-serif;
	margin: 0 0 12px
}
.portfolio-section .caption ul {
	padding: 0;
	margin: 0 0 12px;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px
}
.portfolio-section .caption ul li {
	float: left;
	position: relative;
	list-style: none;
	padding: 0 0 0 12px;
	margin: 0 10px 0 0
}
.portfolio-section .caption ul li:after {
	position: absolute;
	left: 0;
	top: 1px;
	background: grey;
	width: 1px;
	height: 13px
}
.portfolio-section .caption ul li:first-child {
	padding: 0
}
.portfolio-section .img-holder a ul li {
	color: #000
}
.portfolio-section .imgs {
	padding: 0;
	margin: 0 -1%;
	overflow: hidden;
	text-transform: capitalize
}
.portfolio-section .imgs li {
	float: left;
	margin: 0 1.5% 20px;
	width: 47%;
	list-style: none;
	position: relative
}
.portfolio-section .imgs li img {
	display: block
}
.portfolio-section .img_wrapper {
	vertical-align: top
}
.portfolio-section .btn-more {
	display: inline-block;
	vertical-align: top;
	background: #1a8d95;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 12px 33px;
	text-transform: uppercase;
	border-radius: 5px;
	font-family: 'Roboto Slab', serif
}
.portfolio-section .btn-more:hover {
	background: #0a5257
}
.testimonial-section {
	overflow: hidden
}
.testimonial-section .heading {
	text-align: center;
	overflow: hidden;
	margin: 0 0 35px
}
.testimonial-section .heading h2 {
	margin: 0 0 10px;
	font-size: 28px;
	line-height: 34px
}
.testimonial-section .heading h2 span {
	font-weight: 400
}
.slideshow {
	position: relative;
	margin: 0
}
.slideshow .slideset {
	position: relative;
	width: 100%
}
.slideshow .slideset .slide {
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.slideshow .slideset .slide.active {
	z-index: 2
}
.slideshow .btn-next, .slideshow .btn-prev {
	background: url(../images/sprite.png) -74px -8px no-repeat rgba(0,0,0,0);
	left: 0;
	height: 21px;
	width: 10px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 999;
	top: 50%;
	margin-top: -10px;
	position: absolute
}
.slideshow .btn-next {
	background-position: -94px -8px;
	right: 0;
	left: auto
}
.slideshow .btn-prev:hover {
	background-position: -74px -31px
}
.slideshow .btn-next:hover {
	background-position: -94px -31px
}
.quote-section {
	position: relative;
	margin: 0;
	padding: 35px 40px 55px
}
.quote-section .img-holder {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	margin: 0 10px 0 0
}
.quote-section .img-holder img {
	border-radius: 50%;
	opacity: 1!important
}
.quote-section blockquote:before {
	background: url(../images/sprite.png) -4px -6px no-repeat;
	width: 57px;
	height: 45px;
	display: block;
	margin: auto
}
.quote-section blockquote {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	color: #666;
	text-align: center
}
.quote-section blockquote q {
	display: block;
	font: 24px/34px 'Roboto Slab', serif;
	margin: 24px 0 32px;
	word-wrap: break-word
}
.client-testimonials ul li blockquote, .columns .col .btn-more {
	font-family: "Roboto Slab", serif
}
.quote-section blockquote cite {
	font-weight: 300;
	font-style: italic;
	display: inline-block;
	vertical-align: middle
}
.quote-section .pagination {
	overflow: hidden;
	clear: both;
	text-align: center;
	position: relative;
	margin: 20px auto 0
}
.quote-section .pagination ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center
}
.quote-section .pagination li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 6px
}
.quote-section .pagination li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	border-radius: 50%;
	background: #ccc;
	width: 15px;
	height: 15px;
	position: relative
}
.quote-section .pagination li a:after {
	background: #1a8d95;
	border-radius: 50%;
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
.quote-section .pagination li a:hover:after, .quote-section .pagination li.active a:after {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1)
}
.bottom-section {
	overflow: hidden;
	width: 100%;
	background: #ececec;
	padding: 50px 0
}
.bottom-section .slider {
	overflow: hidden
}
.slider .btn-next, .slider .btn-prev {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 25px 0 0;
	background: url(../images/sprite.png) -74px -8px no-repeat;
	width: 10px;
	height: 21px
}
.slider .btn-next {
	float: right;
	margin: 0 0 0 25px;
	background-position: -94px -8px
}
.slider .btn-prev:hover {
	background-position: -74px -31px
}
.slider .btn-next:hover {
	background-position: -94px -31px
}
.slider .mask {
	overflow: hidden
}
.slider .slideset {
	float: left;
	width: 9999px
}
.slider .slide {
	float: left;
	margin: 0 43px 0 0
}
.slider .slide img {
	opacity: .3;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all .5s ease 0s
}
.slider .slide img.hover {
	opacity: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}
#footer {
	overflow: hidden;
	background: #0c2e36
}
.footer-t {
	width: 100%;
	overflow: hidden;
	background: #0f3943;
	padding: 47px 0 40px
}
.columns {
	overflow: hidden;
	margin: 0 -1%
}
.columns .col {
	float: left;
	width: 31%;
	margin: 0 1%;
	padding: 0 0 50px;
	position: relative;
	color: #fff;
	font-size: 14px;
	line-height: 22px
}
.columns .col .btn-more {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #1a8d95;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 16px;
	text-transform: capitalize;
	border-radius: 5px
}
.columns .col .btn-more:hover {
	background: #0a5257
}
.columns .col h3 {
	margin: 0 0 18px;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-transform: capitalize
}
.copyright, .footer-nav, .social-area .title {
	font-size: 14px;
	line-height: 18px
}
.columns .col p {
	margin: 0 0 14px
}
.footer-b {
	width: 100%;
	padding: 30px 0
}
.footer-nav {
	float: left;
	padding: 0;
	margin: 0;
	text-transform: capitalize
}
.footer-nav li {
	float: left;
	list-style: none;
	position: relative;
	padding: 0 0 0 11px;
	margin: 0 9px 0 0
}
.footer-nav li:after {
	position: absolute;
	left: 0;
	top: 3px;
	background: #2a515a;
	width: 1px;
	height: 12px
}
.footer-nav li:first-child {
	padding: 0
}
.footer-nav li:first-child:after {
	display: none
}
.footer-nav li a {
	color: #fff
}
.footer-nav li a:hover {
	color: #1a8d95
}
.copyright, .copyright a {
	color: #fff
}
.social-area {
	float: right
}
.social-area .title {
	float: left;
	color: #fff
}
.social-area .social-networks {
	float: left;
	padding: 0;
	margin: 0
}
.social-area .social-networks li {
	float: left;
	list-style: none;
	margin: 0 0 0 10px
}
.social-area .social-networks li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/sprite.png) no-repeat;
	width: 16px;
	height: 16px
}
.social-area .social-networks li a:hover {
	margin-top: -3px
}
.social-area .social-networks li.twitter a {
	background-position: -113px -11px
}
.social-area .social-networks li.googleplus a {
	background-position: -140px -11px
}
.social-area .social-networks li.facebook a {
	background-position: -166px -11px
}
.social-area .social-networks li.linkedin a {
	background-position: -113px -30px
}
.copyright {
	display: block;
	overflow: hidden;
	text-align: center;
	padding: 0 5px
}
.worklist>li, .worklist>li .img-holder ul li {
	display: inline-block;
	vertical-align: top;
	-moz-box-sizing: border-box
}
.copyright a:hover {
	color: #1a8d95
}
.work-section {
	padding: 60px 0 80px;
	background: #ececec
}
.main-heading {
	overflow: hidden;
	text-align: center;
	padding: 0 5% 45px
}
.main-heading h1 {
	margin: 0 0 10px;
	color: #000;
	font-size: 30px;
	line-height: 41px;
	font-weight: 400;
	text-align: center
}
.worklist {
	padding: 0;
	margin: 0 -1%;
	overflow: hidden
}
.worklist>li {
	width: 48%;
	margin: 0 .7% 20px 1%;
	list-style: none;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #c7c7c7;
	box-sizing: border-box;
	background: #fff;
	padding: 3px 3px 19px
}
.worklist>li .img-holder {
	overflow: hidden;
	position: relative;
	margin: 0 0 17px
}
.worklist>li .img-holder .list-holder {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 30px;
	background: rgba(9,37,44,.9);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear .5s, opacity .5s linear
}
.worklist>li .img-holder.hover .list-holder {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s
}
.worklist>li .img-holder ul {
	padding: 0;
	margin: 0;
	overflow: hidden
}
.worklist>li .img-holder ul li {
	margin: 0 0 -1px -4px;
	position: relative;
	width: 33%;
	border-bottom: 1px solid #495e63;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 35px 5px 12px
}
#content, #sidebar {
	-moz-box-sizing: border-box
}
.worklist>li .img-holder ul li:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 9999px;
	background: #495e63
}
.worklist>li .img-holder a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	font: 700 13px/18px 'Open Sans', sans-serif
}
.contact-form input[type=submit], .map-holder .contact-area address, .map-holder .contact-area ul a, .step input[type=submit], .worklist li .btn-view {
	font-family: "Roboto Slab", serif
}
.worklist>li .img-holder ul li .img-box {
	height: 70px;
	display: table;
	width: 100%;
	margin: 0 0 22px
}
.worklist>li .img-holder ul li .holder {
	display: table-cell;
	vertical-align: middle
}
.worklist>li .info-box {
	overflow: hidden;
	padding: 0 13px 0 21px
}
.worklist li .site-link {
	float: left;
	color: #000;
	font-size: 18px;
	line-height: 22px;
	margin: 7px 7px 0 0
}
.worklist li .site-link:hover {
	color: #1a8d95
}
.worklist li .btn-view {
	float: right;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 14px;
	font-size: 13px;
	line-height: 19px;
	background: #1a8d95;
	border-radius: 5px;
	font-weight: 700
}
.worklist li .btn-view:hover {
	background: #0a5257
}
#main {
	width: 100%;
	overflow: hidden
}
#sidebar {
	float: left;
	width: 25.3%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 30px 0 0;
	position: relative;
	z-index: 99
}
#sidebar h2 {
	color: #333;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 12px
}
#sidebar .sidenav {
	width: 100%;
	margin: 0 0 45px
}
.sidenav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 16px;
	line-height: 22px
}
.sidenav ul:after {
	display: block;
	clear: both
}
.sidenav ul li {
	list-style: none;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none
}
.sidenav ul li.active, .sidenav ul li:hover {
	margin: 0 0 0 -14px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none
}
.sidenav ul li a {
	display: block;
	position: relative;
	padding: 9px 0 8px;
	border-bottom: 1px solid #e5e5e5;
	color: #333;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none
}
.sidenav ul li.active a, .sidenav ul li:hover a {
	padding: 9px 0 9px 14px;
	background: #0f414e;
	color: #fff;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	border: 0
}
#content .article .btn-quote, #content .content-box .box .btn-quote {
	border-radius: 5px;
	vertical-align: top;
	font-family: "Roboto Slab", serif;
	text-transform: uppercase
}
.sidenav ul li.active a:after, .sidenav ul li:hover a:after {
	position: absolute;
	right: -44px;
	top: 0;
	z-index: 99;
	background: url(../images/sprite.png) -193px -10px no-repeat;
	width: 44px;
	height: 40px
}
#sidebar .sidenav:after {
	display: block;
	clear: both
}
#sidebar .contact-box {
	overflow: hidden;
	margin: 0 0 58px
}
#sidebar .contact-box h2 {
	margin: 0 0 25px
}
#sidebar .contact-box ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 13px;
	line-height: 18px
}
#sidebar .contact-box ul li {
	list-style: none;
	overflow: hidden;
	position: relative;
	padding: 0 0 8px 35px
}
#sidebar .contact-box ul li:after {
	position: absolute;
	left: 0;
	top: 3px;
	background: url(../images/sprite.png) -254px -37px no-repeat;
	width: 19px;
	height: 12px
}
#sidebar .contact-box ul li.tel-holder:after {
	background-position: -256px -10px;
	width: 15px;
	height: 15px;
	top: 1px
}
#sidebar .contact-box ul li a {
	color: #333
}
#sidebar .client-testimonials {
	overflow: hidden
}
#sidebar .client-testimonials h2 {
	margin: 0 0 20px
}
.client-testimonials ul {
	padding: 0;
	margin: 0;
	overflow: hidden
}
.client-testimonials ul li {
	list-style: none;
	margin: 0 0 30px
}
.client-testimonials blockquote {
	margin: 0;
	quotes: none;
	color: #666;
	font-size: 13px;
	line-height: 18px
}
.client-testimonials blockquote q {
	quotes: none;
	font-style: italic;
	display: block;
	margin: 0 0 18px
}
.client-testimonials blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 700
}
#content {
	float: right;
	width: 74.7%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #ececec;
	position: relative
}
#content .article:after, #content:after {
	width: 9999px;
	left: 0;
	top: 0
}
#content:after {
	position: absolute;
	background: #ececec;
	height: 9999px
}
#content .content-holder {
	position: relative;
	z-index: 55
}
#content .article {
	position: relative;
	background: #1a8d95
}
#content .article:after {
	position: absolute;
	background: #1a8d95;
	height: 100%
}
#content .article .holder {
	position: relative;
	z-index: 99;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px 50px
}
#content .article h1 {
	font-size: 35px;
	line-height: 40px;
	margin: 0 0 20px;
	text-transform: uppercase
}
#content .article p {
	margin: 0 0 20px;
	line-height: 23px
}
#content .article a {
	color: #212121
}
#content .article a:hover {
	color: #FFF
}
#content .article .btn-quote {
	display: inline-block;
	background: #ed8f2a;
	font-size: 16px;
	line-height: 21px;
	padding: 12px 25px;
	color: #fff
}
#content .article .btn-quote:hover {
	background: #d2791a
}
#content .content-box {
	overflow: hidden;
	padding: 30px 0 50px 50px
}
#content .content-box h2 {
	margin: 0 0 30px;
	color: #333;
	font-size: 26px;
	font-weight: 700;
	line-height: 32px
}
#content .content-box p {
	margin: 0 0 30px
}
#content .content-box .info.add {
	margin: 0 0 50px;
	border-bottom: 1px solid #c8c8c8
}
#content .content-box .info {
	overflow: hidden;
	padding: 0 0 25px
}
#content .content-box .box {
	display: inline-block;
	vertical-align: top;
	background: #0f414e;
	padding: 25px 20px 25px 30px;
	color: #fff;
	margin: 0 0 55px
}
#content .content-box .box h3 {
	float: left;
	max-width: 70%;
	font-size: 20px;
	line-height: 45px;
	font-weight: 400;
	font-style: italic;
	margin: 0 30px 0 0
}
#content .content-box .box .btn-quote {
	display: inline-block;
	background: #ed8f2a;
	font-size: 16px;
	line-height: 21px;
	padding: 12px 25px;
	color: #fff
}
#content .content-box .box .btn-quote:hover {
	background: #d2791a
}
.header-section {
	overflow: hidden;
	text-align: center;
	color: #fff;
	background: #1a8d95;
	padding: 65px 0;
	margin: 0 0 45px
}
.thank-you-page .header-section {
	margin: 0
}
.header-section .container {
	padding: 0 7%
}
.header-section h1 {
	color: #fff;
	font-size: 40px;
	line-height: 44px;
	text-transform: uppercase;
	margin: 0 0 30px
}
.contact-email {
	font-size:25px;
	color: #ff9629;
	font-weight:700;
}
.header-section .container p span {
	display: block
}
.contact-form {
	padding: 0 0 30px;
	margin: 0
}
.contact-form h2 {
	text-align: center;
	color: #212121;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 35px;
	font-weight: 700
}
.contact-form .row {
	width: 100%;
	margin: 0 0 21px;
	position: relative
}
.contact-form .row:after {
	display: block;
	clear: both
}
.contact-form .col {
	float: left;
	width: 32%;
	margin: 0 0 0 2%;
	position: relative
}
.contact-form .col:first-child {
	margin: 0
}
.contact-form .col.donate:first-child{
	width:75%;
}
.contact-form .col.donate{
	width:25%;
	margin:0;
	padding:0 10px;
}
.contact-form .col.donate input[type="submit"], 
.contact-form .col.donate button[type="submit"]{
	width:100%;
	line-height:46px;
}
.contact-form .col.donate input[type=text]{
	height: 60px;
	padding:10px 100px 10px 90px;
	border-radius:4px;
	outline:none;
}
.contact-form .col.donate input[type=text]:focus{
	box-shadow:none;
}
.contact-form .col.donate .ico-required.price{
	right:auto;
	left:0;
	background: rgb(234,234,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom:0;
	height:100%;
	width:64px;
	border-radius:4px 0 0 4px;
	text-indent:inherit;
	text-align:center;
	font-size:28px;
	line-height:58px;
	color:#000;
}
.contact-form .col.donate .ico-required.logo{
	background:none;
	height: auto;
	right: 34px;
	top: 29%;
	width: 104px;
	opacity:0.5;
}
.contact-form .col.donate .ico-required.logo img{
	max-width:100%;
	height:auto;
}
.contact-form .col .email, .contact-form .col input[type=tel], .contact-form .col input[type=text], .contact-form textarea {
	float: left;
	width: 100%;
	border: 1px solid #d2d2d2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	color: #212121;
	padding: 10px 15px;
	height: 40px;
	-webkit-box-shadow: 1px 1px 1px #efefef;
	-moz-box-shadow: 1px 1px 1px #efefef;
	box-shadow: 1px 1px 1px #efefef;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
.contact-form .col .email:focus, .contact-form .col input[type=tel]:focus, .contact-form .col input[type=text]:focus, .contact-form textarea:focus {
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-box-shadow: 0 0 10px #d2d2d2;
	-moz-box-shadow: 0 0 10px #d2d2d2;
	box-shadow: 0 0 10px #d2d2d2
}
.contact-form textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 225px;
	min-height: 225px;
	max-height: 225px;
	resize: none
}
.contact-form .btn-holder {
	text-align: center;
	overflow: hidden;
	margin: 0 0 20px
}
.btn-text{
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;
	font-family: "Roboto Slab",serif;
}
.svg-tag{
	margin:12px 5px -1px 0;
	display:inline-block;
	vertical-align:middle;
}
.contact-form input[type=submit],
.contact-form button[type=submit] {
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	background: #ed8f2a;
	border: 0;
	padding: 0 20px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
.contact-form input[type=submit]:hover ,
.contact-form button[type=submit]:hover {
	background: #d2730d;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
.row .ico-required {
	background: url(../images/ico-required.png) no-repeat rgba(0,0,0,0);
	top: 0;
	height: 18px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	width: 18px;
	z-index: 10
}
.row input.hightlight, textarea.hightlight {
	border: 1px solid red!important
}
.done {
	text-align: center;
	display: none
}
.map-holder {
	position: relative;
	overflow: hidden;
	background: url(../images/img16.jpg) center center no-repeat;
	background-size: cover;
	padding: 100px 0 175px;
	text-align: center
}
.map-holder img {
	width: 100%;
	height: auto
}
.map-holder .contact-area {
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	position: relative;
	margin: 0 1%
}
.map-holder .contact-area address {
	font-style: normal;
	text-align: center;
	color: #212121;
	font-size: 18px;
	line-height: 30px;
	padding: 30px 20px
}
.info-block h2, .map-holder .contact-area ul a {
	font-size: 18px;
	line-height: 22px;
	text-align: center
}
.map-holder .contact-area address span {
	display: block
}
.map-holder .contact-area .badge {
	color: #fff;
	display: inline-block;
	vertical-align: bottom;
	font-weight: 300;
	background: #ed8f2a;
	padding: 2px 10px;
	width: 120px
}
.map-holder .contact-area ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #114552
}
.map-holder .contact-area ul li {
	float: left;
	list-style: none;
	position: relative;
	width: 50%
}
.map-holder .contact-area ul li:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 9999px;
	background: #295864
}
.map-holder .contact-area ul li:first-child:after {
	display: none
}
.map-holder .contact-area ul a {
	color: #fff;
	display: block;
	position: relative;
	padding: 110px 10px 25px
}
.map-holder .contact-area ul a:hover {
	color: #ed8f2a
}
.map-holder .contact-area ul a:after {
	position: absolute;
	left: 50%;
	top: 32px;
	margin: 0 0 0 -27px;
	background: url(../images/sprite.png) -9px -69px no-repeat;
	width: 54px;
	height: 54px
}
.map-holder .contact-area ul .tel-holder a:after {
	background-position: -90px -63px;
	width: 37px;
	height: 66px;
	top: 26px;
	margin: 0 0 0 -19px
}
.container.services{
	max-width:1030px;
}
.info-block {
	overflow: hidden;
	margin: 0 0 50px
}
.info-block h2 {
	color: #212121;
	text-transform: uppercase;
	margin: 0 0 40px
}
.info-block ul {
	padding: 0;
	margin: 0 -.5%;
	overflow: hidden;
	text-align: center
}
.info-block ul li {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	margin: 0 .5% 50px;
	width: 155px;
	background: url(../images/bg-box.png) no-repeat;
	background-size: cover
}
.info-block ul li a {
	display: block;
	color: #212121;
	font-size: 16px;
	line-height: 20px;
	padding: 16px 10px 15px;
	text-align: center
}
.info-block ul li a:hover {
	color: #666
}
.info-block ul li .img-holder {
	display: table;
	width: 100%;
	height: 80px;
	margin: 0 0 5px
}
.info-block ul li .img-holder .frame {
	display: table-cell;
	vertical-align: middle
}
.info-block ul li a .text {
	display: block
}
.team-section {
	overflow: hidden;
	background: #f3f3f3;
	padding: 50px 0 35px;
	margin: 0 0 50px
}
.team-section h2 {
	text-align: center;
	color: #212121;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	margin: 0 0 40px
}
.team-section ul {
	overflow: hidden;
	padding: 0;
	margin: 0 -1%;
	text-align: center
}
.team-section ul li {
	display: inline-block;
	vertical-align: top;
	-webkit-box-shadow: 1px 1px 2px rgba(40,41,40,.15);
	box-shadow: 1px 1px 2px rgba(40,41,40,.15);
	width: 23%;
	margin: 0 .7% 30px 1%;
	background: #fff
}
.team-section ul li .text {
	overflow: hidden;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 20px
}
.team-section ul li img {
	margin: 0 0 25px
}
.team-section ul li .text .name {
	display: block;
	font-weight: 400;
	color: #000
}
.team-section ul li .text .designation {
	display: block;
	color: #666
}
.testimonial-block {
	overflow: hidden;
	margin: 0 0 35px
}
.testimonial-block h2 {
	text-align: center;
	color: #212121;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	margin: 0 0 40px
}
.testimonial-block .slider {
	position: relative;
	overflow: hidden
}
.testimonial-block .slider .mask {
	overflow: hidden;
	width: 100%;
	margin: 0 0 40px
}
.testimonial-block .slider .slideset {
	float: left;
	width: 9999px
}
.testimonial-block .slider .slide {
	float: left;
	width: 100%;
	max-width: 1001px;
	padding: 0 30px;
	margin: auto;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.testimonial-block .slider blockquote {
	margin: 0;
	quotes: none;
	font-style: normal;
	color: #666;
	font-size: 14px;
	line-height: 24px
}
.step .header .sub-head, .step h2 {
	font-size: 24px;
	line-height: 30px;
	color: #212121
}
.testimonial-block .slider blockquote q {
	display: block;
	quotes: none;
	margin: 0 0 10px;
	font-style: italic
}
.testimonial-block .slider blockquote cite {
	font-style: normal;
	text-transform: uppercase;
	display: block
}
.jcf-hidden {
	display: block!important;
	position: absolute!important;
	left: -9999px!important
}
.chk-area {
	border: 1px solid #777;
	margin: 0 10px 0 0;
	float: left;
	width: 20px;
	height: 20px
}
.chk-checked {
	background: #aaf
}
.chk-disabled, .rad-disabled, .step.last {
	background: #eee
}
.chk-focus {
	border-color: red
}
.jcf-label-disabled {
	color: #ccc
}
.rad-area {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}
.step {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin: 0 0 45px;
	padding: 0 0 35px;
	text-align: center
}
.step.cms {
	display: none
}
.form {
	margin: 0
}
.step.add {
	border: 0;
	margin: 0;
	padding: 0 0 60px
}
.step.last {
	border: 0;
	margin: 0;
	padding: 55px 0 65px
}
.step .link {
	display: inline-block;
	vertical-align: top
}
.step .header {
	overflow: hidden
}
.step .header .sub-head {
	display: block;
	font-weight: 700
}
.step h2 {
	font-weight: 400;
	margin: 0 0 15px
}
.rad-block {
	padding: 0;
	margin: 0 -.8%;
	text-align: center;
	overflow: hidden
}
.rad-block li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	list-style: none;
	width: 150px;
	margin: 0 .8% 25px;
	padding: 20px 0 0
}
.step.add .rad-block li {
	width: 255px;
	margin: 0 1% 25px
}
.step.add .rad-block li .box {
	padding: 40px 0 25px
}
.rad-block li .box {
	cursor: pointer;
	padding: 7px 0 15px;
	border: 2px solid #d9d9d9;
	position: relative;
	z-index: 1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) #d9d9d9;
	background: -moz-linear-gradient(top, #d9d9d9 0, #fff 1%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9d9d9), color-stop(1%, #fff), color-stop(100%, #f4f4f4));
	background: -webkit-linear-gradient(top, #d9d9d9 0, #fff 1%, #f4f4f4 100%);
	background: -o-linear-gradient(top, #d9d9d9 0, #fff 1%, #f4f4f4 100%);
	background: -ms-linear-gradient(top, #d9d9d9 0, #fff 1%, #f4f4f4 100%);
	background: linear-gradient(to bottom, #d9d9d9 0, #fff 1%, #f4f4f4 100%)
}
.step.add .rad-block li .box .img-holder {
	margin: 0 0 30px
}
.rad-block li .box .img-holder {
	display: table;
	width: 100%;
	height: 90px;
	margin: 0 0 5px
}
.rad-block li .box .frame {
	display: table-cell;
	vertical-align: middle
}
.rad-block li .box img {
	position: relative;
	z-index: 55
}
.step.add .rad-block li .box img.img-active, .step.add .rad-block li .jcf-label-active .box img {
	display: none
}
.step.add .rad-block li .jcf-label-active .box img.img-active {
	display: inline-block
}
.rad-block li .box .text {
	display: block;
	color: #212121;
	font-size: 16px;
	line-height: 20px
}
.rad-block li .jcf-label-active .box .text {
	color: #fff
}
.rad-block li .jcf-label-active .box {
	background: #0f414e;
	border-color: #0f414e
}
.rad-block li .jcf-label-active .box:after {
	position: absolute;
	content: "";
	left: 50%;
	top: -18px;
	z-index: -1;
	margin: 0 0 0 -18px;
	background: url(../images/sprite.png) -232px -102px no-repeat;
	width: 36px;
	height: 36px
}
.step .row {
	width: 100%;
	margin: 0 0 20px;
	position: relative
}
.step .row:after {
	display: block;
	clear: both
}
.step .row .col {
	float: left;
	width: 32%;
	margin: 0 0 0 2%;
	position: relative
}
.step .row .col:first-child {
	margin: 0
}
.step .col .email, .step .col input[type=tel], .step .col input[type=text], .step textarea {
	float: left;
	width: 100%;
	-webkit-box-shadow: 1px 1px 2px rgba(40,41,40,.1);
	box-shadow: 1px 1px 2px rgba(40,41,40,.1);
	border: 1px solid #d2d2d2;
	height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #212121;
	font-size: 14px;
	line-height: 19px;
	padding: 13px;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	text-align: left
}
.step .col .email:focus, .step .col input[type=tel]:focus, .step .col input[type=text]:focus, .step textarea:focus {
	-webkit-box-shadow: 1px 1px 10px rgba(40,41,40,.3);
	box-shadow: 1px 1px 10px rgba(40,41,40,.3);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
.step textarea {
	max-width: 100%!important;
	min-width: 100%!important;
	max-height: 230px!important;
	min-height: 230px!important;
	height: 230px!important;
	width: 100%!important;
	resize: none
}
.step input[type=submit] {
	height: 45px;
	display: inline-block;
	vertical-align: top;
	padding: 0 25px;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 700;
	line-height: 45px;
	font-size: 16px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #ed8f2a;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
.step input[type=submit]:hover {
	background: #d77e1f;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
.step .event-box {
	float: left;
	width: 48%;
	margin: 0 0 12px;
	-webkit-box-shadow: 1px 1px 2px rgba(40,41,40,.1);
	box-shadow: 1px 1px 2px rgba(40,41,40,.1);
	border: 1px solid #d2d2d2;
	height: 45px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	text-align: left;
	position: relative;
	padding: 0 20px
}
.step .event-box input[type=text], .two-col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
button.ui-datepicker-trigger {
	position: absolute;
	left: 10px;
	top: 15px;
	background: url(../images/sprite.png) -30px -212px no-repeat;
	width: 14px;
	height: 14px;
	border: none;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px
}
.step .event-box input[type=text] {
	float: left;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	height: 45px;
	color: #212121;
	font-size: 14px;
	line-height: 19px;
	padding: 13px;
	background: 0 0;
	text-align: left;
	box-sizing: border-box;
	width: 100%
}
.step .event-box:focus {
	-webkit-box-shadow: 1px 1px 10px rgba(40,41,40,.3);
	box-shadow: 1px 1px 10px rgba(40,41,40,.3);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
a.ui-datepicker-trigger {
	position: absolute;
	right: 10px;
	top: 10px
}
#ui-datepicker-div.ui-datepicker {
	width: 460px;
	right: -1px;
	left: auto;
	position: absolute;
	color: #000;
	top: 54px;
	z-index: 100;
	font-size: 12px;
	overflow: hidden;
	margin: 9px 0 0;
	background: #f3f3f3;
	border: 1px solid #929292;
	padding: 12px 37px 15px 43px;
	box-shadow: 0 0 0 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.1);
	border-radius: 0
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	float: left;
	padding: 0 6px
}
.ui-datepicker .ui-datepicker-header {
	padding: 0 9px 10px;
	line-height: 26px;
	text-align: center;
	position: static;
	background: 0 0;
	border: 0;
	border-radius: 0
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
	position: absolute;
	left: 0;
	top: 77px;
	cursor: pointer;
	border-radius: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/sprite.png) -2px -152px no-repeat;
	width: 35px;
	height: 48px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none
}
.ui-datepicker .ui-datepicker-next {
	left: auto;
	right: 0;
	background-position: -40px -152px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none
}
.ui-datepicker .ui-datepicker-prev:hover {
	background-position: -85px -152px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none
}
.ui-datepicker .ui-datepicker-next:hover {
	background-position: -136px -152px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none
}
.ui-datepicker .ui-datepicker-title {
	display: block;
	color: #000;
	text-transform: uppercase;
	font: 14px/18px Montserrat, Arial, Helvetica, sans-serif
}
.ui-datepicker-multi .ui-datepicker-group table {
	margin: 0;
	width: 100%
}
.ui-datepicker td {
	width: 27px;
	height: 19px;
	padding: 0;
	line-height: 15px;
	text-align: center;
	border-radius: 3px
}
.ui-datepicker th {
	width: 27px;
	height: 21px;
	margin: 0;
	color: #626262;
	padding: 0 0 2px;
	font-weight: 400;
	text-transform: capitalize
}
.ui-widget-content .ui-datepicker-today .ui-state-default, .ui-widget-content .ui-state-default.ui-state-active, .ui-widget-content .ui-state-default:hover {
	color: #000;
	background: #c6d76a;
	text-decoration: none
}
.calendar li.disable a {
	color: #afafaf
}
.ui-widget-content .ui-datepicker-today .ui-state-default, .ui-widget-content td.today .ui-state-default {
	color: #000;
	background: #fff;
	font-weight: 700
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color: #000;
	margin: 2px;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: #fff;
	text-align: center
}
.ui-icon, .ui-widget-content .ui-icon {
	background: 0 0
}
.ui-widget-content .ui-datepicker-days-cell-over .ui-state-default, .ui-widget-content .ui-datepicker-days-cell-over .ui-state-hover {
	background: #c6d76a
}
.k-header {
	float: right;
	width: 48%;
	text-align: left
}
.two-col, html .k-upload {
	width: 100%
}
.k-dropzone em {
	visibility: visible;
	font-size: 14px;
	line-height: 19px;
	font-style: normal;
	color: #999;
	margin: 0 0 0 15px
}
.k-upload-files.k-reset {
	margin: 0
}
.k-upload-files.k-reset li {
	list-style: none
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-button:focus:not(.k-state-disabled):not([disabled]) {
	box-shadow: none;
	-webkit-box-shadow: none
}
.pricing-note, .wp-cart-plugins {
	-webkit-box-shadow: 0 1px 0 #fafafa;
	-moz-box-shadow: 0 1px 0 #fafafa
}
.pricing-note {
	text-align: center;
	line-height: 18px;
	font-family: "open Sans", sans-serif;
	font-size: 12px;
	margin: 0 0 30px;
	border-bottom: 1px solid #c8c8c8;
	box-shadow: 0 1px 0 #fafafa
}
#content .content-box .pricing-note p {
	margin-bottom: 20px
}
.two-col {
	overflow: hidden;
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
	padding: 0 0 20px
}
.info-col {
	display: table-cell;
	width: 53%;
	vertical-align: middle;
	padding: 0 3px
}
.info-col.info-add {
	padding-top: 30px
}
.info-col:first-child {
	width: 47%
}
#content .content-box .info-col h2 {
	margin: 0 0 5px;
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 32px
}
.box-outer {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #d1d1d1;
	text-align: center
}
.box-outer .header {
	border-radius: 5px 5px 0 0;
	background: #d1d1d1;
	color: #333;
	padding: 10px 5px
}
.box-outer .header h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0;
	font-weight: 700
}
.box-outer .header em {
	font-size: 15px;
	line-height: 18px
}
.box-outer .box-holder {
	padding: 20px 5px 40px;
	overflow: hidden
}
.box-outer h4 {
	margin: 0 0 5px;
	font-style: italic;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400
}
.box-outer .box-holder ul {
	padding: 0;
	margin: 0 0 10px;
	overflow: hidden;
	color: #696969;
	font-size: 14px;
	line-height: 18px;
	background: url(../images/sep1.png) 0 100% no-repeat
}
.info-add .box-outer .box-holder ul {
	background: url(../images/sep2.png) 0 100% no-repeat
}
.box-outer .box-holder ul.add {
	background: 0 0;
	margin: 0
}
.box-outer .box-holder ul li {
	list-style: none;
	overflow: hidden;
	margin: 0 0 20px
}
.box-outer .box-holder ul li .price {
	display: block;
	font-size: 26px;
	line-height: 30px
}
.box-outer .box-holder .btn-quote {
	background: #333;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	padding: 5px 20px;
	display: inline-block;
	text-transform: uppercase;
	vertical-align: top;
	font-family: "Roboto Slab", serif
}
.box-outer .box-holder .btn-quote:hover {
	background: #000
}
.info-col.info-add .box-outer .box-holder .btn-quote {
	background: #0f414e
}
.info-col.info-add .box-outer .box-holder .btn-quote:hover {
	background: #134f5f
}
.info-col.info-add .box-outer .header {
	background: #0f414e;
	color: #fff
}
.info-add .box-outer .header h3 {
	font-size: 22px;
	line-height: 26px
}
.info-add .box-outer .header em {
	font-size: 17px;
	line-height: 20px
}
.info-add .box-outer {
	background: #1a8d95
}
.info-add .box-outer h4 {
	color: #fff;
	font-size: 18px;
	line-height: 24px
}
.info-add .box-outer .box-holder ul {
	font-size: 16px;
	line-height: 20px;
	color: #fff
}
.info-add .box-outer .box-holder ul li .price {
	font-size: 32px;
	line-height: 36px
}
.detail-block {
	overflow: hidden;
	margin: 0 0 40px;
	letter-spacing: -4px;
	color: #333
}
.detail-block h2 {
	letter-spacing: 0;
	font-size: 26px;
	line-height: 32px;
	text-transform: uppercase;
	margin: 0 0 35px
}
.detail-block .block {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 0 6% 0 0;
	margin-right: -4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.detail-block .block:last-child{
	padding-right:0;
}
.detail-block .block h3 {
	margin: 0 0 15px;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase
}
.detail-block .block ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 15px;
	line-height: 21px
}
.detail-block .block>ul>li {
	overflow: hidden;
	padding: 0 0 10px 23px;
	position: relative;
	list-style: none
}
.detail-block .block>ul>li:after {
	position: absolute;
	left: 0;
	top: 3px;
	background: url(../images/ico-star.png) no-repeat;
	width: 15px;
	height: 15px
}
.clear, .clearfix:after, .clearfix:before {
	width: 0;
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden
}
.detail-block .block>ul>li ul {
	padding: 5px 0;
	color: #747474;
	font-size: 13px
}
.detail-block .block>ul>li ul li {
	list-style: none
}
.clear {
	clear: both
}
.clearfix:after, .clearfix:before {
	content: '.';
	font-size: 0;
	line-height: 0
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
.our-work-process {
	overflow: hidden;
	background: #f3f3f3;
	padding: 50px 0 0;
	margin: 0 0 50px
}
.our-work-process h2 {
	color: #212121;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 40px;
	text-align: center;
	text-transform: uppercase
}
.work-procedures {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.work-procedures li {
	display: block;
	width: 25%;
	float: right;
	list-style: none;
	margin: 0 0 68px;
	position: relative
}
.work-procedures li img {
	margin-bottom: 15px
}
.work-procedures li .proces-name {
	font-size: 14px;
	color: #4f4f4f;
	font-family: "Comic Sans MS", cursive;
	font-weight: 700;
	line-height: 19px;
	text-transform: uppercase
}
.work-procedures li:after, .work-procedures li:before {
	content: "";
	background-image: url(../images/arrow-sprite.png);
	background-repeat: no-repeat;
	position: absolute
}
.work-procedures li.step-1:before, .work-procedures li.step-3:before {
	width: 65px;
	height: 26px;
	left: -33px;
	top: 75px;
	background-position: right -41px
}
.work-procedures li.step-2:before {
	top: 85px;
	left: -20px;
	height: 26px;
	width: 39px;
	background-position: left bottom
}
.work-procedures li.step-4:before {
	width: 35px;
	height: 87px;
	left: -2px;
	top: 100px;
	background-position: 0 0
}
.work-procedures li.step-5:after, .work-procedures li.step-7:after {
	width: 65px;
	height: 26px;
	right: -33px;
	top: 75px;
	background-position: right top
}
.work-procedures li.step-6:after {
	top: 85px;
	right: -20px;
	height: 26px;
	width: 39px;
	background-position: right bottom
}
.work-procedures.proces-2 li {
	float: left;
	margin-bottom: 80px
}
#content .content-box .sub-title h2 {
	color: #333;
	font-size: 26px;
	font-weight: 700;
	line-height: 32px;
	margin: 0 0 30px;
	text-transform: uppercase
}
.quality_code, .wp-cart-plugins {
	margin-bottom: 30px
}
.wp-cart-plugins .plugins-icon-holder {
	float: left;
	width: 50%
}
.wp-cart-plugins {
	padding-bottom: 30px;
	border-bottom: 1px solid #c8c8c8;
	box-shadow: 0 1px 0 #fafafa
}
.quality_code .wp-options {
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 30px
}
.quality_code .wp-options .icon-holder {
	min-height: 80px
}
.quality_code .wp-options h3 {
	font-family: 'Gloria Hallelujah', cursive;
	font-size: 26px;
	line-height: 30px;
	margin: 0;
	font-weight: 400
}
.quality_code .wp-options p {
	line-height: 22px;
	margin-bottom: 0;
	font-family: calibriregular, sans-serif
}
.quality_code .wp-options:nth-child(even) {
	padding-right: 30px
}
.quality_code .wp-options:nth-child(odd) {
	padding-left: 30px
}
.k-upload input {
	cursor: pointer;
	font: 200px monospace!important;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}
.tooltips {
	position: relative;
	display: inline;
	color: #1a8d95;
	cursor: pointer;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}
.faqs dd, .faqs dt {
	float: none;
	display: block
}
.tooltips span {
	position: absolute;
	width: 550px;
	color: #FFF;
	font-family: calibriregular, sans-serif;
	background: #1A8D95;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	border-radius: 6px;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	bottom: 30px;
	left: 50%;
	margin-left: -275px;
	z-index: 999;
	-webkit-transition: opacity .5s ease 0s;
	-moz-transition: opacity .5s ease 0s;
	-ms-transition: opacity .5s ease 0s;
	-o-transition: opacity .5s ease 0s;
	transition: opacity .5s ease 0s
}
.tooltips span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #1A8D95;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}
.tooltips:hover {
	color: #212121
}
.tooltips:hover span {
	opacity: 1;
	visibility: visible
}
.notes {
	font-size: 13px;
	line-height: 18px;
	margin: auto;
	max-width: 620px
}
.faqs dt {
	color: #1a8d95;
	font-weight: 700;
	margin-bottom: 10px
}
.faqs dd {
	margin-bottom: 20px
}
.work-section .pagination {
	margin: 0;
	padding: 0;
	text-align: center
}
.work-section .pagination li {
	display: inline-block;
	vertical-align: middle
}
.work-section .pagination li a, .work-section .pagination li span {
	background-color: #0f3943;
	color: #fff;
	cursor: pointer;
	display: block;
	font: 300 16px/30px 'open Sans', serif;
	height: 30px;
	width: 30px;
	text-align: center
}
.work-section .pagination li.active a, .work-section .pagination li.active span, .work-section .pagination li:hover a {
	background-color: #1a8d95
}
.error-page {
	padding: 40px 0;
	text-align: center
}
.error-page h1 {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-size: 400%;
	line-height: 100%;
	margin: 20px auto 30px;
	max-width: 500px;
	padding: 20px 0
}
.error-page h2 {
	font-size: 200%
}
.error-page p {
	font-family: "open Sans", sans-serif
}
.why-us {
	margin: 0 -10px 30px;
	list-style: none;
	padding: 0 0 30px;
	overflow: hidden;
	border-bottom: 1px solid #c8c8c8;
	-webkit-box-shadow: 0 1px 0 #fafafa;
	-moz-box-shadow: 0 1px 0 #fafafa;
	box-shadow: 0 1px 0 #fafafa
}
.why-us li {
	list-style: none;
	display: inline-block;
	width: 33.3333%;
	padding: 0 10px;
	text-align: center;
	margin: 0 -4px 30px 0;
	vertical-align: top
}
.why-us li .icon {
	line-height: 80px;
	height: 80px;
	margin-bottom: 15px
}
.why-us li .icon img {
	vertical-align: middle
}
.why-us li h3 {
	font-size: 100%
}
/* Donate styles */
.select-area select {
	border: 1px solid #d2d2d2;
    box-shadow: 1px 1px 1px #efefef;
    box-sizing: border-box;
    color: #212121;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    padding: 10px 15px;
    transition: all 0.5s ease 0s;
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.select-area select:focus {
    box-shadow: 0 0 10px #d2d2d2;
    transition: all 0.5s ease 0s;
}
.select-area select.minimal {
	background-image:
	linear-gradient(45deg, transparent 50%, gray 50%),
	linear-gradient(135deg, gray 50%, transparent 50%),
	linear-gradient(to right, #ccc, #ccc);
	background-position:
	calc(100% - 20px) calc(1em + 2px),
	calc(100% - 15px) calc(1em + 2px),
	calc(100% - 2.5em) 0.5em;
	background-size:
	5px 5px,
	5px 5px,
	1px 1.5em;
	background-repeat: no-repeat;
}
.select-area select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
 @media only screen and (min-width:1025px) {
.tel-holder a {
	cursor: default;
	pointer-events: none
}
}
@media only screen and (min-width:768px) {
#nav .slide {
	position: static!important
}
#nav .opener {
	display: none
}
}
@media only screen and (max-width:1100px) {
.visual img {
	margin-right: 0
}
.visual .caption {
	max-width: 400px;
	top: 100px
}
.col-holder .btn-more {
	left: 0;
	right: 0;
	width: 170px;
	margin: auto
}
}
@media only screen and (max-width:980px) {
.worklist>li .img-holder .list-holder {
	padding: 20px
}
.worklist>li .img-holder ul li {
	padding: 12px 5px
}
}
@media only screen and (max-width:800px) {
.col-holder {
	margin-top: 50px
}
.col-holder .col {
	width: 48%
}
.visual .container {
	background-size: 550px
}
.portfolio-section {
	padding: 50px 0
}
.worklist>li .img-holder a {
	font-size: 10px;
	line-height: 12px
}
.worklist>li .img-holder ul li .img-box {
	margin-bottom: 10px
}
.work-procedures li {
	float: left;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 40px
}
.work-procedures.proces-2 li {
	margin-bottom: 40px
}
.work-procedures li::after, .work-procedures li::before {
	display: none
}
}
@media only screen and (max-width:767px) {
	.logo{
		padding-top:0;
	}
	.contact-form .col.donate,
	.contact-form .col.donate:first-child{
		width:100%;
		padding:0;
	}
	.contact-form .col.donate .ico-required.logo{
		width: 77px;
		top:37%;
		right:15px;
	}
#nav .slide li, #opener, .info-col, .tooltips {
	display: block
}
#content, #nav .slide, #sidebar, .portfolio-section .col, .portfolio-section .col img {
	width: 100%
}
.copyright, .footer-nav, .visual {
	overflow: hidden
}
#nav .slide {
	background: #1a8d95;
	text-align: left;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding-top: 10px;
	overflow: auto;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
#nav.active .slide {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
#nav.active .opener {
	background: #0f3943;
	border-radius: 50%;
	bottom: 10px;
	height: 30px;
	padding: 15px 5px 5px;
	position: fixed;
	right: 10px;
	top: auto;
	width: 30px
}
#nav .slide li {
	width: 100%;
	margin-left: 0
}
#nav .slide li a {
	background-color: #1a8d95;
	padding: 10px;
	color: #fff
}
#nav .slide li.item a {
	background-color: #fff;
	padding-left: 30px;
	background-position: 10px center
}
#nav .slide li.active a, #nav .slide li:hover a {
	color: #fff;
	background-color: #0f3943
}
.visual .container {
	padding-top: 20px
}
.visual img {
	max-width: 80%
}
.visual .caption {
	top: 70px;
	max-width: 300px
}
.visual .caption h1 {
	font-size: 20px;
	line-height: 30px
}
.visual .btn-view {
	margin-right: 15px
}
.visual .btn-quote, .visual .btn-view {
	min-width: 120px;
	font-size: 14px;
	padding: 10px
}
.col-holder {
	margin-top: 40px
}
.portfolio-section {
	padding: 30px 0
}
.portfolio-section .section {
	margin: 0
}
.portfolio-section h2 {
	font-size: 30px;
	line-height: 30px
}
.portfolio-section .col {
	margin-bottom: 15px
}
.portfolio-section .col .caption {
	padding: 5px 10px
}
.portfolio-section .col .caption h3 {
	font-size: 18px;
	line-height: 22px
}
.quote-section {
	padding: 10px 0 30px
}
.quote-section blockquote q {
	font-size: 18px;
	line-height: 28px;
	margin: 15px 0 20px
}
.slideshow.quote-section .btn-prev {
	margin-top: 0;
	top: 2px;
	right: 20px;
	left: auto
}
.slideshow.quote-section .btn-next {
	margin-top: 0;
	top: 2px;
	right: 0;
	left: auto
}
#sidebar {
	padding: 30px 40px 0 0
}
#sidebar .contact-box, #sidebar .sidenav {
	margin-bottom: 25px
}
#content .article::after, #content::after {
	left: -10px
}
#content .article .holder, #content .content-box {
	padding: 20px 0 30px
}
#content .article h1 {
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 15px
}
#content .content-box h2 {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 20px
}
.pricing-note {
	margin-bottom: 20px
}
.info-col {
	width: 100%!important
}
.box-outer .box-holder ul, .info-add .box-outer .box-holder ul {
	background-position: center 100%
}
.box-outer .box-holder ul li {
	margin-bottom: 15px
}
.info-add .box-outer .header h3 {
	font-size: 18px;
	line-height: 22px
}
.info-add .box-outer h4 {
	font-size: 16px;
	line-height: 22px
}
.info-add .box-outer .box-holder ul li .price {
	font-size: 26px;
	line-height: 30px
}
.detail-block {
	margin-bottom: 20px
}
.detail-block .block {
	width: 100%;
	margin-bottom: 15px
}
#content .content-box .box {
	margin-bottom: 20px
}
.wp-cart-plugins .plugins-icon-holder {
	width: 100%;
	margin-bottom: 15px
}
.quality_code .wp-options {
	height: auto!important;
	width: 100%;
	margin-bottom: 0;
	padding: 0!important
}
.quality_code .wp-options h3 {
	margin-bottom: 10px;
	font-size: 22px
}
.contact-form .row {
	margin-bottom: 0
}
.contact-form .col {
	margin: 0 0 21px!important;
	width: 100%
}
.contact-form .btn-holder {
	margin-top: 21px
}
.contact-form .col.donate .btn-holder {
	margin: 0;
}
.map-holder {
	padding: 100px 0
}
.rad-block li {
	margin-bottom: 15px
}
.step .row {
	margin: 0
}
.k-header, .step .event-box, .step .row .col, .step textarea, .uploadify {
	width: 100%!important
}
.step .event-box, .step .row .col, .step textarea {
	margin: 0 0 15px!important
}
.worklist>li {
	margin: 0 .5% 20px 1%
}
.worklist>li .img-holder .list-holder {
	padding: 10px
}
.worklist>li .img-holder ul li .img-box {
	height: 50px
}
.worklist>li .img-holder ul li .img-box img {
	max-height: 40px
}
.footer-t {
	padding: 30px 0 20px
}
.columns .col {
	width: 100%;
	height: auto!important;
	margin-bottom: 20px
}
.header-section {
	padding: 25px 0;
	margin-bottom: 30px
}
.header-section h1 {
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 15px
}
.footer-b {
	padding: 20px 0 10px
}
.footer-nav, .social-area {
	float: none;
	margin: 0 auto;
	max-width: 250px
}
.social-area {
	padding: 15px 0
}
.copyright {
	width: 100%;
	clear: both;
	margin: 15px 0 10px
}
.map-holder .contact-area {
	display: block;
	width: 100%;
	margin: 0 0 20px
}
.why-us li {
	width: 50%
}
.tooltips span {
	margin-left: 0;
	width: 100%;
	left: 0
}
}
@media only screen and (min-device-width:630px) and (max-device-width:481px) {
.worklist>li .img-holder a {
	font-size: 10px
}
}
@media only screen and (max-width:480px) {
.visual .caption {
	position: relative;
	left: auto;
	top: auto;
	margin: 10px 10px 30px;
	max-width: 100%
}
.visual img {
	max-width: 100%
}
.visual .container {
	background-size: 300px auto;
	padding-bottom: 50px
}
.col-holder .col {
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
.worklist>li {
	width: 100%;
	margin: 0 0 20px
}
.why-us li {
	width: 100%
}
#ui-datepicker-div.ui-datepicker {
	left: 10px!important;
	right: 10px!important;
	width: auto!important;
	z-index: 99!important
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 100%!important
}
.ui-datepicker-multi-2 .ui-datepicker-group-first {
	margin-bottom: 20px
}
}