/*

Sault - Creative Portfolio HTML Template for Agencies, Startups & Freelancers
http://themeforest.net/user/liviu_cerchez

Table of contents:
~~~~~~~~~~~~~~~~~
 1. Reboot
 2. Web Icons
 3. Typography
 4. Links
 5. Form elements
 6. Useful classes
 7. Owl Carousel
 8. Header section
 9. Content section
10. Blog Listing
11. Single Blog Post
12. Projects Listing
13. Search results
14. Contact address selector
15. Widgets
16. Footer section
17. Media queries
18. Mobile only query
19. Large mobile query (480px)
20. Small tablet query (768px)
21. Large tablet query (992px)
22. Desktop query (1200px)
23. Print query

*/

/* 1. Reboot */
*,
::after,
::before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

body {
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	overflow-x: hidden;
}

p,
ul,
ol {
	margin-bottom: 1.5rem;
}

p:empty {
	margin-bottom: 0;
}

em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	height: 0;
	overflow: visible;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

/* 2. Web Icons */
@font-face {
	font-family: 'saulticons';
	src: url('../fonts/saulticons.ttf?liaese') format('truetype'), url('../fonts/saulticons.woff?liaese') format('woff'), url('../fonts/saulticons.svg?liaese#saulticons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.saulticon,
[class*="saulticon-"]:before {
	font-family: 'saulticons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	font-feature-settings: "liga";
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.saulticon-menu:before {
	content: "\e900";
}

.saulticon-search:before {
	content: "\e901";
}

.saulticon-close:before {
	content: "\e902";
}

.saulticon-arrow-back:before {
	content: "\e903";
}

.saulticon-arrow-forward:before {
	content: "\e904";
}

.saulticon-arrow-down:before {
	content: "\e905";
}

.saulticon-arrow-up:before {
	content: "\e906";
}

.saulticon-arrow-dropleft:before {
	content: "\e907";
}

.saulticon-arrow-dropright:before {
	content: "\e908";
}

.saulticon-arrow-dropdown:before {
	content: "\e909";
}

.saulticon-arrow-dropup:before {
	content: "\e90a";
}

.saulticon-chevron-down:before {
	content: "\e90b";
}

.saulticon-chevron-left:before {
	content: "\e90c";
}

.saulticon-chevron-right:before {
	content: "\e90d";
}

.saulticon-chevron-up:before {
	content: "\e90e";
}

.saulticon-quote:before {
	content: "\e90f";
}

.saulticon-favorite:before {
	content: "\e910";
}

.saulticon-favorite-outline:before {
	content: "\e911";
}

.saulticon-star:before {
	content: "\e912";
}

.saulticon-star-outline:before {
	content: "\e913";
}

.saulticon-call:before {
	content: "\e914";
}

.saulticon-mail:before {
	content: "\e915";
}

.saulticon-map:before {
	content: "\e916";
}

.saulticon-navigate:before {
	content: "\e917";
}

.saulticon-pin:before {
	content: "\e918";
}

.saulticon-send:before {
	content: "\e919";
}

.saulticon-cart:before {
	content: "\e91a";
}

.saulticon-share:before {
	content: "\e91b";
}

.saulticon-social-dribbble:before {
	content: "\e91c";
}

.saulticon-social-dropbox:before {
	content: "\e91d";
}

.saulticon-social-facebook:before {
	content: "\e91e";
}

.saulticon-social-foursquare:before {
	content: "\e91f";
}

.saulticon-social-github:before {
	content: "\e920";
}

.saulticon-social-google:before {
	content: "\e921";
}

.saulticon-social-googleplus:before {
	content: "\e922";
}

.saulticon-social-instagram:before {
	content: "\e923";
}

.saulticon-social-linkedin:before {
	content: "\e924";
}

.saulticon-social-pinterest:before {
	content: "\e925";
}

.saulticon-social-reddit:before {
	content: "\e926";
}

.saulticon-social-rss:before {
	content: "\e927";
}

.saulticon-social-tumblr:before {
	content: "\e928";
}

.saulticon-social-twitter:before {
	content: "\e929";
}

.saulticon-social-vimeo:before {
	content: "\e92a";
}

.saulticon-social-yahoo:before {
	content: "\e92b";
}

.saulticon-social-youtube:before {
	content: "\e92c";
}

/* 3. Typography */
html {
	background-color: #f7f9fb;
	font-size: 14px;
}

body {
	font-family: 'Rubik', sans-serif;
	color: #727f88;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
	-webkit-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
}

h1,
h2,
h3 {
	font-family: 'Merriweather', sans-serif;
	color: #262a2c;
}

h4,
h5,
h6 {
	font-family: 'Rubik', sans-serif;
	color: #262a2c;
}

h1 {
	font-weight: 300;
}

h2,
h3,
h5,
h6 {
	font-weight: 400;
}

h4 {
	font-weight: 500;
}

h1 {
	font-size: 3.2rem;
	letter-spacing: -.1333333rem;
	line-height: 4.8rem;
	margin-bottom: 1rem;
}

h2 {
	font-size: 2.4rem;
	letter-spacing: -.1rem;
	line-height: 3.8rem;
	margin-bottom: 1rem;
}

h3 {
	font-size: 1.8rem;
	letter-spacing: -.06666667rem;
	line-height: 2.8rem;
	margin-bottom: 1rem;
}

h4 {
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin-bottom: 1rem;
}

h5,
h6 {
	font-size: 1rem;
	line-height: 1.8rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

h6 {
	color: #acb6bd;
}

blockquote {
	font-family: 'Merriweather', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	background-color: #f7f9fb;
	color: #262a2c;
	padding: 2rem;
	text-align: center;
	margin: 2rem auto 2rem;
}

blockquote:before {
	content: '\e90f';
	font-family: 'saulticons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #dbe1e6;
	display: block;
	font-size: 3rem;
	margin: 0 1.5rem 1.5rem;
}

blockquote p {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

blockquote cite {
	font-size: 1rem;
	color: #727f88;
	font-style: normal;
}

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

ul {
	padding-left: 1.25rem;
	list-style: square outside none;
}

ul li {
	margin-left: 1.25rem;
}

ol {
	padding-left: 1.25rem;
	list-style: decimal outside none;
}

ul li,
ol li {
	margin-left: 1.25rem;
}

li ul,
li ol {
	margin: 0;
	padding-left: 0;
}

dl,
dd,
address {
	margin-bottom: 1rem;
}

dt {
	font-size: 1.1rem;
	font-weight: 400;
}

acronym,
q,
var {
	font-weight: 500;
}

abbr[title] {
	border-bottom: 1px dotted #999;
	cursor: help;
}

pre,
code,
kbd,
samp,
tt {
	font-family: 'Courier New', monospace;
}

pre,
code {
	background-color: #fafafa;
	background-color: rgba(0, 0, 0, .02);
}

pre {
	margin-bottom: 1rem;
	padding: 1rem;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: .9rem;
}

pre code {
	display: block;
	padding: 0;
	border: 0;
	background-color: transparent;
}

table {
	width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

table caption {
	padding: 0 0 .5rem;
	border: 0;
	font-weight: 400;
	text-align: left;
}

table th {
	position: relative;
	padding: .6rem .5rem;
	border-bottom: 2px solid #dbe1e6;
	font-weight: 400;
	text-align: left;
	vertical-align: bottom;
}

table tbody td {
	padding: .5rem;
	border-bottom: 1px solid #dbe1e6;
}

table tbody tr:last-child th,
table tbody tr:last-child td {
	border-bottom: 0;
}

table tbody + tbody {
	border-top: 2px solid #dbe1e6;
}

table tfoot td {
	padding: .6rem .5rem;
	border-top: 1px solid #dbe1e6;
}

hr,
.widget-title:after {
	display: inline-block;
	width: 40px;
	height: 2px;
	margin: 1rem 0 1rem;
	border: 0;
	line-height: 1;
	text-align: center;
	background-color: #654ce8;
}

/* 4. Links */
a {
	color: #654ce8;
	text-decoration: none;
}

/* 5. Form elements */
form {
	margin-bottom: 1.5rem;
}

label,
legend {
	display: block;
	font-size: .9em;
	font-weight: 400;
}

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=tel],
input[type=url],
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	background-color: transparent;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #dbe1e6;
	border-radius: 0;
	color: #262a2c;
	font-family: inherit;
	font-size: 1rem;
	line-height: normal;
	margin: 0 0 1.5rem;
	max-width: 100%;
	outline: none;
	padding: .75rem 0;
	-webkit-transition: color .5s, border-color .5s;
	-o-transition: color .5s, border-color .5s;
	transition: color .5s, border-color .5s;
	vertical-align: baseline;
	width: 100%;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=number]:focus,
input[type=range]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
	border-color: #727f88;
}

input[type=text]:focus:invalid,
input[type=password]:focus:invalid,
input[type=email]:focus:invalid,
input[type=search]:focus:invalid,
input[type=date]:focus:invalid,
input[type=month]:focus:invalid,
input[type=time]:focus:invalid,
input[type=datetime]:focus:invalid,
input[type=datetime-local]:focus:invalid,
input[type=number]:focus:invalid,
input[type=range]:focus:invalid,
input[type=tel]:focus:invalid,
input[type=url]:focus:invalid,
textarea:focus:invalid {
	border-color: #ff3c1f;
}

input:invalid,
textarea:invalid {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

input[disabled],
button[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

input[type=checkbox] ~ label,
input[type=radio] ~ label {
	display: inline-block;
}

input[type=file] {
	width: 100%;
	margin: 0 0 1rem;
}

select {
	background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDM3IDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM3IDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yMC4yMzMzMzM1ODc2NDY0ODQsNSBMMTYuNzMzMzMzNTg3NjQ2NDg0LDAgaDcgTDIwLjIzMzMzMzU4NzY0NjQ4NCw1IHoiLz48L3N2Zz4) no-repeat 100% 50%;
	padding-right: 2.2rem;
}

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

textarea {
	min-height: 6.3rem;
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input[type=search] {
	-webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-input-placeholder {
	color: #acb6bd;
}

::-moz-placeholder {
	color: #acb6bd;
	opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #acb6bd;
}

button,
input[type=submit],
input[type=reset],
input[type=button],
.button {
	display: inline-block;
	padding: 1.1rem 2.2rem;
	line-height: normal;
	margin: 0 .8rem 1.5rem 0;
	border: 0;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	background: none;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	background-color: #654ce8;
	color: #fff;
	cursor: pointer;
	outline: 0;
	border-radius: .4rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .2);
	        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .2);
	-webkit-transition: color .3s, background-color .3s, padding .3s, -webkit-box-shadow .3s;
	transition: color .3s, background-color .3s, padding .3s, -webkit-box-shadow .3s;
	-o-transition: color .3s, background-color .3s, padding .3s, box-shadow .3s;
	transition: color .3s, background-color .3s, padding .3s, box-shadow .3s;
	transition: color .3s, background-color .3s, padding .3s, box-shadow .3s, -webkit-box-shadow .3s;
}

button.big,
input[type=submit].big,
input[type=reset].big,
input[type=button].big,
.button.big {
	font-size: 1.1rem;
	padding: 1.3rem 4rem;
}

button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=button]:hover,
input[type=button]:focus,
.button:hover,
.button:focus {
	-webkit-box-shadow: 0 20px 40px 0 rgba(101, 76, 232, .3);
	        box-shadow: 0 20px 40px 0 rgba(101, 76, 232, .3);
}

button:active,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active,
.button:active {
	-webkit-box-shadow: 0 10px 40px 0 rgba(101, 76, 232, .3);
	        box-shadow: 0 10px 40px 0 rgba(101, 76, 232, .3);
}

button.white,
input[type=submit].white,
input[type=reset].white,
input[type=button].white,
.button.white {
	background-color: #fff;
	color: #654ce8;
	-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
	        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
}

button.white:active,
input[type=submit].white:active,
input[type=reset].white:active,
input[type=button].white:active,
.button.white:active {
	color: #2a2e30;
	background-color: #f7f9fb;
}

button.gray,
input[type=submit].gray,
input[type=reset].gray,
input[type=button].gray,
.button.gray {
	color: #fff;
	background-color: #acb6bd;
}

button.dark,
input[type=submit].dark,
input[type=reset].dark,
input[type=button].dark,
.button.dark {
	color: #fff;
	background-color: #262a2c;
	-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .3);
	        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .3);
}

button.white:hover,
button.white:focus,
input[type=submit].white:hover,
input[type=submit].white:focus,
input[type=reset].white:hover,
input[type=reset].white:focus,
input[type=button].white:hover,
input[type=button].white:focus,
.button.white:hover,
.button.white:focus {
	-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .2);
	        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .2);
}

button.gray:hover,
button.gray:focus,
button.dark:hover,
button.dark:focus,
input[type=submit].gray:hover,
input[type=submit].gray:focus,
input[type=submit].dark:hover,
input[type=submit].dark:focus,
input[type=reset].gray:hover,
input[type=reset].gray:focus,
input[type=reset].dark:hover,
input[type=reset].dark:focus,
input[type=button].gray:hover,
input[type=button].gray:focus,
input[type=button].dark:hover,
input[type=button].dark:focus,
.button.gray:hover,
.button.gray:focus,
.button.dark:hover,
.button.dark:focus {
	-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .4);
	        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .4);
}

button.white:active,
button.gray:active,
button.dark:active,
input[type=submit].white:active,
input[type=submit].gray:active,
input[type=submit].dark:active,
input[type=reset].white:active,
input[type=reset].gray:active,
input[type=reset].dark:active,
input[type=button].white:active,
input[type=button].gray:active,
input[type=button].dark:active,
.button.white:active,
.button.gray:active,
.button.dark:active {
	-webkit-box-shadow: 0 10px 40px 0 rgba(139, 153, 163, .4);
	        box-shadow: 0 10px 40px 0 rgba(139, 153, 163, .4);
}

button.has-arrow,
input[type=submit].has-arrow,
input[type=reset].has-arrow,
input[type=button].has-arrow,
.button.has-arrow {
	position: relative;
}

button.has-arrow:hover,
button.has-arrow:focus,
input[type=submit].has-arrow:hover,
input[type=submit].has-arrow:focus,
input[type=reset].has-arrow:hover,
input[type=reset].has-arrow:focus,
input[type=button].has-arrow:hover,
input[type=button].has-arrow:focus,
.button.has-arrow:hover,
.button.has-arrow:focus {
	padding-left: 1.7rem;
	padding-right: 2.7rem;
}

button.has-arrow.big:hover,
button.has-arrow.big:focus,
input[type=submit].has-arrow.big:hover,
input[type=submit].has-arrow.big:focus,
input[type=reset].has-arrow.big:hover,
input[type=reset].has-arrow.big:focus,
input[type=button].has-arrow.big:hover,
input[type=button].has-arrow.big:focus,
.button.has-arrow.big:hover,
.button.has-arrow.big:focus {
	padding-left: 3.4rem;
	padding-right: 4.6rem;
}

button.has-arrow:after,
input[type=submit].has-arrow:after,
input[type=reset].has-arrow:after,
input[type=button].has-arrow:after,
.button.has-arrow:after {
	content: '\e904';
	font-family: 'saulticons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.2rem;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	margin-top: -.675rem;
	opacity: 0;
	-webkit-transition: right .3s, opacity .3s;
	-o-transition: right .3s, opacity .3s;
	transition: right .3s, opacity .3s;
}

button.has-arrow.big:after,
input[type=submit].has-arrow.big:after,
input[type=reset].has-arrow.big:after,
input[type=button].has-arrow.big:after,
.button.has-arrow.big:after {
	font-size: 1.6rem;
	right: 2.8rem;
	margin-top: -.9rem;
}

button.has-arrow:hover:after,
button.has-arrow:focus:after,
input[type=submit].has-arrow:hover:after,
input[type=submit].has-arrow:focus:after,
input[type=reset].has-arrow:hover:after,
input[type=reset].has-arrow:focus:after,
input[type=button].has-arrow:hover:after,
input[type=button].has-arrow:focus:after,
.button.has-arrow:hover:after,
.button.has-arrow:focus:after {
	right: 1.3rem;
	opacity: 1;
}

button.has-arrow.big:hover:after,
button.has-arrow.big:focus:after,
input[type=submit].has-arrow.big:hover:after,
input[type=submit].has-arrow.big:focus:after,
input[type=reset].has-arrow.big:hover:after,
input[type=reset].has-arrow.big:focus:after,
input[type=button].has-arrow.big:hover:after,
input[type=button].has-arrow.big:focus:after,
.button.has-arrow.big:hover:after,
.button.has-arrow.big:focus:after {
	right: 2.5rem;
}

.button,
.button:hover,
.button:visited {
	text-decoration: none;
}

input[type=submit],
input[type=reset],
input[type=button] {
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* 6. Useful classes */
.gradient-text-clip {
	color: #ff2052;
	background: -webkit-gradient(linear, right top, left top, from(#0000ff), to(#ff2052));
	background: -webkit-linear-gradient(right, #0000ff, #ff2052);
	background: linear-gradient(-90deg, #0000ff, #ff2052);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.no-backgroundcliptext .gradient-text-clip-svg {
	position: relative;
	top: 0.6rem;
}

.sr-only,
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	border: 0 none;
}

.clearfix:after,
.gallery:after,
.grid:after {
	content: "";
	display: table;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

body .no-bottom {
	margin-bottom: 0;
}

body .extra-margin-bottom {
	margin-bottom: 3rem;
}

body .extra-margin-top {
	margin-top: 3rem;
}

.ul-custom-bullet {
	padding-left: 1.5rem;
	list-style: none;
}

.ul-custom-bullet li {
	position: relative;
	margin-bottom: 1rem;
}

.ul-custom-bullet i {
	position: absolute;
	top: -.05em;
	left: -1.5em;
	width: 1.2rem;
	font-size: 18px;
	color: #654ce8;
}

.social-link {
	display: inline-block;
	padding: .5rem;
	margin: 0 .2rem .2rem;
	font-size: 18px;
	color: #262a2c;
}

.pagination {
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.pagination > span,
.pagination > a {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	margin: 0 0.2rem 0.5rem;
	color: #727f88;
	vertical-align: middle;
	border-radius: 50%;
	-webkit-transition: color .3s, background-color .3s, border-color .3s, -webkit-box-shadow .3s;
	transition: color .3s, background-color .3s, border-color .3s, -webkit-box-shadow .3s;
	-o-transition: color .3s, background-color .3s, border-color .3s, box-shadow .3s;
	transition: color .3s, background-color .3s, border-color .3s, box-shadow .3s;
	transition: color .3s, background-color .3s, border-color .3s, box-shadow .3s, -webkit-box-shadow .3s;
}

.pagination a:hover {
	background-color: rgba(0,0,0,.03);
}

.pagination > span,
.pagination > .current {
	color: #fff;
	background-color: #654ce8;
}

.pagination i {
	position: relative;
	font-size: 24px;
	top: .1em;
}

.pagination .prev,
.pagination .next {
	color: #262a2c;
	background-color: #fff;
	-webkit-box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
	        box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
}

.pagination .prev:hover,
.pagination .next:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .2);
	        box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .2);
}

.tab-links {
	list-style: none;
	padding-left: 0;
}

.tab-links li {
	display: inline-block;
	margin: .2rem;
}

.tab-links li a {
	position: relative;
	display: inline-block;
	padding: .3rem;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.3rem;
	color: #262a2c;
}

.tab-links li a.active {
	color: #654ce8;
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

.white-box,
.dark-box {
	border-radius: 1.4rem;
	padding: 2rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.white-box {
	background-color: #fff;
	-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
	        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
}

.grey-box {
	background-color: #f7f9fb;
	padding: .8rem;
	margin-bottom: 30px;
}

.grey-box .overlay {
	padding: 2rem;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
}

.grey-box .overlay > :last-child {
	margin-bottom: 0;
}

.text-box {
	padding: 2rem;
}

.call-to-action {
	padding: 3rem 1rem;
	text-align: center;
}

.call-to-action.text-left {
	padding: 3rem 1rem;
}

.call-to-action.text-left {
	padding: 3rem 1rem;
}

.gallery {
	margin: 1.5rem -1.1666667% 1.5rem;
	padding: 0;
	font-size: 0;
}

.gallery .gallery-item {
	display: inline-block;
	width: 100%;
	max-width: 33.33333%;
	margin: 0;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	font-size: 1rem;
}

.gallery .gallery-item .gallery-icon a {
	display: block;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.text-left {
	text-align: left;
}

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

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

.text-nowrap {
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.text-color {
	color: #654ce8;
}

.tweet {
	max-width: 80%;
	margin: 1.5rem auto 3rem;
	font-family: 'Merriweather', sans-serif;
	font-size: 1.6rem;
	letter-spacing: -.06666667rem;
	line-height: 2.8rem;
	text-align: center;
	color: #262a2c;
}

.tweet:before {
	content: "\e929";
	font-family: 'saulticons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	color: #55acee;
}

.subscribe-form,
.subscribe-form .one-line,
.subscribe-form input[type="submit"] {
	margin-bottom: 0;
}

.responsive-embed {
	position: relative;
	height: 0;
	margin-bottom: 1.5rem;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.responsive-embed.three-by-four {
	padding-bottom: 133.3333%;
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video,
.responsive-embed embed,
.responsive-embed img,
.responsive-embed .map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 7. Owl Carousel */
.owl-carousel {
	position: relative;
	z-index: 1;
	display: none;
	width: 100%;
	margin-bottom: 1.5rem;
	-webkit-tap-highlight-color: transparent;
}

.owl-carousel.owl-slider,
.no-js .owl-carousel {
	display: block;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-controls {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-slider > img {
	display: none;
}

.owl-carousel.owl-slider > img:first-child {
	display: block;
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.owl-height {
	-webkit-transition: height .3s ease-in-out;
	-o-transition: height .3s ease-in-out;
	transition: height .3s ease-in-out;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.owl-carousel .owl-item img {
	        transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: #666;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-nav {
	display: none;
}

.owl-carousel .owl-nav > div {
	position: absolute;
	z-index: 5;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	text-align: center;
	color: #262a2c;
	background-color: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
	        box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
}

.owl-carousel .owl-nav > div:after {
	font-family: 'saulticons';
	speak: none;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 50px;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.owl-carousel .owl-nav > .owl-prev:after {
	content: '\e90c';
}

.owl-carousel .owl-nav > .owl-next:after {
	content: '\e90d';
}

.owl-carousel .owl-nav > .disabled {
	color: #acb6bd;
}

.owl-carousel .owl-nav > div:hover {
	-webkit-box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .2);
	        box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .2);
}

.owl-carousel .owl-prev {
	left: -25px;
}

.owl-carousel .owl-next {
	right: -25px;
}

.owl-carousel .owl-dots {
	position: absolute;
	z-index: 6;
	left: 0;
	width: 100%;
	bottom: 10px;
	pointer-events: none;
	text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	padding: 0 4px;
	pointer-events: auto;
}

.owl-carousel .owl-dots .owl-dot span {
	display: inline-block;
	width: 15px;
	height: 4px;
	border-radius: 1px;
	background-color: #fff;
}

.owl-carousel .owl-dots .owl-dot.active span {
	background-color: #654ce8;
}

/* 8. Header section */
#top {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #fff;
}

.site-title h1 {
	margin-bottom: 0;
	font-size: 1em;
	line-height: 1;
}

.site-title h1 a {
	display: inline-block;
	color: #262a2c;
	text-decoration: none;
}

.site-title h1 img {
	display: inline-block;
}

.site-title .text {
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	font-size: 2.2em;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
}

#site-menu a {
	color: #262a2c;
	text-transform: uppercase;
}

#site-menu .current-menu-item > a {
	color: #654ce8;
}

#site-menu .menu-item-has-children {
	position: relative;
}

#site-menu .menu-item-search form {
	position: relative;
	margin-bottom: 0;
}

#site-menu .menu-item-search input[type="search"] {
	font-size: 0.9rem;
	padding: 1rem 3rem 1rem 1rem;
	margin-bottom: 0;
	border-color: #f7f9fb;
}

#site-menu .menu-item-search input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 3.1rem;
	padding: 0;
	border: 0;
	margin: 0;
	font-family: 'saulticons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	font-feature-settings: "liga";
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background: transparent;
	color: #262a2c;
}

/* 9. Content section */
#content {
	padding-bottom: 1.5rem;
}

#content.white-background {
	background-color: #fff;
}

.page-title-container {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
	text-align: center;
}

.page-title-container h1 {
	margin-bottom: 0;
}

.page-title-container h3 {
	margin-bottom: 2rem;
	font-weight: 300;
	color: #8b99a3;
}

/* 10. Blog Listing */
.blog-listing .post {
	width: 100%;
	margin-bottom: 1.5rem;
}

.blog-listing .post .feature-image-link {
	display: block;
	margin: 0 1rem -3rem;
}

.blog-listing .post .feature-image-link img {
	display: block;
	width: 100%;
}

.blog-listing .post-details {
	padding: 1.5rem 1rem;
	background-color: #f7f9fb;
}

.blog-listing .has-thumbnail .post-details {
	padding-top: 4.5rem;
}

.blog-listing .post-details .meta {
	font-size: 0.9rem;
	margin-bottom: 0;
}

.blog-listing .post-details .author-link {
	color: #acb6bd;
	font-style: italic;
}

.blog-listing .post-details .read-more {
	float: right;
}

.blog-listing .post-details .read-more i {
	position: relative;
	top: .1em;
	left: 0;
	-webkit-transition: .3s left;
	-o-transition: .3s left;
	transition: .3s left;
}

.blog-listing .post-details .read-more:hover i {
	left: .2rem;
}

.blog-listing .post.featured {
	text-align: center;
	margin-bottom: 3rem;
}

.blog-listing .post.featured .feature-image-link {
	margin-left: 0;
	margin-right: 0;
}

.blog-listing .post.featured .post-details {
	font-size: 1.2rem;
	background-color: #fff;
	background-color: rgba(255,255,255,.9);
}

.blog-listing .post.featured .post-details h3 {
	margin-bottom: 0;
}

.blog-listing .post.featured .post-details .read-more {
	float: none;
	display: inline-block;
}

.blog-listing .post.featured .post-details .read-more i {
	top: .05em;
}

/* 11. Single Blog Post */
.single .post-featured-image img {
	display: block;
	width: 100%;
}

.single .post {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.single .post .post-header {
	max-width: 80%;
	margin: 0 auto 3rem;
	text-align: center;
}

.single .post .meta-info > span {
	display: inline-block;
	padding-left: 1rem;
	padding-right: 1rem;
}

.single .post .meta-info > span:first-child {
	padding-left: 0;
}

.single .post .meta-info > span:last-child {
	padding-right: 0;
}

.single .post .post-author a {
	font-style: italic;
}

.single .post .post-content > :last-child {
	margin-bottom: 0;
}

.single .post .post-content blockquote {
	padding-top: 1rem;
	background-color: transparent;
}

.single .tags a {
	display: inline-block;
	padding: .5rem 1rem;
	margin: 0 0 .5rem .5rem;
	color: #262a2c;
	background-color: #dbe1e6;
	border-radius: 1.5rem;
}

.single .tags a:first-of-type {
	margin-left: 0;
}

.single #share-post {
	min-height: 4rem;
}

.single #share-post h5,
.single #share-post p {
	display: inline-block;
	margin-bottom: 0;
}

.single #share-post p {
	position: relative;
	top: .1rem;
}

.single #share-post .social-link {
	margin-bottom: 0;
}

.single .post-footer h5 {
	color: #acb6bd;
}

.single .post-footer .sep {
	height: 1px;
	background-color: #dbe1e6;
	margin: 1rem 0 3rem;
}

.single .author-info .author-avatar {
	float: left;
	width: 5rem;
	margin-right: .5rem;
	margin-bottom: 1rem;
}

.single .author-info .author-avatar img {
	display: block;
	border-radius: 50%;
}

.single .author-info h4 {
	padding-top: .5rem;
	padding-left: 6.5rem;
	margin-bottom: 0;
}

.single .author-info .social-link {
	padding: .25rem;
	margin-left: .5rem;
	margin-right: .5rem;
}

.single .other-posts .thumb a,
.single .other-posts .thumb a img {
	display: block;
}

.single .other-posts .thumb a {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.2rem;
	margin-bottom: 1rem;
	color: #262a2c;
}

.single .other-posts .thumb .info {
	display: block;
	padding: 1rem 1.5rem;
	background-color: #f7f9fb;
}

.single .other-posts .thumb .info i {
	position: relative;
	top: .1rem;
}

.page .post-featured-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.team-gallery {
	margin-top: 3rem;
}

.team-member {
	margin-bottom: 3rem;
}

.team-member > img {
	display: block;
	width: 100%;
}

.team-member,
.team-member:before,
.team-member > img {
	border-radius: .4rem;
}

.team-member .team-member-details {
	padding: 1rem;
}

.team-member h4 {
	margin-bottom: 0;
}

.team-member p {
	margin-bottom: 0;
}

.team-member .social-links {
	position: relative;
	left: -.8rem;
}

.team-member .social-links a {
	color: #654ce8;
}

.brand-gallery {
	margin-top: 1rem;
	margin-bottom: 4rem;
	text-align: center;
}

.brand-item {
	display: block;
	min-height: 10rem;
	padding: 2rem;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	white-space: nowrap;
}

.brand-item:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.brand-item img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
}

.brand-item.has-text img {
	max-width: 40%;
	max-height: 6rem;
	margin-right: 1rem;
}

.brand-item .text {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color: #727f88;
	max-width: 50%;
	white-space: initial;
}

.brand-item .text span {
	display: block;
}

.brand-item .text > :first-child {
	color: #262a2c;
}

/* 12. Projects Listing */
.project-listing .grid .grid-item {
	margin-bottom: 30px;
}

.project-thumb > a {
	display: block;
	position: relative;
}

.project-thumb > a:before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .9)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 75%, rgba(255, 255, 255, .9) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 75%, rgba(255, 255, 255, .9) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 75%, rgba(255, 255, 255, .9) 100%);
}

.project-thumb.welcome-message .inner {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.project-thumb.welcome-message h1 a {
	color: #654ce8;
}

.project-thumb img {
	display: block;
	width: 100%;
}

.project-thumb .project-thumb-details {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	padding: 2rem 2.5rem;
}

.project-thumb .project-thumb-details .title {
	display: block;
	font-family: 'Merriweather', sans-serif;
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #262a2c;
}

.project-thumb .project-thumb-details .description {
	display: block;
	margin-top: 1rem;
	margin-bottom: .5rem;
	color: #727f88;
}

.project-thumb a > i {
	position: absolute;
	z-index: 3;
	left: 2rem;
	top: 2rem;
	font-size: 24px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s opacity, .3s visibility, .3s left;
	-o-transition: .3s opacity, .3s visibility, .3s left;
	transition: .3s opacity, .3s visibility, .3s left;
	color: #654ce8;
}

.project-thumb a:hover > i {
	left: 2.5rem;
	opacity: 1;
	visibility: visible;
}

.project-featured-image {
	margin-bottom: 3rem;
}

.project-featured-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.project-property {
	margin-bottom: 1.5rem;
}

.project-property h5 {
	line-height: 1.5rem;
	margin-bottom: .5rem;
	color: #acb6bd;
}

#share-post.project-property p {
	display: block;
	margin-left: -1rem;
	margin-bottom: -.5rem;
}

.project-property .tags {
	margin-bottom: 1rem;
}

.project-property .tags a {
	display: inline-block;
	padding: .5rem 1.5rem;
	margin: 0 .5rem .5rem 0;
	color: #262a2c;
	background-color: #dbe1e6;
	border-radius: 1.5rem;
}

.project-property .tags a:first-of-type {
	margin-right: 0;
}

/* 13. Search results */
.search-results .result-item {
	margin-bottom: 1.5rem;
}

.search-results h4 {
	padding-top: 1rem;
}

.search-results .meta .read-more {
	float: right;
}

/* 14. Contact address selector */
#address-selector {
	position: relative;
	padding-bottom: 7rem;
	overflow: hidden;
}

#address-selector .address-container {
	display: none;
}

#address-selector .address-container.active {
	display: block;
}

#address-selector .change-address {
	position: relative;
	display: inline-block;
	color: #654ce8;
}

#address-selector .change-address:focus {
	outline: 0;
}

#address-selector .change-address i {
	font-size: 1em;
	position: relative;
	top: .1em;
}

#address-selector .change-address .address-list {
	position: absolute;
	z-index: 1;
	display: none;
	top: 100%;
	left: -1.5rem;
	padding: .5rem 1.5rem;
	width: auto;
	background-color: #fff;
	-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
	        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
	border-radius: 1.4rem;
}

#address-selector .change-address.show-list .address-list {
	display: block;
}

#address-selector .change-address .address-list .address-code {
	display: block;
	color: initial;
}

#address-selector .change-address .address-list .address-code.selected {
	color: inherit;
}

#address-selector .map {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 100%;
	width: 100%;
	bottom: 0;
	margin-top: -6rem;
	-webkit-transition: .3s top, .3s bottom, .3s margin;
	-o-transition: .3s top, .3s bottom, .3s margin;
	transition: .3s top, .3s bottom, .3s margin;
}

#address-selector.show-map .map {
	top: 0;
	bottom: 6rem;
	margin-top: 0;
}

#address-selector .map iframe {
	width: 100%;
	height: 100%;
}

#address-selector .bottom-button {
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6rem;
	display: block;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	line-height: 6rem;
	text-align: center;
	text-transform: uppercase;
}

#address-selector .bottom-button .hide-layer,
#address-selector.show-map .bottom-button .show-layer {
	display: none;
}

#address-selector.show-map .bottom-button .hide-layer {
	display: inline;
}

#address-selector .bottom-button i {
	position: relative;
	top: .3rem;
	font-size: 24px;
	padding-left: .5rem;
}

.contact-form button[type=submit] {
	width: 100%;
	margin-right: 0;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.contact-form button[type=submit],
.contact-form button[type=submit]:hover,
.contact-form button[type=submit]:focus {
	padding-left: 1rem;
	padding-right: 1rem;
}

.contact-form button[type=submit].has-arrow:after {
	content: "\e919";
	position: relative;
	top: .25rem;
	right: auto;
	line-height: 0;
	margin-left: .5rem;
	opacity: 1;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

/* 15. Widgets */
.widget {
	margin-bottom: 3rem;
}

.widget-title {
	margin-bottom: 0;
}

.widget-title:after {
	content: '';
	display: block;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.widget ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.widget ul.ul-custom-bullet {
	padding-left: 1.5rem;
}

.widget ul ul {
	padding-left: 1rem;
}

.widget li {
	margin-left: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: none;
}

.widget li a {
	color: #727f88;
}

.widget li a:hover,
.widget .current-cat > a {
	color: #654ce8;
}

.widget .subscribe-form input[type="email"] {
	padding-right: 0;
	margin-bottom: 1.5rem;
}

.widget .subscribe-form input[type="submit"] {
	position: static;
	border-radius: .4rem;
}

.searchform {
	position: relative;
	margin-bottom: 0;
}

.searchform input[type="search"] {
	font-size: 0.9rem;
	padding: 1rem 3rem 1rem 0;
	margin-bottom: 0;
	border-color: #f7f9fb;
}

.searchform input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 2rem;
	height: 2.8rem;
	padding: 0;
	border: 0;
	margin: 0;
	font-family: 'saulticons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	font-feature-settings: "liga";
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background: transparent;
	color: #262a2c;
}


/* 16. Footer section */
#footer {
	padding-top: 3rem;
	padding-bottom: 3rem;
	text-align: center;
	font-size: 0.9rem;
}

#footer .mini-logo img {
	opacity: .3;
}

#footer .widget {
	margin-bottom: 2rem;
}

#footer .widget:last-child {
	margin-bottom: 0;
}

#footer .widget_nav_menu ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

#footer .widget_nav_menu ul li {
	margin-left: 0;
	display: inline-block;
	padding: .25rem .5rem;
}

#footer .widget_nav_menu ul li a {
	color: #262a2c;
	text-transform: uppercase;
}

/* 17. Media queries */

/* 18. Mobile only query */
@media (max-width: 767px) {
	.site-title {
		position: relative;
	}

	.site-title h1 {
		padding-right: 2.75rem;
	}

	#top .site-menu-toggle {
		display: block;
		position: absolute;
		width: 2rem;
		height: 2rem;
		top: 50%;
		right: .75rem;
		margin-top: -1rem;
		font-size: 1.7rem;
		text-align: center;
		color: #262a2c;
	}

	#top .site-menu-toggle:before {
		content: '\e900';
		font-family: 'saulticons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		letter-spacing: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.no-js #top .site-menu-toggle {
		display: none;
	}

	#site-menu {
		visibility: hidden;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
	}

	#top.open-mobile-menu #site-menu {
		visibility: visible;
		max-height: 150rem;
		opacity: 1;
	}

	#site-menu ul {
		padding-left: 0;
		margin-top: 1.5rem;
		margin-bottom: 0;
		list-style: none;
	}

	#site-menu ul ul {
		margin-top: 0;
	}

	#site-menu li {
		margin-left: 0;
		border-top: 1px solid #f7f9fb;
	}

	#site-menu a {
		display: block;
		padding: 0.75rem 1rem;
		font-size: 0.9rem;
		text-decoration: none;
	}

	#site-menu .current-menu-item > a {
		background-color: #f7f9fb;
	}

	#site-menu ul ul a {
		padding-left: 2rem;
	}

	#site-menu ul ul ul a {
		padding-left: 3rem;
	}

	#site-menu .menu-item-search a {
		display: none;
	}

	#site-menu .menu-item-has-children > a:first-child {
		padding-right: 3rem;
	}

	#site-menu .menu-item-has-children .menu-expand {
		position: absolute;
		top: 0;
		right: 0;
		padding: .5rem .75rem;
		color: #262a2c;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: 0;
		text-transform: none;
		text-align: center;
	}

	.no-js #site-menu .menu-item-has-children .menu-expand {
		display: none;
	}

	#site-menu .menu-item-has-children .menu-expand:before {
		content: none;
	}

	#site-menu .menu-item-has-children .menu-expand:after {
		content: '\e909';
		font-family: 'saulticons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		letter-spacing: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	#site-menu .menu-item-has-children.collapse > .menu-expand:after {
		content: '\e90a';
	}

	#site-menu .menu-expand {
		position: absolute;
		top: 0;
		right: 0;
	}

	#site-menu .menu-item-has-children ul {
		max-height: 0;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	#site-menu .menu-item-has-children.collapse > ul {
		visibility: visible;
		opacity: 1;
		max-height: 100rem;
	}
}

/* 19. Large mobile query (576px) */
@media (min-width: 576px) {
	#top {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.blog-listing .post .feature-image-link {
		margin-left: 2rem;
		margin-right: 2rem;
	}

	.blog-listing .post-details {
		padding-left: 2rem;
		padding-right: 2rem;
	}

}

/* 20. Small tablet query (768px) */
@media (min-width: 768px) {
	html {
		font-size: 15px;
	}

	#top {
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
	}

	#top .inner {
		display: table;
		width: 100%;
	}

	#top .inner .site-title,
	#top .inner #site-menu {
		display: table-cell;
		vertical-align: middle;
	}

	#top .site-menu-toggle {
		display: none;
	}

	#site-menu ul {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
		text-align: right;
	}

	#site-menu li {
		display: inline-block;
		margin-left: 0;
	}

	#site-menu a {
		display: block;
		padding: .25rem .75rem;
		margin-top: .2rem;
		margin-bottom: .2rem;
		color: #262a2c;
	}

	#site-menu .menu-expand {
		display: none;
	}

	#site-menu nav > ul > .current-menu-item > a,
	#site-menu nav > ul > .current-menu-parent > a {
		position: relative;
	}

	#site-menu .menu-item-has-children ul {
		visibility: hidden;
		position: absolute;
		z-index: 97;
		top: 100%;
		right: 50%;
		width: 13rem;
		margin-top: .5rem;
		margin-right: -6.5rem;
		padding-top: .5rem;
		text-align: center;
		background-color: #fff;
		opacity: 0;
		-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
		        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
	}

	.no-touch #site-menu .menu-item-has-children:hover > ul,
	#site-menu .menu-item-has-children.hover > ul {
		visibility: visible;
		margin-top: 0;
		opacity: 1;
	}

	.csstransitions #site-menu li.menu-item-has-children ul {
		-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, margin .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, margin .3s ease-in-out;
		transition: opacity .3s ease-in-out, visibility .3s ease-in-out, margin .3s ease-in-out;
		-webkit-transition-delay: .1s;
		-o-transition-delay: .1s;
		   transition-delay: .1s;
	}

	#site-menu .menu-item-has-children .menu-item-has-children ul {
		top: -1rem;
		right: 100%;
		margin: 0;
		padding-top: 0;
		font-size: 1em;
	}

	#site-menu .menu-item-has-children li {
		display: block;
		background-color: #fff;
	}

	#site-menu .menu-item-has-children li:first-child {
		padding-top: 1rem;
	}

	#site-menu .menu-item-has-children li:last-child {
		padding-bottom: 1rem;
	}

	#site-menu .menu-item-has-children li a {
		display: block;
		padding: .5rem;
		margin: 0;
	}

	#site-menu .menu-item-has-children li .menu-expand {
		display: none;
	}

	#site-menu .menu-item-search {
		position: relative;
	}

	#site-menu .menu-item-search a {
		position: relative;
		z-index: 2;
		padding-right: 0;
		min-width: 1rem;
		max-width: 2.35rem;
	}

	#site-menu .menu-item-search.hover a:focus {
		outline: 0;
	}

	#site-menu .menu-item-search a i {
		display: none;
		position: relative;
		top: .35rem;
		font-size: 24px;
		line-height: 0;
		text-align: center;
	}

	#site-menu .menu-item-search a i:first-child {
		display: inline-block;
	}

	#site-menu .menu-item-search.hover a i:last-child {
		display: inline-block;
	}

	#site-menu .menu-item-search.hover a i:first-child {
		display: none;
	}

	#site-menu .menu-item-search form {
		visibility: hidden;
		position: absolute;
		z-index: 98;
		top: 0;
		right: 2.25rem;
		width: 3rem;
		margin-top: -.2rem;
		background-color: #fff;
		opacity: 0;
		-webkit-box-shadow: 0 0 10px 10px rgba(255,255,255,.8);
		        box-shadow: 0 0 10px 10px rgba(255,255,255,.8);
		-webkit-transition: opacity .3s ease-in-out, width .3s ease-in-out, visibility .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out, width .3s ease-in-out, visibility .3s ease-in-out;
		transition: opacity .3s ease-in-out, width .3s ease-in-out, visibility .3s ease-in-out;
	}

	#site-menu .menu-item-search.hover form {
		visibility: visible;
		width: 10rem;
		opacity: 1;
	}

	#site-menu .menu-item-search form input[type="submit"] {
		visibility: hidden;
	}

	#site-menu .menu-item-search form input[type="search"] {
		padding: .75rem;
		border: 1px solid #727f88;
	}

	#content {
		padding-bottom: 3rem;
	}

	.page-title-container {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.owl-carousel .owl-stage-outer {
		margin-left: -2rem;
		margin-right: -2rem;
		padding: 0 2rem 2rem;
	}

	.owl-carousel.owl-slider .owl-stage-outer {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

	.owl-carousel .owl-nav {
		display: block;
	}

	.owl-carousel .owl-nav > div {
		margin-top: -40px;
	}

	.owl-carousel.owl-slider .owl-nav > div {
		margin-top: -25px;
	}

	.owl-carousel .owl-dots {
		bottom: 20px;
	}

	.tab-links {
		padding-top: 4.7rem;
		padding-left: 2rem;
	}

	.tab-links li {
		display: block;
		margin: 0 0 1rem;
	}

	.tab-links li a:before {
		content: '\e904';
		font-family: 'saulticons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		letter-spacing: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: absolute;
		top: .3rem;
		left: -2rem;
		width: 1.2rem;
		font-size: 18px;
		opacity: 0;
		-webkit-transition: .3s color, .3s opacity, .3s left;
		-o-transition: .3s color, .3s opacity, .3s left;
		transition: .3s color, .3s opacity, .3s left;
	}

	.tab-links li a.active:before {
		opacity: 1;
		left: -1.5rem;
	}

	.white-box,
	.dark-box {
		margin-bottom: 5rem;
	}

	.text-box .read-more i {
		position: relative;
		left: 0;
		top: .1rem;
		opacity: 0;
		-webkit-transition: .3s left, .3s opacity;
		-o-transition: .3s left, .3s opacity;
		transition: .3s left, .3s opacity;
	}

	.text-box {
		border-radius: .6rem;
		-webkit-transition: .3s box-shadow;
		-o-transition: .3s box-shadow;
		transition: .3s box-shadow;
	}

	.text-box:hover {
		-webkit-box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
		        box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
	}

	.text-box:hover .read-more i {
		left: .3rem;
		opacity: 1;
	}

	.brand-item,
	.project-thumb > a {
		-webkit-transition: .3s box-shadow;
		-o-transition: .3s box-shadow;
		transition: .3s box-shadow;
	}

	.brand-item:hover,
	.brand-item:focus,
	.project-thumb > a:hover,
	.project-thumb > a:focus {
		-webkit-box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
		        box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
	}

	.brand-item.has-text img {
		padding-right: 2rem;
	}

	.project-thumb > a:before {
		background: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .3s opacity, .3s visibility;
		-o-transition: .3s opacity, .3s visibility;
		transition: .3s opacity, .3s visibility;
	}

	.project-thumb > a:hover:before,
	.project-thumb > a:focus:before {
		opacity: .9;
		visibility: visible;
	}

	.project-thumb .project-thumb-details {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .3s opacity, .3s visibility;
		-o-transition: .3s opacity, .3s visibility;
		transition: .3s opacity, .3s visibility;
	}

	.project-thumb.grid-item-wide .project-thumb-details .title {
		font-size: 2.4rem;
		letter-spacing: -.1rem;
		line-height: 3.8rem;
	}

	.project-thumb a:hover .project-thumb-details,
	.project-thumb a:focus .project-thumb-details {
		opacity: 1;
		visibility: visible;
	}

	.project-thumb.welcome-message {
		background-color: #f7f9fb;
		padding: 10px;
	}

	.project-thumb.welcome-message .inner {
		padding: 2rem;
		background-color: #fff;
		background-color: rgba(255, 255, 255, .9);
	}

	.project-thumb.welcome-message h1 {
		max-width: 85%;
		margin-bottom: 1.5rem;
	}

	.blog-listing .grid .grid-item {
		margin-bottom: 3rem;
	}

	.blog-listing.no-sidebar .grid .grid-item,
	.blog-listing.no-sidebar .grid .grid-sizer {
		width: 47.5%;
	}

	.blog-listing.no-sidebar .grid .gutter-sizer {
		width: 5%;
	}

	.blog-listing.no-sidebar .grid .grid-item {
		float: left;
		margin-right: 5%;
	}

	.blog-listing.no-sidebar .grid .grid-item:nth-child(2n+2) {
		margin-right: 0;
	}

	.blog-listing .grid .post .post-details {
		-webkit-transition: .3s background-color, .3s box-shadow;
		-o-transition: .3s background-color, .3s box-shadow;
		transition: .3s background-color, .3s box-shadow;
	}

	.blog-listing .grid .post:hover .post-details {
		background-color: #fff;
		-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
		        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
	}

	.blog-listing .grid .post .feature-image-link {
		margin-bottom: -4rem;
		-webkit-transition: .3s box-shadow;
		-o-transition: .3s box-shadow;
		transition: .3s box-shadow;
	}

	.blog-listing .grid .post:hover .feature-image-link {
		-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
		        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, .1);
	}

	.blog-listing .grid .has-thumbnail .post-details {
		padding-top: 5.5rem;
		padding-bottom: 2rem;
	}

	.blog-listing .featured.has-thumbnail {
		position: relative;
		margin-bottom: 4rem;
		-webkit-transform-style: preserve-3d;
		        transform-style: preserve-3d;
	}

	.blog-listing .featured.has-thumbnail .feature-image-link {
		margin: 0;
	}

	.blog-listing .featured.has-thumbnail .post-details {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		left: 10%;
		right: 10%;
		padding: 3rem;
		text-align: center;
		border-radius: .3rem;
	}

	.single .post-featured-image {
		margin-bottom: -5rem;
	}

	.single .post {
		position: relative;
		z-index: 1;
		padding: 3rem;
		margin-bottom: 3rem;
		background-color: #fff;
		-webkit-box-shadow: 0 20px 40px 0 rgba(139, 153, 163, 0.1);
		        box-shadow: 0 20px 40px 0 rgba(139, 153, 163, 0.1);
		border-radius: .4rem;
	}

	.single .post .post-header h2 {
		margin-bottom: 1.5rem;
	}

	.single .post .post-header {
		max-width: none;
	}

	.single .post .meta-info {
		font-size: 0;
	}

	.single .post .meta-info > span {
		font-size: 1rem;
	}

	.single .post .meta-info > span:after {
		content: '\2022';
		position: relative;
		font-size: 1.4rem;
		line-height: 0;
		left: 1rem;
		top: .1rem;
	}

	.single .post .meta-info > span:last-child:after {
		content: none;
	}

	.single .post-footer .tags {
		text-align: right;
	}

	.single .tags a {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.single .other-posts .thumb a {
		position: relative;
		margin-bottom: 0;
		background-color: #fff;
		-webkit-transition: .3s box-shadow;
		-o-transition: .3s box-shadow;
		transition: .3s box-shadow;
	}

	.single .other-posts .thumb a:hover {
		-webkit-box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
		        box-shadow: 0 15px 30px 0 rgba(139, 153, 163, .1);
	}

	.single .other-posts .thumb .info {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		background-color: transparent;
	}

	.single .other-posts .thumb .info i {
		display: none;
	}

	.single .other-posts .thumb .overlay {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: .5;
		-webkit-transition: .3s opacity;
		-o-transition: .3s opacity;
		transition: .3s opacity;
	}

	.single .other-projects .thumb .overlay {
		opacity: 0;
	}

	.single .other-posts .thumb a:hover .overlay {
		opacity: .8;
	}

	.single .other-projects .thumb a:hover .overlay {
		opacity: .9;
	}

	.single .other-posts .thumb .text {
		position: absolute;
		z-index: 3;
		left: 1.25rem;
		right: 1.25rem;
		bottom: 1rem;
	}

	.single .other-projects .thumb .text {
		opacity: 0;
		-webkit-transition: .3s opacity;
		-o-transition: .3s opacity;
		transition: .3s opacity;
	}

	.single .other-projects .thumb a:hover .text {
		opacity: 1;
	}

	.single .author-info h4 {
		padding-top: 0;
		padding-left: 7rem;
	}

	.single .author-info .social-links {
		float: right;
		margin-top: -2rem;
		margin-bottom: 0;
	}

	.single .author-info .author-description {
		padding-left: 7rem;
		margin-top: 1rem;
		margin-bottom: 1.5rem;
	}

	.project-listing .grid .grid-item,
	.project-listing .grid .grid-sizer {
		width: 47.5%;
	}

	.project-listing .grid .gutter-sizer {
		width: 5%;
	}

	.project-listing .grid .grid-item {
		float: left;
	}

	.project-listing .grid .grid-item.grid-item-wide {
		width: 100%;
	}

	.widget {
		margin-bottom: 4rem;
	}

	#footer {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	#footer .widget {
		margin-bottom: 3rem;
	}

	#footer .widget_nav_menu ul li {
		padding: .5rem 1rem;
	}
}

/* 21. Large tablet query (992px) */
@media (min-width: 992px) {
	#top {
		padding-top: 2.8rem;
		padding-bottom: 2.8rem;
	}

	#site-menu a {
		padding: .5rem 1.25rem;
	}

	#site-menu .menu-item-search a {
		max-width: 2.8rem;
	}

	#site-menu .menu-item-search form {
		margin-top: 0;
	}

	.page-title-container {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
		max-width: 60%;
	}

	.call-to-action {
		padding: 5rem 3rem;
	}

	.call-to-action > h3 {
		display: inline-block;
		position: relative;
		top: .25em;
	}

	.call-to-action > h3,
	.call-to-action > .button {
		margin: 1rem 2rem;
	}

	.call-to-action .vertical-middle {
		position: relative;
	}

	.call-to-action .vertical-middle h1,
	.call-to-action .vertical-middle h2,
	.call-to-action .vertical-middle h3,
	.call-to-action .vertical-middle .button {
		margin-bottom: 0;
	}

	.call-to-action .vertical-middle h1,
	.call-to-action .vertical-middle h2,
	.call-to-action .vertical-middle h3 {
		max-width: 50%;
	}

	.call-to-action .vertical-middle .button {
		position: absolute;
		right: 0;
		top: 50%;
		max-width: 40%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}

	.grey-box .overlay {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.grey-box .overlay h1 {
		padding-bottom: 2rem;
	}

	.error404 .grey-box .overlay h1 {
		padding-bottom: initial;
	}

	.subscribe-form {
		max-width: 27rem;
	}

	.text-center .subscribe-form {
		margin-left: auto;
		margin-right: auto;
	}

	.subscribe-form .one-line {
		position: relative;
	}

	.subscribe-form input[type="email"] {
		padding: 1.1rem 12.5rem 1.1rem 0;
		margin-bottom: 0;
	}

	.subscribe-form input[type="submit"] {
		position: absolute;
		top: 1px;
		right: 0;
		width: 12rem;
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
		border-radius: 0;
	}

	.team-gallery {
		margin-top: 5rem;
	}

	.team-member {
		position: relative;
		-webkit-transition: .3s box-shadow;
		-o-transition: .3s box-shadow;
		transition: .3s box-shadow;
	}

	.team-member:hover {
		-webkit-box-shadow: 0 30px 60px 0 rgba(139, 153, 163, .1);
		        box-shadow: 0 30px 60px 0 rgba(139, 153, 163, .1);
	}

	.team-member:before {
		content: '';
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .3s opacity, .3s visibility;
		-o-transition: .3s opacity, .3s visibility;
		transition: .3s opacity, .3s visibility;
	}

	.team-member:hover:before {
		opacity: .9;
		visibility: visible;
	}

	.team-member .team-member-details {
		position: absolute;
		z-index: 3;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 1.2rem 2rem;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .3s opacity, .3s visibility;
		-o-transition: .3s opacity, .3s visibility;
		transition: .3s opacity, .3s visibility;
	}

	.team-member:hover .team-member-details {
		opacity: 1;
		visibility: visible;
	}

	.blog-listing .grid .post {
		margin-bottom: 3.5rem;
	}

	.blog-listing.no-sidebar .grid .grid-item,
	.blog-listing.no-sidebar .grid .grid-sizer {
		width: 30%;
	}

	.blog-listing.no-sidebar .grid .grid-item:nth-child(2n+2) {
		margin-right: 5%;
	}

	.blog-listing.no-sidebar .grid .grid-item:nth-child(3n+3) {
		margin-right: 0;
	}

	.blog-listing .featured.has-thumbnail .post-details {
		left: 25%;
		right: 25%;
	}

	.single .other-posts .thumb .info i {
		display: block;
		position: absolute;
		z-index: 5;
		top: 1.5rem;
		left: 1rem;
		opacity: 0;
		color: #654ce8;
		-webkit-transition: .3s opacity, .3s left;
		-o-transition: .3s opacity, .3s left;
		transition: .3s opacity, .3s left;
	}

	.single .other-posts .thumb a:hover .info i {
		left: 1.5rem;
		opacity: 1;
	}

	.single .other-posts .thumb .text {
		left: 1.75rem;
		right: 1.75rem;
		bottom: 1.25rem;
	}

	.project-listing .grid .grid-item,
	.project-listing .grid .grid-sizer {
		width: 31.3333%;
	}

	.project-listing .grid .gutter-sizer {
		width: 3%;
	}

	.project-listing .grid .grid-item {
		margin-bottom: 3%;
	}

	.project-listing .grid .grid-item.grid-item-wide {
		width: 65.66667%;
	}

	.project-thumb.grid-item-wide .project-thumb-details .description {
		max-width: 70%;
	}

	.project-thumb.welcome-message {
		padding: 0 0 65.592%;
	}

	.project-thumb.welcome-message .inner {
		position: absolute;
		top: .8rem;
		left: .8rem;
		right: .8rem;
		bottom: .8rem;
		padding: 3rem 2rem;
	}

	.widget .subscribe-form input[type="text"] {
		margin-bottom: .5rem;
	}

	.widget .subscribe-form input[type="submit"] {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	#address-selector {
		padding-bottom: 8rem;
	}

	#address-selector ul li {
		font-size: 1.1rem;
		margin-bottom: 2rem;
	}

	#address-selector ul li i {
		font-size: 24px;
	}

	#footer .widget_nav_menu ul li {
		padding: .5rem 1.5rem;
	}

}

/* 22. Desktop query (1200px) */
@media (min-width: 1200px) {
	#top {
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
	}

	#site-menu a {
		padding-left: 1.75rem;
		padding-right: 1.75rem;
	}

	#site-menu .menu-item-has-children li a {
		padding: .75rem;
	}

	#site-menu .menu-item-has-children ul {
		width: 15rem;
		margin-right: -7.5rem;
	}

	#site-menu .menu-item-search {
		-webkit-transition: padding-left .3s;
		-o-transition: padding-left .3s;
		transition: padding-left .3s;
	}

	#site-menu li.menu-item-search.hover {
		padding-left: 10em;
	}

	#site-menu .menu-item-search a {
		max-width: 3.35rem;
	}

	#site-menu .menu-item-search form {
		right: 2rem;
	}

	.call-to-action {
		padding: 6rem 4rem;
	}

	.blog-listing.has-sidebar .grid .grid-item,
	.blog-listing.has-sidebar .grid .grid-sizer {
		width: 48.1%;
	}

	.blog-listing.has-sidebar .grid .gutter-sizer {
		width: 3.8%;
	}

	.blog-listing.has-sidebar .grid .grid-item {
		float: left;
		margin-right: 3.8%;
	}

	.blog-listing.has-sidebar .grid .grid-item:nth-child(2n+2) {
		margin-right: 0;
	}

	.blog-listing .featured.has-thumbnail .post-details {
		left: 28%;
		right: 28%;
	}

	.project-listing .grid .grid-item,
	.project-listing .grid .grid-sizer {
		width: 22.975%;
	}

	.project-listing .grid .gutter-sizer {
		width: 2.7%;
	}

	.project-listing .grid .grid-item {
		margin-bottom: 2.7%;
	}

	.project-listing .grid .grid-item.grid-item-wide {
		width: 48.65%;
	}

	.project-thumb.welcome-message {
		padding-bottom: 48.65%;
	}

	.project-thumb.welcome-message h1 {
		max-width: 100%;
	}

	#footer {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	#footer .widget_nav_menu ul li {
		padding: .5rem 2rem;
	}
}

@media (min-width: 1320px) {
	.owl-carousel .owl-prev {
		left: -70px;
	}

	.owl-carousel .owl-next {
		right: -70px;
	}
}

/* 23. Print query */
@media print {
	.project-listing .grid-item[style] {
		position: relative !important;
		left: 0 !important;
		top: auto !important;
	}

	.project-listing .grid[style] {
		height: auto !important;
	}

	#top .site-menu-toggle {
		display: none;
	}

	h2, h3 { orphans: 3; widows: 3; page-break-after: avoid; }
	p { orphans: 3; widows: 3; }
	pre, blockquote { page-break-inside: avoid; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a, a:visited { text-decoration: underline; }
}