/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(https://fonts.gstatic.com/s/lato/v11/81X-1TO5y4aMK2PPy9kFwxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(https://fonts.gstatic.com/s/lato/v11/VNUH7ZAcagYBWsAiBBCEY1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*************************************
*  Stylesheet of Nela Dunato.com     *
*  Copyright 2012-2020 Nela Dunato   *
*							 		 *
*************************************/
/* reset
	html, body, div, p, ul, ol, dl, li, dd, dt, table, tr, td, th, a, img, fieldset, legend, h1, h2, h3, h4, h5, h6, h7, blockquote, hr {
		margin: 0;
		padding: 0;
		border: none;
		text-decoration: none;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	} */
	html, body {
        height: 100%;
        overflow-x: hidden;
    }
	input, textarea, select, option {
		border: none;
		color: inherit;
		font: inherit;
	}
    body > iframe {position: absolute; top: -9999px;}
	input:focus, select:focus, button:focus, textarea:focus, a:focus, a:active {outline: none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
	input:-webkit-autofill {background-color: #fff !important; background-image:none !important;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
		display: block;
	}
    blockquote .small::before, blockquote footer::before, blockquote small::before {
        content: " ";
        display: none;
    }
	a,
    button,
    input:focus,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    textarea:focus,
    .button,
    .gallery img,
    a span,
    a img,
    img {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition:    all 0.2s ease-in-out;
        -ms-transition:     all 0.2s ease-in-out;
        -o-transition:      all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
	a:focus, button:focus, input[type="submit"]:focus {
		outline: 2px dotted rgba(160,130,150,.5);
	}
    .strip a:focus, .dark a:focus, .strip button:focus, .strip input[type="submit"]:focus, .dark button:focus, .dark input[type="submit"]:focus {
		outline: 2px dotted rgba(213,200,209,.7);
	}

/* layout */
    .center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .left {
        float: left;
    }
	.right {
		float: right;
	}
	p.right {
		float: none;
		text-align: right;
	}
    img.left {margin: 0 20px 10px 0;}
	img.right {margin: 0 0 10px 20px;}
    .invisible {
		visibility: visible;
        position: absolute;
		top: -99999px;
	}
    article header {
        margin-bottom: 20px;
    }
    article p img {
        margin: 20px 0;
    }
@media only screen and (max-width: 800px) {
    main .container {
        padding-right: 30px;
        padding-left: 30px;
    }
}

/* typography */
    body {
        font-family: "Alegreya", "Cambria", "Georgia", "Palatino Linotype", serif;
        color: #444;
    }
    p, li, dd, dt, th, td, h4, h5, h6 {
        font-family: "Lato", "Calibri", "Arial", "Helvetica", sans-serif;
        font-size: 18px;
    }
	p {margin-bottom: 1em;}
    /*b, strong {letter-spacing: .03em;}*/
    blockquote b, blockquote strong {letter-spacing: 0;}
    th, dt {
        font-weight: bold;
        /*letter-spacing: .03em;*/
    }
    dd {font-weight: normal;}
    dd, dt {
        line-height: 1.3em;
    }
    article li, article dd, article dt {
        line-height: 150%;
        margin-bottom: 10px;
    }
    h1, .h1 {
        font-weight: bold;
        font-size: 36px;
        font-size: 3.2em;
        line-height: 1.1em;
		margin: 0 0 50px 0;
		color: #a81461;
        text-transform: none;
    }
	.large p {
		text-align: center;
		font-size: 20px;
	}
@media screen and (max-width: 700px) {
	h1, .h1 {
        font-size: 28px;
        font-size: 2.2em;
    }
}
    .h1 {
		margin: 30px 0 50px 0;
    }
	.landing h1 {margin: 0 0 30px 0;}
	.landing .h1 {margin: 50px 0 30px 0;}
	.branding-quiz-result-stage1 h1, .branding-quiz-result-stage2 h1, .branding-quiz-result-stage2 h1 {
        text-align: center;
    }
    h2 {
		font-weight: bold;
        font-size: 2.2em;
        line-height: 1.1em;
		/*text-transform: uppercase;*/
        /*margin: 20px 0 10px 0;*/
        margin: 1.5em 0 1em 0;
		color: #a81461;
	}
	.landing h2 {margin: 2em 0 1em 0;}
    h3 {
		font-weight: bold;
        font-size: 1.8em;
        line-height: 1.2em;
        /*margin: 20px 0 10px 0;*/
        margin: 1em 0 1em 0;
		/*color: #74084f;*/
        color: #a81461;
	}
    h4 {
		font-weight: bold;
        text-transform: uppercase;
        letter-spacing: .05em;
        line-height: 1.3em;
        /*color: #74084f;*/
        color: #a81461;
	}
    li > h3 {
        font-family: "Alegreya", "Cambria", "Georgia", "Palatino Linotype", serif;
        font-size: 20px;
        line-height: 1.3em;
        margin: 0 0 5px 0;
	}
    form h2 {margin-bottom: 20px;}
    #sidebar h2, #footer h2 {
        text-transform: none;
    }
    #menu li, .strip .hr {
        font-family: "Lato", "Calibri", "Arial", "Helvetica", sans-serif;
        font-size: 16px;
        text-transform: uppercase;
    }
    .intro h2 {
        font-family: "Alegreya", "Cambria", "Georgia", "Palatino Linotype", serif;
        color: #fff;
        font-style: italic;
        font-size: 44px;
        text-align: center;
        font-weight: bold
    }
    .intro p {
        color: #fff;
        font-size: 22px;
        text-align: center;
        text-transform: uppercase;
    }
    .post p, .post ul, .post ol, main article ul, main article ol, main article dl  {
        line-height: 1.7em;
        margin-bottom: 1.5em;
    }
    .blog .post h3 {color: #74084F;}
    a:link, a:visited, a:hover, a:focus, a:active {
        color: #c51f43;
        text-decoration: none;
    }
	a:hover, a:focus, a:active {
        color: #a5283d;
    }
    article a:link, article a:visited, article a:hover, article a:focus, article a:active,
    #sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:focus, #sidebar a:active{
        text-decoration: underline;
    }
    .dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark p, .dark li, .dark a {
        color: #fff !important;
    }
    small, .light {
        color: #a08296;
    }
    .dark .light, .dark .date {
        color: #d5c8d1 !important;
    }
    .button, input[type="submit"], button, a.button {
        font-family: "Alegreya", "Cambria", "Georgia", "Palatino Linotype", serif;
        line-height: 1em;
        font-size: 24px;
		text-align: center;
		text-decoration: none !important;
        font-style: italic;
        font-weight: bold;
    }
    .date {
        text-transform: uppercase;
        color: #a08296;
        font-size: 12px;
        letter-spacing: .03em;
        word-spacing: .1em;
        margin: -10px 0 20px 0;
    }
    .date a:link, .date a:visited, .date a:hover, .date a:focus, .date a:active,
    h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus, h2 a:active,
    h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active {
        text-decoration: none;
    }
    h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus, h2 a:active,
    h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active {
        color: inherit;
    }
    .blog article.post h2 a:link, .blog article.post h2 a:visited, .blog article.post h2 a:hover,
    .blog article.post h2 a:focus, .blog article.post h2 a:active, .blog article.post h3 a:link,
    .blog article.post h3 a:visited, .blog article.post h3 a:hover, .blog article.post h3 a:focus,
    .blog article.post h3 a:active {
        text-decoration: underline;
        color: #c51f43;
    }
    .blog article.post h2 a:hover, .blog article.post h2 a:focus, .blog article.post h2 a:active,
    .blog article.post h3 a:hover, .blog article.post h3 a:focus, .blog article.post h3 a:active {
        color: #a5283d;
    }
	blockquote h2:first-child, blockquote h3:first-child, .notice h2:first-child, .notice h3:first-child, .pricing h2:first-child, .pricing h3:first-child {
		margin-top: 0 !important;
	}
    blockquote p, .post blockquote p {
        font-family: "Alegreya", "Cambria", "Georgia", "Palatino Linotype", serif;
        font-style: italic;
        font-size: 24px;
        line-height: 1.3em;
		margin-bottom: .5em;
    }
    blockquote footer p, .post blockquote footer p {
        font-family: "Lato", "Calibri", "Arial", "Helvetica", sans-serif;
        font-style: normal !important;
    }
    blockquote footer p cite {
        font-style: normal !important;
    }
    blockquote footer p, .post blockquote footer p {
        font-size: 20px;
        font-weight: bold;
        padding-top: 5px;
        margin-bottom: 5px;
        letter-spacing: .03em;
    }
    blockquote footer p.role {
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
    }
    .quote blockquote p {
        text-align: center;
		line-height: 120%;
    }
    p.image {
		font-style: italic;
        color: #a08296;
        margin-bottom: 25px;
        text-align: center;
	}
	p.image.border img {
		border: 20px solid #f5f5f5;
	}
    p a.next {
        font-family: "Alegreya", "Cambria", "Georgia", "Palatino Linotype", serif;
        font-size: 20px;
        text-decoration: underline;
    }
    .menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    label {
        font-family: "Lato", "Calibri", "Arial", "Helvetica", sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: normal !important;
    }
    input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea, select {
		color: #a81461;
		font-size: 18px;
        font-family: "Alegreya", "Cambria", "Georgia", "Palatino Linotype", serif;
	}
@media screen and (max-width: 1023px) {
    p:last-child {margin-bottom: 20px;}
}
@media screen and (min-width: 1024px) {
    p:last-child {margin-bottom: 0;}
}

/* design */
    body {
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg.jpg") #ebe9e2 0% 0% repeat fixed;
    }
    table {
        margin: 30px 0;
        width: 100%;
    }
    td, th {
        border-bottom: 1px solid #d5c8d1;
        vertical-align: top;
        padding: 15px;
    }
    img {
        max-width: 100%;
		height: auto;
		/*width: auto\9; /* ie8 */
    }
    img.left {margin: 0 20px 10px 0;}
	img.right {margin: 0 0 10px 20px;}
    ul.check {
        padding: 0 0 20px 0;
    }
    .check li {
		list-style: none;
		padding-left: 30px;
		position: relative;
	}
	.check li:before {
		display: block;
		position: absolute;
		top: .1em;
		left: 0;
		content: " ";
		width: 23px;
		height: 19px;
		background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png) -150px -64px no-repeat;
	}
    .strip {
        background: #000;
        position: relative;
    }
    .padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
@media only screen and (min-width: 960px) {
    .padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
	.narrow {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .narrow p {margin-bottom: 0 !important;}
	.padding p:last-child {margin-bottom: 0 !important;}
	.padding.banner {
        padding: 30px;
    }
	.banner .button {
		margin: 0 30px;
	}
	.home .padding.banner {display: none;}
@media only screen and (max-width: 1024px) {
    .banner .button {
		display: table;
		width: auto;
		margin: 15px auto 0 auto;
		text-align: center;
	}
}
    .padding h2:first-child {margin-top: 0;}
    .notice h3:first-child {margin-top: 0;}
    .strip.texture {
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-texture-xsmall.jpg") #59003b 50% 0% no-repeat;
        background-size: cover;
    }
    .strip.color {
        background: #59003b;
    }
    .strip.color.transparency {
        background: rgba(89, 0, 59, 0.5);
    }
    .strip.black.transparency {
        background: rgba(0, 0, 0, 0.8);
    }
    blockquote {
		padding: 50px;
		border: none;
		margin-top: 30px;
		margin-bottom: 30px;
        color: #a81461;
        background: #f5f5f5;
	}
    blockquote footer {
        color: #75002f;
    }
    blockquote footer {
        padding-left: 20px;
        position: relative;
    }
    blockquote footer p.name:before {
        display: inline;
        content: "— ";
        color: #75002f;
        margin-left: -1em;
        font-weight: normal;
    }
    blockquote.dark {
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-texture-small.jpg") #a81461 50% 0% no-repeat;
        background-size: cover;
    }
	blockquote.dark footer p.name:before {color: #fff;}
    .quote blockquote {
        width: 483px;
        min-height: 457px;
        margin: 0 auto;
        border: none;
        padding: 100px 70px;
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-ornament-white.png") transparent 0% 0% no-repeat;
    }
    .quote blockquote footer {
        padding-left: 0;
    }
    .quote blockquote footer p.name:before {
        display: none;
    }
    .dark.quote blockquote {
        background-image: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-ornament-white.png");
    }
	blockquote.highlight {
		text-align: center;
		border: 2px solid #f5f5f5;
		padding: 10px;
		background-clip: content-box;
	}
	blockquote.highlight p {
		padding: 40px;
		font-size: 30px;
	}
    p a.next {position: relative;}
    p a.next:after {
        display: inline-block;
        content: " ";
        width: 7px;
        height: 14px;
        margin-left: 5px;
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png") -130px -50px no-repeat;
    }
    p a.next.big:after {
        width: 14px;
        height: 27px;
        background-position: -130px -64px;
    }
    hr {
		clear: both;
		margin: 20px 0;
		border: none;
        height: 30px;
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-separator-small.png") 50% 0 no-repeat;
	}
    hr.big {
        height: 38px;
        background-image: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-separator.png");
	}
    ol.process.noimage > li, ol.process.noimage > li:nth-child(even) {
        padding: 60px 0 20px 0;
        min-height: 0;
    }
    ol.process.noimage > li:after {
        display: none;
    }
	.logo-featured {
		padding: 20px;
	}
@media screen and (max-width: 768px) {
    hr.big {margin: 20px -15px;}
}
@media screen and (max-width: 600px) {
    hr {margin: 20px -15px;}
}
@media screen and (max-width: 500px) {
    .quote blockquote {
        width: 100%;
        background-position: 50% 0%;
    }
    .quote blockquote p {font-size: 23px;}
}
@media screen and (max-width: 479px) {
    .quote blockquote {
        width: 100%;
        background-position: 50% 0%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .quote blockquote p {font-size: 22px;}
}
@media screen and (min-width: 1024px) {
    .strip.texture {background-image: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-texture-small.jpg");}
}
@media screen and (min-width: 1080px) {
    .strip.texture {background-image: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-texture.jpg");}
}
@media only screen and (min-width: 800px) {
	span.br {
		display: table;
		width: 100%;
	}
}
/* header */
    #logo {
		display: block;
		background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/NelaDunato-logo-white.png) 50% 50% no-repeat;
		background-image: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/NelaDunato-logo-white.svg);
        background-size: contain;
		width: 171px;
        height: 54px;
		text-indent: -9999px;
		position: relative;
        margin: 13px auto 0 auto;
	}
	#logo:before {
		display: block;
		position: absolute;
		top: -13px;
		left: -44px;
		content: " ";
		width: 259px;
		height: 80px;
		background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-logo.jpg) 0% 0% no-repeat;
		z-index: -1;
	}
    .intro {
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/header03-xsmall.jpg) #c33754 50% 50% no-repeat;
        background-size: cover;
        padding: 90px 20px 150px 20px;
        text-align: center;
    }
    .intro h2 {font-size: 28px;}
    .intro p {
        margin: 0 auto;
        font-size: 16px;
    }
@media screen and (min-width: 480px) {
    .intro {
        background-image: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/header03-small.jpg);
        padding: 90px 40px 110px 40px;
    }
}
@media screen and (min-width: 630px) {
    .intro {
        background-image: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/header03-small.jpg);
        padding: 100px 30px 150px 30px;
    }
    .intro h2 {font-size: 36px;}
    .intro p {font-size: 18px;}
}
@media screen and (min-width: 760px) {
    .intro {
        background-image: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/header03.jpg);
    }
    .intro h2 {font-size: 36px;}
    .intro p {font-size: 18px;}
}
@media screen and (min-width: 1024px) {
    .intro {
        padding: 180px 0 220px 0;
    }
	.home .intro {
        padding: 70px 0 140px 0;
		/*background-attachment: fixed;
		background-position: inherit;*/
    }
    .intro h2 {font-size: 44px;}
    .intro p {
        font-size: 22px;
        position: relative;
        display: inline-block;
        transition: width .5s;
    }
    .intro p:before, .intro p:after {
        position: absolute;
        display: block;
        content: " ";
        width: 72px;
        height: 18px;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png) -178px -50px no-repeat;
        left: -85px;
        top: 50%;
        margin: -10px 0 0 0;
    }
    .intro p:after {
        background-position: -178px -68px;
        left: auto;
        right: -85px;
    }
}
/* menu */
    #header .strip {
        position: relative;
        z-index: 1;
	}
    #toggle, .toggle {display: none;}
    #menu {
        text-align: center;
        padding: 35px 0 10px 0;
    }
	#menu li {
		display: inline;
		list-style: none;
        padding: 0 8px;
	}
	#menu a {
		color: #fff;
	}
	#menu a:hover, #menu a:focus, #menu a:active {
		color: #c51f43;
		text-decoration: none;
	}
	.strip .hr {
		color: #fff;
		position: absolute;
		top: 28px;
		right: 15px;
        display: none;
	}
	.strip .hr:hover {
		color: #c51f43;
		text-decoration: none;
	}
@media screen and (max-width: 980px) {
    body{ -webkit-animation: bugfix infinite 1s; }
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
    #header .strip {
        min-height: 80px;
    }
    #logo {
        margin: 13px 60px 0 0;
        float: left;
	}
    #header nav {
        padding-top: 80px;
    }
    #menu {
        clear: both;
        float: none;
        /*padding: 20px 0 20px 0;*/
        padding: 20px 0 60px 0; /* add padding for HR */
        margin: 0 -15px;
		display: none;
		opacity: 0;
		width: auto;
        background: #59003b;
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-texture-xsmall.jpg") #59003b 50% 0% no-repeat;
        background-size: cover;
        position: relative;
	}
    #menu:before {
        display: block;
        content: " ";
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.7);
    }
	#menu > li {
		display: block;
		width: 100%;
		margin: 0 0 5px 0;
	}
	#menu > li > a, a.hr {
		display: inline-block;
		text-decoration: none;
        padding: 5px 10px;
        margin: 0 10px;
        position: relative;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	#menu a:focus, #menu a:hover, a.hr:focus, a.hr:hover {
		background: #c51f43;
        color: #fff;
	}
    .strip .hr {
		color: #fff !important;
		position: relative;
		top: auto;
		right: auto;
        display: none;
		text-align: center;
		width: auto !important;
		margin: -60px auto 0 auto;
	}
    .toggle {
		display: block;
		position: absolute;
		z-index: 99;
		top: 20px;
		right: 15px;
		cursor: pointer;
		-webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
	}
	#toggle:checked ~ #menu {
		display: block;
		opacity: 1;
	}
	#toggle:checked ~ a.hr {
		display: table !important;
		opacity: 1;
	}
	.toggle:after {
		content: "Menu";
		display: block;
		width: auto;
		margin: 0;
		padding: 0 0 0 30px;
		background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icon-menu.png) no-repeat 10px 50%;
		font-size: 16px;
		color: #fff;
	}
}
@media screen and (max-width: 330px) {
    #logo::before {
        left: -55px;
    }
}
@media only screen and (min-width: 981px) {
    .strip .hr {
        display: block;
    }
}
@media only screen and (min-width: 1200px) {
    #header .strip {
        height: 80px;
    }
    #logo {
        margin: 13px 60px 0 0;
        float: left;
	}
    #menu {
        float: left;
        padding: 28px 0 0 0;
    }
	nav .hr span {display: none;}
}
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
    #logo {
        margin: 13px 60px 0 -16px;
    }
}
@media only screen and (min-width: 1080px) {
    nav .hr span {display: inline;}
}
@media only screen and (min-width: 1280px) {
    a.hr {
		background: #C51F43;
		color: #fff;
		padding: 5px 10px;
		margin: -5px 10px 0 0;
		border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	}
	a.hr:hover, a.hr:focus, a.hr:active {
		background: rgba(197,31,67,.5);
		color: #fff !important;
	}
}

/* buttons and forms */
    .button, input[type="submit"], button, a.button {
		display: inline-block;
		background: #c51f43;
		color: #fff;
        border: none;
        box-sizing: border-box;
		padding: 10px;
        vertical-align: middle;
        margin-left: 13px;
        margin-right: 13px;
		cursor: pointer;
        position: relative;
		text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.15);
        box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.15);
        -webkit-border-radius: 5px;
        border-radius: 5px;
	}
    a.button {line-height: 1em;}
    .button:before, input[type="submit"]:before, button:before, a.button:before,
    .button:after, input[type="submit"]:after, button:after, a.button:after {
        display: block;
		position: absolute;
		top: 4px;
		left: -13px;
		content: " ";
		width: 13px;
		bottom: 4px;
		background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/button-beak.svg") 50% 50% no-repeat;
        background-size: 100% 100%;
    }
    .button:after, input[type="submit"]:after, button:after, a.button:after {
		left: auto;
		right: -13px;
		width: 13px;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
	
	/* big button only on larger screens */
@media only screen and (min-width: 700px) {
    .button.big {
        padding: 15px 10px;
		line-height: 100%;
		font-size: 36px;
        margin-left: 16px;
        margin-right: 16px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
	}
    .button.big:before {
        left: -16px;
        width: 16px;
        top: 9px;
        bottom: 9px;
    }
    .button.big:after {
        right: -16px;
        width: 16px;
        top: 9px;
        bottom: 9px;
    }
}
	.button-small {
		display: inline-block;
		border-radius: 3px;
		padding: 5px 10px;
		margin-left:8px;
		background: #c51f43;
		color: #fff;
		text-decoration: none;
		font-family: "Lato", "Calibri", "Arial", "Helvetica", sans-serif;
        font-size: 18px;
		font-weight: bold;
	}
	.strip.texture .button-small {background: rgba(29, 29, 29, 0.6);}
	.strip.texture .button-small:hover {background: #c51f43;}
    form {
        padding-bottom: 50px;
    }
    form .row, form p {
        clear: both;
        margin-bottom: 20px;
    }
    input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea, select {
		background: #fff;
		color: #a81461;
		font-size: 18px;
		line-height: 100%;
		padding: 10px;
        border-bottom: 1px solid #d5c8d1;
	}
     input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
        border-color: #a81461;
	}
    textarea {
        line-height: inherit;
        height: 10em;
    }
	input[type="checkbox"], input[type="radio"] {margin: 0 10px 0 0;}
    label {
		display: block;
		clear: both;
		margin: 0 0 20px 0;
		line-height: 100%;
		height: 18px;
		padding: 10px 0;
	}
    .required label {position: relative;}
	.required label:after {
		display: block;
		position: absolute;
		top: 12px;
		right: 10px;
		content: "Required field ";
		text-indent: -9999px;
		width: 10px;
		height: 11px;
		background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png) -100px -91px no-repeat;
	}
	span.required {
		display: inline-block;
		text-indent: -9999px;
		width: 10px;
		height: 11px;
		background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png) -100px -91px no-repeat;
	}
	.required.type-of-work label:after, .required.description label:after {display: none;}
@media screen and (max-width: 760px) {
    .form-floated input[type="text"], .form-floated input[type="email"], .form-floated input[type="password"], .form-floated input[type="url"], .form-floated textarea, .form-floated select {
        clear: both;
        margin-left: 15px;
        width: 90%;
    }
    .required label:after {
        display: inline-block;
        position: static;
        margin-left: 10px;
    }
}
@media screen and (min-width: 760px) {
    .form-floated label {
        display: inline-block;
        margin-bottom: 0px;
    }
}
    .notice, div.success, p.success, .success_message {
        margin: 30px 0 10px 0;
        background: rgba(255, 255, 255, .8);
		padding: 20px;
        /*line-height: 1.3em;*/
        color: #a81461;
        border-top: 1px solid #fff;
        border-bottom: 1px solid rgba(198, 190, 174, .5);
    }
    p.error, div.error {
        margin: 30px 0 10px 0;
		padding: 20px;
        line-height: 1.3em;
        background: rgba(197, 31, 67, .2);
        color: #a5283d;
        border-top: 1px solid #fff;
        border-bottom: 1px solid rgba(96, 1, 43, .3);
    }

/* webiny generated forms */
    .webiny_form {margin-top: 20px;}
    .webiny_form.success {display: none;}
    .webiny_form legend, #webiny_form_contact-form h2 {
        display: none;
    }
    .webiny_form p, #webiny_form_project-feedback .webiny_field_holder.name, #webiny_form_project-feedback .webiny_field_holder.email {
        margin-right: -15px;
        margin-left: -15px;
    }
    .webiny_form label, .webiny_form textarea, .webiny_form input[type="text"], .webiny_form input[type="email"], .webiny_form input[type="password"], .webiny_form input[type="url"] {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .webiny_form input[type="submit"] {
        width: 175px;
        height: 44px;
        text-align: left;
        text-indent: -9999px;
		overflow: hidden;
        padding: 0;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/buttons.png) transparent 0% 0% no-repeat;
        box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
    }
    #webiny_form_request input[type="submit"], #webiny_form_project-feedback input[type="submit"], 
#webiny_form_speaking input[type="submit"], #webiny_form_first-impression input[type="submit"] {
        width: 215px;
        background-position: 0% -44px;
        margin: 0 14px 0 0;
        float: right;
    }
    #webiny_form_art-sale input[type="submit"] {
        width: 215px;
        background-position: 0% -44px;
    }
    #webiny_form_project-feedback input[type="submit"] {
        width: 182px;
        background-position: 0% -88px;
    }
    .webiny_form label.checkbox {
        text-transform: none;
        font-weight: bold !important;
        margin: 0 0 10px 5%;   
    }
    .webiny_form label.checkbox:after {
        display: none;
    }
	label.wide {
		float: none;
		clear: both;
		line-height: 1.2em;
		height: auto;
        text-transform: none;
		font-size: 18px;
	}
	.required label.wide:after {top: 0;}
    #recaptcha {margin-bottom: 20px;}
    .form_field_msg {
        display: block;
        clear: both;
        color: #a5283d;
    }
@media screen and (max-width: 760px) {
    .webiny_form input[type="text"], .webiny_form input[type="email"], .webiny_form input[type="password"], .webiny_form input[type="url"], .webiny_form textarea, .webiny_form select {
        clear: both;
        margin-left: 15px;
        width: 90%;
    }
}
@media screen and (min-width: 760px) {
    .webiny_form label, #webiny_form_project-feedback .webiny_field_holder.name label,
    #webiny_form_project-feedback .webiny_field_holder.email label {
        display: block;
        float: left;
        margin-bottom: 0px;
    }
    .webiny_form label {
        width: 40%;
    }
    .webiny_form input[type="text"], .webiny_form input[type="email"], .webiny_form input[type="password"], .webiny_form input[type="url"], .webiny_form textarea, .webiny_form select {
        width: 55%;
    }
    .webiny_form input[type="submit"], #recaptcha, .form_field_msg {
        margin-left: 40%;
    }
    #webiny_form_request label, #webiny_form_project-feedback .webiny_field_holder.name label, #webiny_form_project-feedback .webiny_field_holder.email label {
        width: 40%;
    }
    #webiny_form_request input[type="text"], #webiny_form_request input[type="email"], #webiny_form_request input[type="url"], #webiny_form_project-feedback input[type="text"] {
        width: 55%;
    }
    #webiny_form_request .form_field_msg {
        margin-left: 40%;
    }
    #webiny_form_speaking label.checkbox, #webiny_form_interview label.checkbox {
        margin: -1.2em 0 25px 40%;
        padding: 0 0 0 20px;
    }
}
    .webiny_form label.wide, #webiny_form_request .favorite, #webiny_form_request .book, #webiny_form_request .type-of-work, #webiny_form_request .description, #webiny_form_request .references, #webiny_form_request .deadline, #webiny_form_request .refferal,
#webiny_form_project-feedback .webiny_field_holder, #webiny_form_speaking .more-info, #webiny_form_speaking .topic,
#webiny_form_first-impression .services, #webiny_form_first-impression .info {
        margin-left: 0;
        margin-right: 0;
    }
    #webiny_form_project-feedback .webiny_field_holder.name label, #webiny_form_project-feedback .webiny_field_holder.email label {
        padding-left: 15px;
        padding-right: 15px;
    }
    #webiny_form_request textarea, #webiny_form_request .deadline input, #webiny_form_request .refferal input,
#webiny_form_project-feedback textarea, #webiny_form_speaking .more-info textarea, #webiny_form_speaking .topic textarea,
#webiny_form_first-impression .info textarea {
		float: none;
		clear: both;
		width: 100%;
        margin-left: 0;
        margin-right: 0;
	}
    .webiny_form label.wide, .webiny_form label.checkbox, #webiny_form_request .favorite label, #webiny_form_request .book label, #webiny_form_request .type-of-work label, #webiny_form_request .description label, #webiny_form_request .references label, #webiny_form_request .deadline label, #webiny_form_request .refferal label,
#webiny_form_project-feedback label, #webiny_form_speaking .more-info label, #webiny_form_speaking .topic label, #webiny_form_first-impression .services label,
#webiny_form_first-impression .info label, #webiny_form_contact-form .confirm label {
		float: none;
		clear: both;
		width: 100%;
		line-height: 1.2em;
		height: auto;
		padding: 0;
		margin: 0 0 15px 0;
        text-transform: none;
	}
	.webiny_form label.checkbox, #webiny_form_request .type-of-work label.checkbox, #webiny_form_first-impression .services label,
#webiny_form_contact-form .confirm label, #webiny_form_request .book label.checkbox {
		padding: 0 0 0 40px;
	}
    #webiny_form_request label.checkbox, #webiny_form_project-feedback label.checkbox, #webiny_form_contact-form label.checkbox {
        font-weight: bold !important;
        margin-left: 0;
        margin-right: 0;
    }
    #webiny_form_request label.checkbox input, #webiny_form_project-feedback label.checkbox input,
	#webiny_form_first-impression .services label.checkbox input, #webiny_form_contact-form label.checkbox input {
        margin: 0 10px 0 0;
        position: static;
    }
    #webiny_form_speaking h2 {margin-top: 0;}
	#webiny_form_contact-form label.checkbox {
		margin-left: 20px;
		margin-right: 20px;
		width: auto;
	}
	#webiny_form_contact-form .confirm label:after {
		display: none;
	}

/* newsletter forms */
    /* main footer */
    #footer .newsletter form {
        padding: 15px 0 30px 0;
    }
    #footer .newsletter h2 {
        font-size: 30px;
        text-transform: none;
    }
    #footer .newsletter div > p {
        font-size: 20px;
    }
    #footer .newsletter div > p.small {
        font-size: 16px;
    }
@media screen and (min-width: 1000px) {
    #footer .newsletter #mc_embed_signup {
        position: relative;
    }
    #footer .newsletter #mc_embed_signup:before {
        position: absolute;
        display: block;
        content: " ";
        width: 346px;
        height: 415px;
        background: url("http://neladunato.com/themes/NelaDunato-v2/images/human-centered-brand-arrow.png") 0 0 no-repeat;
        top: 50%;
        left: -346px;
        margin-top: -208px;
    }
}
@media screen and (max-width: 1030px) {
    #footer .newsletter #mc_embed_signup:before {
        left: -320px;
    }
}
    /* landing pages */
    .optin.mini {
        padding-top: 20px;
    }
    .landing .button.big {
        /*display: block;*/
        width: auto;
    }

/* homepage */
    .home .portfolio {
        text-align: center;
    }
@media screen and (max-width: 520px) {
    #rotateWords {
        display: block;
        font-weight: bold;
    }
}
@media screen and (max-width: 975px) {
    .home .cta {
        text-align: center;
    }
}
@media screen and (max-width: 1020px) {
    .home section.portfolio {
        padding-top: 40px;
    }
}
    .home .services {
        text-align: center;
    }
    .home .services p {
        font-size: 18px;
    }
    .home .services h3 {
        margin: 0 auto;
        color: #a81461;
        font-size: 24px;
        padding: 20px 0 10px 0;
        position: relative;
    }
    .home .services h3 a {
        display: block;
        color: inherit;
    }
    .home .services h3 a:hover {text-decoration: underline;}
    .home .services h3 a:before {
        display: block;
        content: " ";
        position: relative;
        width: 202px;
        margin: 0 auto;
        height: 200px;
        margin-bottom: 20px;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons-services.png) 0% 0% no-repeat;
    }
    .services .logo h3 a:before             {background-position: -202px 0;}
    .services .web h3 a:before              {background-position: -404px 0;}
    .services .consulting h3 a:before       {background-position: -606px 0;}
    .services .graphic h3 a:before       	{background-position: -808px 0;}
    .services h3 a:hover:before             {background-position: 0 -200px;}
    .services .logo h3 a:hover:before       {background-position: -202px -200px;}
    .services .web h3 a:hover:before        {background-position: -404px -200px;}
    .services .consulting h3 a:hover:before {background-position: -606px -200px;}
    .services .graphic h3 a:hover:before 	{background-position: -808px -200px;}

/* services */
    body.brand-identity-design main a:not([class]), body.brand-identity-design main a[class=""] {text-decoration: underline;}
    body.brand-identity-design main article section {
        padding: 60px 0 0 240px;
        margin: 30px 0 0 0;
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-separator-small.png") 50% 0 no-repeat;
        position: relative;
        min-height: 240px;
    }
    body.brand-identity-design main article section:before {
        display: block;
        content: " ";
        position: absolute;
        top: 50px;
        left: 0;
        width: 202px;
        height: 200px;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons-services.png) 0% 0% no-repeat;
    }
    body.brand-identity-design section.logo:before       {background-position: -202px 0;}
    body.brand-identity-design section.web:before        {background-position: -404px 0;}
    body.brand-identity-design section.consulting:before {background-position: -606px 0;}
    body.brand-identity-design section.graphic:before    {background-position: -808px 0;}
    body.brand-identity-design main article section p {
        line-height: 150%;
        margin-bottom: 2em;
    }
@media screen and (max-width: 450px) {
    body.brand-identity-design main article section {
        padding: 60px 0 0 0;
        text-align: center;
    }
    body.brand-identity-design main article section:before {
        display: block;
        content: " ";
        position: static;
        margin: 0 auto 20px auto;
    }
    body.brand-identity-design main article section .button {
        display: inline-block;
        margin: 0 auto;
    }
}
    body.brand-identity-design h1, body.brand-identity-design h2.h1 {
		font-size: 40px;
		text-align: center;
	}
@media only screen and (min-width: 960px) {
	body.brand-identity-design h1, body.brand-identity-design h2.h1 {
		font-size: 52px;
	}
}
	.journey {
		padding-top: 80px;
	}
	.brand-strategy-text, .brand-identity-text, .website-design-text, .collaboration-text {
		padding: 40px;
		position: relative;
	}
    body.brand-identity-design .brand-strategy-text, body.brand-identity-design .brand-identity-text,
    body.brand-identity-design .website-design-text, body.brand-identity-design .collaboration-text {background: #F5F5F5;}
    .brand-strategy-image	{background: url("/images/nela-dunato-workshop-core-values-krakow-small-2-gallery-2127.jpg") 100% 0% no-repeat;}
	.brand-identity-image	{background: url("/images/istarsko-veleuciliste-brand-identity-02-small-8-design-2134.jpg") 50% 50% no-repeat;}
	.website-design-image	{background: url("/images/pez-web-portfolio-small-8-design-2130.jpg") 0% 50% no-repeat;}
	.collaboration-image	{background: url("/images/futuricon-merch-bookmarks-pens-small-8-design-2128.jpg") 50% 50% no-repeat;}
    .home .website-design-image	{background-position: 50% 50%;}
@media only screen and (min-width: 760px) {
    body.brand-identity-design .brand-strategy-image	{background-image: url("/images/nela-dunato-workshop-core-values-krakow-medium-2-gallery-2126.jpg")}
	body.brand-identity-design .brand-identity-image	{background-image: url("/images/istarsko-veleuciliste-brand-identity-02-medium-8-design-2135.jpg")}
	body.brand-identity-design .website-design-image	{background-image: url("/images/pez-web-portfolio-medium-8-design-2131.jpg");}
	body.brand-identity-design .collaboration-image	{background-image: url("/images/futuricon-merch-bookmarks-pens-medium-8-design-2129.jpg");}
}
@media only screen and (min-width: 960px) {
    body.brand-identity-design .brand-strategy-image	{background-image: url("/images/nela-dunato-workshop-core-values-krakow-large-2-gallery-2125.jpg");}
	body.brand-identity-design .brand-identity-image	{background-image: url("/images/istarsko-veleuciliste-brand-identity-02-8-design-1925.jpg");}
	body.brand-identity-design .website-design-image	{background-image: url("/images/pez-web-portfolio-large-8-design-2132.jpg");}
	body.brand-identity-design .collaboration-image	{background-image: url("/images/futuricon-merch-bookmarks-pens-8-design-2116.jpg");}
}
@media only screen and (min-width: 1300px) {
    body.brand-identity-design .brand-strategy-image	{background-image: url("/images/nela-dunato-workshop-core-values-krakow-2-gallery-2124.jpg");}
	body.brand-identity-design .website-design-image	{background-image: url("/images/pez-web-portfolio-8-design-2133.jpg");}
}
	.brand-strategy-image, .brand-identity-image, .website-design-image, .collaboration-image {
        background-size: cover;
        min-height: 400px;
	}
	div.process h2 {
		margin-top: 0;
		font-size: 52px;
	}
    .home .process h2 {
        font-size: 36px;
        text-align: center;
        margin: 25px auto;
    }
    .home .process p {
        font-size: 20px;
        text-align: center;
        max-width: 30em;
        margin: 0 auto 20px auto;
}
	.process .pricing {
		background: #fff;
		padding: 30px;
        margin-top: 40px;
	}
    .process .pricing h3 {margin-bottom: 20px;}
    .process .pricing ul {
        margin-left: 0;
        padding-left: 1.4em;
    }
    .process .pricing .price {
        color: #A91562;
        font-weight: bold;
        /*padding-top: .5em;*/
    }
    .list {list-style: none;}
    .list li::before {
        content: "\2022";
        color: #A91562;
        display: inline-block;
        width: 1em;
        margin-left: -1em
    }
    .list li {margin-bottom: .5em;}
    body.brand-identity-design .strip.dark p:not([class]) {
        max-width: 600px;
        margin: 0 auto 40px auto;
    }
    .brand-strategy-text > div, .website-design-text > div, .brand-identity-text > div, .collaboration-text > div {
		max-width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
    .brand-strategy-text .pricing h4 /*, .brand-strategy-text .pricing .price*/ {text-align: center;}
    .brand-strategy-text .pricing h4 {
        text-transform: none;
        color: inherit;
        letter-spacing: 0;
        margin-bottom: 20px;
    }
    .brand-strategy-text:before, .brand-identity-text:before, .website-design-text:before, .collaboration-text:before {
		position: absolute;
        display: block;
		width: 122px;
		height: 122px;
		border-radius: 61px;
		background: #A91562;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		font-size: 80px;
		font-weight: bold;
		font-variant-numeric: lining-nums;     /* high-level property          */
		-moz-font-feature-settings: 'lnum';    /* low-level (old Firefox)      */
		-webkit-font-feature-settings: 'lnum'; /* low-level (old Webkit)       */
		font-feature-settings: 'lnum' on;      /* low-level (all new browsers) */
	}
    .brand-strategy-text:before	{content: "1";}
	.brand-identity-text:before {content: "2";}
	.website-design-text:before {content: "3";}
	.collaboration-text:before	{content: "4";}
    .brand-strategy-text:before, .website-design-text:before, .brand-identity-text:before, .collaboration-text:before {
        top: -61px;
        left: 50%;
        margin-left: -61px;
    }
/*@media only screen and (min-width: 750px) {
    .brand-strategy-text .pricing {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 40px;
    }
    .brand-strategy-text .workshop, .brand-strategy-text .consulting {display: contents;}
    .brand-strategy-text .pricing h3, .brand-strategy-text .pricing p:last-child {
        grid-column-start: 1;
        grid-column-end: -1;
    }
    .pricing .workshop h4           {grid-row: 2; grid-column: 1;}
    .pricing .consulting h4         {grid-row: 2; grid-column: 2; position: relative;}
    .pricing .workshop p.center     {grid-row: 3; grid-column: 1;}
    .pricing .consulting p.center   {grid-row: 3; grid-column: 2;}
    .pricing .workshop ul           {grid-row: 4; grid-column: 1;}
    .pricing .consulting ul         {grid-row: 4; grid-column: 2;}
    .pricing .workshop p.price      {grid-row: 5; grid-column: 1;}
    .pricing .consulting p.price    {grid-row: 5; grid-column: 2;}
    .pricing .consulting h4:before {
        display: inline-block;
        position: absolute;
        text-align: center;
        width: 40px;
        left: -40px;
        top: 0;
        content: "or";
        font-weight: normal;
    }
    .brand-strategy-text .pricing p:last-child {margin-top: 20px;}*/
    /*.pricing .consulting {position: relative};
    .pricing .consulting:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 60px;
        bottom: 0;
        border-left: 1px solid #D5C8D1;
    }
}*/
@media only screen and (max-width: 959px) {
    body.brand-identity-design .brand-strategy-text:before, body.brand-identity-design .website-design-text:before, 
    body.brand-identity-design .brand-identity-text:before, body.brand-identity-design .collaboration-text:before {
        top: -95px;
    }
}
@media only screen and (min-width: 960px) {
    body.brand-identity-design .brand-strategy-text, body.brand-identity-design .brand-identity-text, 
    body.brand-identity-design .website-design-text, body.brand-identity-design .collaboration-text {padding: 80px;}
    body.brand-identity-design .brand-strategy-image, body.brand-identity-design .brand-identity-image, 
    body.brand-identity-design .website-design-image, body.brand-identity-design .collaboration-image {
        min-height: 600px;
	}
}
@media only screen and (max-width: 1399px) {
    .process h2 {text-align: center;}
}
/*@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .process {
		display: grid;
		grid-template-columns: 25% 50% 25%;
		grid-template-rows: auto auto auto auto;
	}
    .brand-strategy-image	{grid-column: 1; grid-row: 1;}
	.brand-strategy-text	{grid-column-start: 2; grid-column-end: 4; grid-row: 1;}
	.brand-identity-image	{grid-column: 3; grid-row: 2;}
	.brand-identity-text	{grid-column: 1; grid-row: 2;}
	.website-design-image	{grid-column: 1; grid-row: 3;}
	.website-design-text	{grid-column: 2; grid-row: 3;}
	.collaboration-image	{grid-column: 3; grid-row: 4;}
	.collaboration-text		{grid-column: 1; grid-row: 4;}
}*/
    .home .brand-strategy-text:before, .home .website-design-text:before, .home .brand-identity-text:before, .home .collaboration-text:before {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        font-size: 66px;
        top: -50px;
        margin-left: -50px;
    }
@media only screen and (min-width: 760px) {
    .home div.process {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 400px auto 400px auto;
	}
    .home .brand-strategy-image	{grid-column: 1; grid-row: 1;}
	.home .brand-strategy-text	{grid-column: 1; grid-row: 2;}
	.home .brand-identity-image	{grid-column: 2; grid-row: 1;}
	.home .brand-identity-text	{grid-column: 2; grid-row: 2;}
	.home .website-design-image	{grid-column: 1; grid-row: 3;}
	.home .website-design-text	{grid-column: 1; grid-row: 4;}
	.home .collaboration-image	{grid-column: 2; grid-row: 3;}
	.home .collaboration-text	{grid-column: 2; grid-row: 4;}
}
@media only screen and (min-width: 1400px) {
    div.process {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto auto;
	}
    .brand-strategy-image	{grid-column: 1; grid-row: 1;}
	.brand-strategy-text	{grid-column: 2; grid-row: 1;}
	.brand-identity-image	{grid-column: 2; grid-row: 2;}
	.brand-identity-text	{grid-column: 1; grid-row: 2;}
	.website-design-image	{grid-column: 1; grid-row: 3;}
	.website-design-text	{grid-column: 2; grid-row: 3;}
	.collaboration-image	{grid-column: 2; grid-row: 4;}
	.collaboration-text		{grid-column: 1; grid-row: 4;}
    body.brand-identity-design .brand-strategy-text > div, body.brand-identity-design .website-design-text > div {margin-left: 0;}
	body.brand-identity-design .brand-identity-text > div, body.brand-identity-design .collaboration-text > div {margin-right: 0;}
	body.brand-identity-design .brand-strategy-text:before, body.brand-identity-design .website-design-text:before {
        left: -61px;
        top: 46px;
        margin: 0;
    }
	body.brand-identity-design .brand-identity-text:before, body.brand-identity-design .collaboration-text:before {
        left: auto;
        right: -61px;
        top: 46px;
        margin: 0;
    }
    .home div.process {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 400px auto;
	}
    .home .brand-strategy-image	{grid-column: 1; grid-row: 1;}
	.home .brand-strategy-text	{grid-column: 1; grid-row: 2;}
	.home .brand-identity-image	{grid-column: 2; grid-row: 1;}
	.home .brand-identity-text	{grid-column: 2; grid-row: 2;}
	.home .website-design-image	{grid-column: 3; grid-row: 1;}
	.home .website-design-text	{grid-column: 3; grid-row: 2;}
	.home .collaboration-image	{grid-column: 4; grid-row: 1;}
	.home .collaboration-text	{grid-column: 4; grid-row: 2;}
}
/*    .packages {
        margin-bottom: 30px;
    }
    .packages p {
        text-align: center;
        color: #a08296;
        text-transform: uppercase;
    }
    .packages h3 {
        margin: 0 auto;
        color: #a81461;
        font-size: 24px;
        padding: 20px 0 10px 0;
        position: relative;
        text-align: center;
    }
    .packages h3:before {
        display: block;
        content: " ";
        position: relative;
        width: 202px;
        margin: 0 auto;
        height: 195px;
        margin-bottom: 20px;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons-process.png) -404px -195px no-repeat;
    }
    .packages .branding h3:before       {display: none;}
    .packages .website h3:before        {background-position: -606px -588px;}
    .packages .web-branding h3:before   {background-position: 0 -1174px;}
    .pricelist dd, .pricelist dt {
        border-top: 1px solid #e1dacc;
        padding-top: 10px;
    }
    .pricelist {
        border-bottom: 1px solid #e1dacc;
    }
	.packages .branding h3, .packages .branding p {text-align: left}
*/
/* about me */
    body.brand-identity-design .aboutme .h1 {text-align: left;}
    .aboutme .skills {margin-bottom: 60px;}
@media only screen and (min-width: 750px) {
    .aboutme .skills {
        display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
        column-gap: 40px;
        grid-row-gap: 30px;
    }
}
    .aboutme span.idea {
        display: block;
        width: 202px;
        margin: 0 auto;
        height: 196px;
        margin-bottom: 30px;
        background: url('http://neladunato.com/themes/NelaDunato-v2/images/icons-values.png') -202px 0% no-repeat;
    }
@media screen and (min-width: 1024px) and (max-width: 2299px) {
    body.brand-identity-design ul.portfolio li:last-child {display: none;}
}
/* services page testimonials */
@media screen and (min-width: 1024px) {
	body.brand-identity-design .columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
	}
	body.brand-identity-design .container.testimonials {
		width: 100%;
		max-width: 1600px;
	}
}

/* portfolio slider */
	h2.section, h3.section {
		font-size: 24px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: .2em;
		text-align: center;
		overflow: hidden;
		margin-bottom: 40px;
	}
	@media only screen and (min-width: 500px) {
			h2.section:before, h2.section:after, h3.section:before, h3.section:after {
			content: "";
			background-color: #D5C8D1;
			display: inline-block;
			height: 1px;
			position: relative;
			vertical-align: middle;
			width: 50%;
		}
		h2.section:before, h3.section:before {
			right: 0.5em;
			margin-left: -50%;
		}
		h2.section:after, h3.section:after {
			left: 0.5em;
			margin-right: -50%;
		}
	}
    #slider {
        position: relative;
        overflow: hidden;
        margin: 20px auto 0 auto;
        height: 500px;
    }
    #slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        height: 500px;
        list-style: none;
        box-sizing: content-box;
    }
    #slider ul li {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 750px;
        height: 500px;
        text-align: center;
        /*line-height: 300px;*/
    }
    #slider.illustration, #slider.illustration ul, #slider.illustration li {height: 800px;}
    #slider.illustration .landscape img {margin-top: 10%;}
    a.control_prev, a.control_next {
        position: absolute;
        top: 45%;
        z-index: 999;
        display: block;
        padding: 0;
        margin: -10px 0 0 0;
        width: 40px;
        height: 40px;
        background: #fff;
        opacity: 0.8;
        cursor: pointer;
        border-radius: 20px;
        text-indent: -9999px;
        overflow: hidden;
        left: 10px;
    }
    a.control_prev:hover, a.control_next:hover {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
    }
    a.control_prev:before, a.control_next:before {
        display: block;
        content: " ";
        width: 14px;
        height: 28px;
        margin: 6px 0 0 10px;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png) -144px -91px no-repeat;
    }
    a.control_next:before {
        background-position: -130px -64px;
        margin: 6px 0 0 15px;
    }
    a.control_next {
        left: auto;
        right: 10px;
    }
    #slider p {
        margin: 10px 0 0 0;
        font-size: 18px;
		font-style: italic;
        color: #a08296;
    }
@media screen and (max-width: 770px) {
   #slider, #slider ul, #slider ul li {
        height: 520px;
    }
    #slider, #slider ul li {
        width: 720px;
    }
    #slider.illustration, #slider.illustration ul, #slider.illustration li {
        height: 760px;
    }
    a.control_prev, a.control_next {
        margin: -15px 0 0 0;
    }
}
@media screen and (max-width: 750px) {
   #slider, #slider ul, #slider ul li {
        height: 430px;
    }
    #slider, #slider ul li {
        width: 590px;
    }
    #slider.illustration, #slider.illustration ul, #slider.illustration li {
        height: 630px;
    }
    a.control_prev, a.control_next {
        margin: -15px 0 0 0;
    }
}
@media screen and (max-width: 500px) {
    #slider, #slider ul, #slider ul li {
        height: 320px;
    }
    #slider, #slider ul li {
        width: 430px;
    }
    #slider.illustration, #slider.illustration ul, #slider.illustration li {
        height: 470px;
    }
    a.control_prev, a.control_next {
        margin: -20px 0 0 0;
    }
}
@media screen and (max-width: 400px) {
    #slider, #slider ul, #slider ul li {
        height: 250px;
    }
    #slider, #slider ul li {
        width: 280px;
    }
    #slider.illustration, #slider.illustration ul, #slider.illustration li {
        height: 320px;
    }
    a.control_prev, a.control_next {
        margin: -26px 0 0 0;
    }
}

/* speaking slider */
    #slider.speaking-testimonials {
        margin: 20px auto 0 auto;
        height: 300px;
    }
    #slider.speaking-testimonials ul {
        height: 300px;
    }
    #slider.speaking-testimonials ul li {
        width: 750px;
        height: 300px;
        text-align: left;
        /*line-height: 300px;*/
    }
    #slider.speaking-testimonials blockquote {
        background: none;
        margin: 0;
        padding: 40px 80px;
    }
    #slider.speaking-testimonials iframe {
        margin: 0 auto;
    }
    .speaking-testimonials a.control_prev, .speaking-testimonials a.control_next {
        top: 45%;
        padding: 0;
        margin: -10px 0 0 0;
        left: 0px;
    }
    .speaking-testimonials a.control_next {
        left: auto;
        right: 0px;
    }
    #slider.speaking-testimonials p {
        margin-top: 0;
        font-size: 24px;
    }
    #slider.speaking-testimonials p.name {
        font-size: 16px;
        text-transform: uppercase;
        margin-top: 10px;
    }
@media screen and (max-width: 770px) {
   #slider.speaking-testimonials, #slider.speaking-testimonials ul, #slider.speaking-testimonials ul li {
        height: 520px;
    }
    #slider.speaking-testimonials, #slider.speaking-testimonials ul li {
        width: 720px;
    }
    a.control_prev, a.control_next {
        margin: -15px 0 0 0;
    }
}
@media screen and (max-width: 750px) {
   #slider.speaking-testimonials, #slider.speaking-testimonials ul, #slider.speaking-testimonials ul li {
        height: 300px;
    }
    #slider.speaking-testimonials, #slider.speaking-testimonials ul li {
        width: 590px;
    }
    a.control_prev, a.control_next {
        margin: -15px 0 0 0;
    }
}
@media screen and (max-width: 600px) {
    #slider.speaking-testimonials, #slider.speaking-testimonials ul, #slider.speaking-testimonials ul li {
        height: 450px;
    }
    #slider.speaking-testimonials, #slider.speaking-testimonials ul li {
        width: 450px;
    }
    a.control_prev, a.control_next {
        margin: -20px 0 0 0;
    }
}
@media screen and (max-width: 500px) {
    #slider.speaking-testimonials, #slider.speaking-testimonials ul, #slider.speaking-testimonials ul li {
        height: 400px;
    }
    #slider.speaking-testimonials, #slider.speaking-testimonials ul li {
        width: 280px;
    }
    a.control_prev, a.control_next {
        margin: -26px 0 0 0;
    }
    #slider.speaking-testimonials p {
        font-size: 18px;
    }
    #slider.speaking-testimonials p.name {
        font-size: 14px;
    }
    #slider.speaking-testimonials blockquote {
        padding: 0 60px;
    }
}

/* about page */
    .values {
		margin-bottom: 20px;
    }
	.values div {margin-top: 50px;}
    .values h3 {
		text-align: center;
        position: relative;
		margin-top: 0;
    }
    .values h3:before {
        display: block;
        content: " ";
        position: relative;
        width: 202px;
        margin: 0 auto;
        height: 196px;
        margin-bottom: 30px;
        background: url('http://neladunato.com/themes/NelaDunato-v2/images/icons-values.png') 0% 0% no-repeat;
    }
    .values .creativity h3:before             {background-position: -202px 0;}
    .values .brilliance h3:before              {background-position: -404px 0;}
    .values .freedom h3:before       {background-position: -606px 0;}
    .values .compassion h3:before       {background-position: -808px 0;}
    .values .vision h3:before       {background-position: -1010px 0;}
	.strip.dark.features a {
		color: #C51F43 !important;
		text-decoration: underline;
	}
	.strip.dark.features a:hover, .strip.dark.features a:focus {
		color: #fff !important;
	}
	.strip.dark.features p {
		margin-top: 20px;
	}

/* blog */
    .blog .archive > article, .yep-still-here .archive > article {
		padding: 0 0 30px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #d5c8d1;
	}
	.blog .archive article img, .yep-still-here .archive article img {
        float: left;
		margin: 0 20px 10px 0;
    }
    .blog .next-post span {
        font-size: 80%;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        display: block;
    }
    .blog .next-post a {
        display: block;
        /*position: relative;*/
        text-align: center;
        font-weight: bold;
        font-size: 120%;
    }
    .blog .next-post a:hover {text-decoration: underline;}
    /*.blog .next-post img {margin-bottom: 10px;}*/
    .blog .next-post .imgwrap {background: #000;}
    .blog .next-post a:hover img {opacity: 0.7;}
    .blog .comments {
        margin-bottom: 30px;
    }
    .blog .comments li {
		padding: 15px 0;
		list-style: none;
		border-bottom: 1px solid #d5c8d1;
	}
	.blog .comments img {
		width: 60px;
		margin: 0 20px 10px 0;
		float: left;
	}
    .blog .comments p {
		padding: 0 0 10px 0;
        clear: both;
	}
	.blog .comments li p.author {
		clear: none;
        float: left;
        padding: 8px 0 0 0;
	}
    .blog .comments li p.author a {font-weight: bold;}
    .blog .comments li p.author small {
        color: #a08296;
    }
    .blog #content form h2 {margin: 5px 0 15px 0;}
	.share .fb-like, .share .fb-share-button, .share .tweet-button, .share #___plusone_0, .share .pinit {
		float: left;
		margin-right: 20px;
	}
	.share .pinit {width: 100px;}
	.share .tweet-button {margin-right: 0;}
	.blog .share {margin-bottom: 20px;}
	#floating_social {
		background: #fff;
		position: absolute;
		top: 95px;
		left: -90px;
		padding: 20px 20px 10px 20px;
		width: 90px;
	}
	#floating_social > div {
		clear: both;
		margin-bottom: 10px;
	}
    section.blog .about {
		background: rgba(255, 255, 255, .8);
		padding: 20px;
        margin-bottom: 30px;
	}
	section.blog .about h3 {margin: 0 0 5px 0;}
	section.blog .about p {
		line-height: 1.3em;
	}
    section.blog .about p:last-child {margin-bottom: 0;}
	section.blog .about img {
		border: 5px solid #fff;
	}
	section.blog .related {margin: 0 0 20px 0;}
	.blog .signature {
		border: none !important;
		margin: 10px 0 20px 10px;
		clear: both;
	}
	.hiddenpinimage {
		opacity: 0;
		position: absolute;
		top: -9999px;
		left: 0;
		height: 0px;
		width: 0px;
	}
    .blog .newsletter-box {
		padding: 30px;
		margin: 50px 0 40px 0;
        /*border: 1px solid #d5c8d1;*/
		background: rgba(255, 255, 255, .5);
	}
    .blog .newsletter-box form {
        
    }
    .blog .newsletter-box h2 {
        text-align: center;
        text-transform: none;
        /*display: table;
		margin: -48px auto 10px auto;*/
		margin: 0 auto 20px auto;
        padding: 0 10px;
        /*background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg.jpg") 0% 0%;*/
	}
    .blog .newsletter-box .graphic {
        padding-left: 170px;
        position: relative;
        margin-bottom: 10px;
    }
	.blog .newsletter-box .graphic:before {
		position: absolute;
		display: block;
		content: " ";
		width: 138px;
		height: 182px;
		left: 0px;
        top: 10px;
		background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/brand-revamp-small-black.png) 0% 0% no-repeat;
	}
    .blog .newsletter-box.promo-guide .graphic:before {
		height: 209px;
        background-image: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/authentic-promotion-small-black.png);
	}
    .blog .newsletter-box.free-ebook .graphic:before {
		height: 209px;
        background-image: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/creativepowerhouse-ebook-small.png);
	}
	.blog .newsletter-box.hcb-book .graphic:before {
		width: 140px;
		height: 210px;
        background-image: url("http://neladunato.com/themes/NelaDunato-v2/images/human-centered-brand-cover-thumb.jpg");
	}
	.links {
		padding: 0;
	}
	.links li {
		margin-bottom: 10px;
		list-style: none;
	}
	.featured-posts .links li:after {
		display: block;
		content: "• • •";
		clear: both;
		text-align: center;
		color: #d5c8d1;
		padding: 5px 0 0 0;
	}
	.start-here .padding h2:first-child {margin-top: 2em;}
@media screen and (min-width: 1025px)and (max-width: 1365px) {
    #floating_social {
        left: auto;
        right: -50px;
    }
}
@media screen and (max-width: 1024px) {
    #floating_social {display: none;}
}
@media screen and (min-width: 580px) {
    .blog .newsletter-box .graphic p:last-child {
        margin-bottom: 20px;
    }
    .blog .newsletter-box.promo-guide form, .blog .newsletter-box.free-ebook form, .blog .newsletter-box.brand-revamp form {
        clear: both;
        margin-left: 170px;
    }
}
@media screen and (min-width: 481px) and (max-width: 580px) {
    .blog .newsletter-box.free-ebook .graphic:before {
        height: 140px;
        background-size: contain;
        left: 20px;
    }
}
@media screen and (max-width: 480px) {
    .blog .newsletter-box .graphic {
        padding-left: 0;
    }
    .blog .newsletter-box .graphic:before {
        display: none;
    }
    .blog .newsletter-box .row {
        margin-left: 0;
        margin-right: 0;
    }
    .blog .newsletter-box label {
        padding-left: 0;
        padding-right: 0;
    }
    .blog .newsletter-box label, .blog .newsletter-box input {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .blog .newsletter-box form button {
        margin-left: 14px;
    }
}
@media screen and (min-width: 480px) {
    .blog .next-post .prev {
        text-align: right;
        border-right: 1px solid #d5c8d1;
    }
    /*.blog .next-post .prev a {padding-left: 20px;}
    .blog .next-post .next a {padding-right: 20px;}
    .blog .next-post .prev a:before, .blog .next-post .next a:after {
        display: block;
        position: absolute;
        content: " ";
        width: 14px;
        height: 28px;
        top: 5px;
        left: 0;
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png") -144px -91px no-repeat;
    }
    .blog .next-post .next a:after {
        right: 0;
        left: auto;
        background-position: -130px -64px;
    }*/
}
@media screen and (max-width: 479px) {
    .blog .next-post p {
        width: 100%;
        float: none;
        clear: both;
    }
}

/* pagination */
    .pages {
		clear: both;
		text-align: center;
		padding: 0;
		margin: 0;
        line-height: 100%;
	}
	.pages li {
		list-style: none;
		display: inline;
	}
	.pages a {
		display: inline-block;
		padding: 5px 8px;
        margin: 0 3px;
        background: #fff;
        border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
	}
    .pages a:hover {
        background: #a5283d;
        color: #fff;
	}
	.pages .prev a, .pages .next a {
		position: relative;
        margin: 0;
        text-decoration: underline;
        background: none;
        border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	}
    .pages .prev a {
		float: left;
		padding-left: 13px;
	}
	.pages .next a {
		float: right;
		padding-right: 15px;
	}
    .pages .prev a:hover, .pages .next a:hover {color: #a5283d;}
	.pages .prev a:before, .pages .next a:after {
		display: block;
		position: absolute;
		top: 7px;
		left: 0;
		content: " ";
		width: 7px;
		height: 13px;
		background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png") -138px -51px no-repeat;
	}
	.pages .next a:after {
		left: auto;
		right: 0;
		background-position: -130px -51px;
	}
	.pages .selected a {
		background: #e1dacc;
		color: #444;
	}
	.pages .selected a:hover, .pages .selected a:focus, .pages .selected a:active {
        text-decoration: none !important;
        cursor: text;
    }
@media screen and (max-width: 768px) {
    .pages {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 480px) {
    .pages .prev, .pages .next {
		display: none;
	}
}

/* portfolio gallery */
	body.portfolio {
		background: #000;
		color: #fff;
	}
	body.portfolio h1 {
		text-align: center;
		margin-top: 40px;
        margin-left: 40px;
        margin-right: 40px;
	}
	ul.portfolio {
		margin: 0;
		padding: 0;
        background: #000;
	}
	@media screen and (min-width: 600px) {
		ul.portfolio {
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
	}
	@media screen and (min-width: 1024px) {
		ul.portfolio {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
		}
        .home ul.portfolio {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}
	}
	@media screen and (min-width: 2300px) {
		ul.portfolio {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}
	}
	ul.portfolio li {
		list-style: none;
		margin: 0;
		padding: 0;
		color: #fff;
		position: relative;
		font-size: 2.4rem;
		text-align: center;
		oveflow: hidden;
	}
	ul.portfolio li a {
		display: block;
		overflow: hidden;
	}
	ul.portfolio li a, ul.portfolio li h2 {color: #fff;}
	ul.portfolio li .projectname {
		color: #fff;
		background: rgba(0,0,0,0.8);
		display: grid;
		position: absolute;
		z-index: 2;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 15%;
		text-transform: uppercase;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.2s linear;
	}
	.projectname span {
		justify-self: center;
		align-self: center;
	}
	ul.portfolio a:hover img, ul.portfolio a:focus img {
		-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
		filter: blur(5px);
		transform: scale(1.03);
	}
	ul.portfolio a:hover .projectname, ul.portfolio a:focus .projectname, ul.portfolio .calltoaction .projectname {
		visibility: visible;
		opacity: 1;
	}
	ul.portfolio .calltoaction {min-height: 300px;}
	ul.portfolio .calltoaction.hidden {visibility: hidden;}
	ul.portfolio .calltoaction h2 {
		font-size: 2.4rem;
		line-height: 1.3em;
		font-weight: normal;
		margin-top: 0;
		text-transform: uppercase;
	}
	ul.portfolio li a.button {
		overflow: visible;
		display: inline-block;
		text-transform: none;
	}
    ul.gallery {
		margin: 0 0 0 -30px;
		padding: 0;
	}
    .gallery .gallery {
        text-align: center;
    }
	ul.gallery li {
		list-style: none;
		/*float: left;*/
        display: inline-block;
		width: 210px;
		margin: 0 0 20px 30px;
	}
    .gallery .gallery li {
        width: 300px;
        margin: 0 0 30px 30px;
    }
    a.reserved, a.sold {
        position: relative;
        display: block;
    }
    a.reserved:after, a.sold:after {
        position: absolute;
        content: " ";
        display: block;
        top: 0;
        left: 0;
        width: 200px;
        height: 102px;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/ribbon-reserved.png) 0% 0% no-repeat;
    }
    a.sold:after {background-image: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/ribbon-sold.png);}
@media screen and (max-width: 340px) {
    .gallery .gallery li {width: auto;}
}
@media screen and (min-width: 600px) and (max-width: 700px) {
    .gallery .gallery li {
		width: 280px;
		margin-left: 20px;
	}
    .gallery ul.gallery {
		margin: 0 0 0 -20px;
	}
}
@media screen and (min-width: 700px) and (max-width: 768px) {
    .gallery .gallery li {
		margin-left: 30px;
	}
    .gallery ul.gallery {
		margin: 0 0 0 -30px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
    .gallery .gallery li {
		margin-left: 15px;
	}
    .gallery ul.gallery {
		margin: 0 0 0 -15px;
	}
}
@media screen and (min-width: 1023px) and (max-width: 1024px) {
    .gallery .gallery {
        text-align: left;
    }
}
@media screen and (min-width: 1200px) {
    .gallery #content {
        max-width: 1060px;
    }
    .gallery .gallery {
        text-align: left;
    }
    .gallery .gallery li {
		margin: 0 0 60px 60px;
	}
    .gallery ul.gallery {
		margin: 0 0 0 -60px;
	}
}
    .gallery .gallery a {
        display: block;
        background: #f5f5f5;
        text-align: center;
        padding: 0 0 6px 0;
        font-weight: bold;
        color: inherit;
    }
    .gallery .gallery a:hover {
        background: #fff;
        color: #c51f43;
    }
    ul.gallery li img {
        border: 5px solid #f5f5f5;
    }
    ul.gallery li a:hover img {
        border-color: #fff;
    }
@media screen and (min-width: 470px) and (max-width: 490px) {
    ul.gallery li {
		margin: 0 0 10px 20px;
	}
}
    .container.fullpage {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.work .image {
        text-align: center;
    }
    .work .image h1 {
        margin-bottom: 50px;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
    }
    .work .image img {
        margin-bottom: 50px;
        border: 20px solid #f5f5f5;
    }
@media screen and (max-width: 640px) {
    .work .image h1 {
        margin-bottom: 20px;
    }
    .work .image img {
        margin-bottom: 20px;
        border: 10px solid #f5f5f5;
    }
}
    .work .share {
        text-align: center;
        padding-bottom: 40px;
        margin-bottom: 20px;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-separator-small.png) 50% 100% no-repeat;
    }
    .work .share p {
        font-weight: bold;
        font-size: 18px;
    }
    .work .related {
        text-align: center;
    }
    .work h2 {
        margin: 20px 0 30px 0;
    }
    .work .center p {
        margin: -10px 0 40px 0;
    }
    .work dl {margin: 0 0 20px 0;}
	.work dt {display: block;}
	.work dd {display: inline;}
	.work dt {
		clear: both;
		padding-right: .2em;
	}
	.work.design aside dt {
		width: auto;
		float: left;
	}
	.work.design aside dd {
		width: auto;
		float: left;
		padding-top: 1px;
	}
	.work aside .button {margin-bottom: 20px;}
	.work aside dd {margin: 20px 0 0 0;}
	.work aside dt {
		margin: 10px 0 0 0;
	}
    .work.design aside dd {
		margin: 10px 0 0 0;
	}
    /* filter menus */
    .filter {
         padding: 10px 0 30px 0;
    }
    .filter .menu {
        float: left;
    }
    .filter .menu.right {
        clear: none;
        float: right;
    }
    .filter .menu li {
        display: inline;
        font-size: 14px;
    }
    .filter .menu a {
        display: block;
        width: auto;
        float: left;
        padding: 5px 10px;
        margin: 0 1px 10px 0;
        background: #fff;
        text-decoration: none;
    }
    .filter .menu a:hover, .filter .menu a:focus, .filter .menu a:active {
        background: #a5283d;
        color: #fff;
    }
    .filter .menu .selected a {
        background: #f5f5f5;
        color: inherit;
    }
@media screen and (max-width: 639px) {
    .gallery h1 {text-align: center;}
}
@media screen and (max-width: 640px) {
    .filter {display: none;}
    .filter .menu, .filter .menu.right {
        clear: both;
        float: none;
    }
    .filter .menu a {
        display: inline-block;
        width: auto;
        float: left;
        padding: 5px 10px;
        margin: 0 1px 1px 0;
        background: #fff;
        text-decoration: none;
    }
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
    .filter .menu, .filter .menu.right {
        clear: both;
        float: none;
    }
}

/* artwork page */
.artwork .h1 {text-align: center;}
.artwork p.center {margin-top: 40px;}
.artwork .pages {display: none;}


/* social icons */
    ul.social {
        margin: 0 0 10px 0;
        padding: 0;
    }
    .social li {
		list-style: none;
		display: inline;
        padding: 0;
	}
	.social a {
		display: inline-block;
		text-align: left;
        text-indent: -9999px;
		overflow: hidden;
		width: 50px;
		height: 50px;
		background: url('https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png') 0% 0% no-repeat;
		margin: 10px 10px 0 0;
	}
    #footer .social a {
        margin: 10px 0 0 10px;
    }
	.social .twitter a {background-position: -50px 0;}
	.social .instagram a {background-position: -100px 0;}
	.social .google a {background-position: -150px 0;}
	.social .linkedin a {background-position: -200px 0;}
	.social .youtube a {background-position: -250px 0;}
	.landing .tweetmemeBtn, .landing .facebookBtn, .landing .pinterestBtn,
	.landing .googleplusBtn, .landing .stumbleUponBtn {
		display: inline;
		padding: 0 10px 0 10px;
	}
    .fb-like-box {
        width: 100% !important;
        height: 220px;
        border: none; 
        overflow: hidden;
    }
    .work .share .fb-like, .work .share .fb-share-button, .work .share .tweet-button, .work .share #___plusone_0, .work .share .pinit {
		float: none;
        display: inline-block;
		margin-right: 20px;
	}

/* interview page */
.topics .branding-title, .topics .design-title, .topics .biz-title, .topics .creativity-title {
    height: 400px;
    margin: 0;
    text-indent: -9999px;
    background: url('/images/design-topic-2-gallery-2192.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.topics .branding-title {background-image: url('/images/branding-topic-2-gallery-2189.png');}
.topics .biz-title {background-image: url('/images/creative-business-topic-2-gallery-2190.jpg');}
.topics .creativity-title {background-image: url('/images/creativity-topic-2-gallery-2191.jpg');}
.topics .branding-questions, .topics .design-questions, .topics .biz-questions, .topics .creativity-questions {
    padding: 40px 30px;
}
.topics ul {padding-left: 1.2em;}
.topics li {margin-bottom: .5em;}
.topics a {text-decoration: underline;}
@media only screen and (min-width: 1000px) {
    .topics .branding-questions, .topics .design-questions, .topics .biz-questions, .topics .creativity-questions {
        padding: 60px;
    }
    .topics {
        display: grid;
        grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto auto;
	}
    .branding-title        {grid-column: 1; grid-row: 1;}
	.design-title          {grid-column: 2; grid-row: 1;}
	.branding-questions    {grid-column: 1; grid-row: 2;}
	.design-questions      {grid-column: 2; grid-row: 2;}
	.biz-title             {grid-column: 1; grid-row: 3;}
	.creativity-title      {grid-column: 2; grid-row: 3;}
	.biz-questions	       {grid-column: 1; grid-row: 4;}
	.creativity-questions  {grid-column: 2; grid-row: 4;}
}
@media only screen and (min-width: 1920px) {
    .topics {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: auto auto;
	}
    .branding-title        {grid-column: 1; grid-row: 1;}
	.design-title          {grid-column: 2; grid-row: 1;}
	.branding-questions    {grid-column: 1; grid-row: 2;}
	.design-questions      {grid-column: 2; grid-row: 2;}
	.biz-title             {grid-column: 3; grid-row: 1;}
	.creativity-title      {grid-column: 4; grid-row: 1;}
	.biz-questions	       {grid-column: 3; grid-row: 2;}
	.creativity-questions  {grid-column: 4; grid-row: 2;}
}

/* ordered list process */
    ol.process {
        counter-reset: li;
        margin: 0;
        padding: 20px 0;
    }
    ol.process > li {
        position: relative;
        margin: 0 0 20px 0;
        padding: 80px 0 0 240px;
        min-height: 250px;
        list-style: none;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-separator.png) 50% 0 no-repeat;
    }
    ol.process > li:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        top: -10px;
        left: 50%;
        margin: 0 0 0 -25px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 55px;
        height: 55px;
        line-height: 48px;
        font-size: 36px;
        color: #fff;
        font-weight: bold;
        font-family: "Alegreya", "Cambria", "Georgia", "Palatino Linotype", serif;
        text-align: center;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png) 0 -50px no-repeat;
    }
    ol.process > li:after {
        display: block;
        content: " ";
        position: absolute;
        top: 50px;
        left: 0;
        width: 202px;
        height: 195px;
        background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons-process.png) 0 -0 no-repeat;
    }
    ol.process > li:nth-child(even) {
        padding-left: 0;
        padding-right: 240px;
    }
    ol.process > li:nth-child(even):after {
        left: auto;
        right: 0;
    }
    ol.process p {
        font-size: 18px;
        line-height: 150%;
    }

@media screen and (max-width: 750px) {
    ol.process > li {
        padding-top: 60px;
    }
}
@media screen and (max-width: 500px) {
    ol.process > li {
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 400px) {
    ol.process > li {
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-height: auto;
        padding-bottom: 0;
    }
    ol.process > li:after {
        display: none;
    }
}

/* sidebar */
    #sidebar section {padding: 0 0 30px 0;}
    #sidebar p img {margin-bottom: 20px;}
    #sidebar ul {margin-bottom: 0;}
    #sidebar .social {margin-bottom: 30px;}
    #sidebar .categories .menu {
        list-style: none;
        padding: 0;        
    }
    #sidebar .categories .menu li {
        display: inline;
    }
    #sidebar .categories .menu li a {
        display: inline-block;
        padding: 5px 10px;
        margin: 0 10px 10px 0;
        background: #fff;
        text-decoration: none;
    }
    #sidebar .categories .menu li a:hover, #sidebar .categories .menu li a:focus, #sidebar .categories .menu li a:active {
        background: #a5283d;
        color: #fff;
    }
@media screen and (max-width: 1020px) {
    #sidebar {
        padding-top: 80px;
        background: url("https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/bg-separator-small.png") 50% 0 no-repeat;
    }
    #sidebar .about {
        text-align: center;
    }
    #sidebar p.center img {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }
    #sidebar .friends {
        display: none;
    }
    #sidebar .follow {
        text-align: center;
        padding: 0;
    }
	#sidebar .features {text-align: center;}
}
@media screen and (max-width: 400px) {
    #sidebar p.center img {
        margin-left: 0;
        margin-right: 0;
    }
}

/* footer */
    #footer {
        background: #000000;
    }
    #footer h2 {
        font-size: 26px;
        margin-bottom: .5em;
    }
    #footer .posts {padding-left: 1.3em;}
    #footer .posts li {
        font-size: 16px;
        margin-bottom: .4em;
        line-height: 1.2em;
    }
    #footer .posts a {color: #ec5576 !important;}
    #footer a:hover {text-decoration: underline !important;}
    #footer .newsletter a:link, #footer .newsletter a:visited, #footer .newsletter a:focus {text-decoration: underline !important;}
    #footer .black {
        padding: 30px 0;
    }
    #footer .black p {
        font-size: 14px;
        color: #a08296 !important;
    }
    #footer .black p a {
        color: #d5c8d1;
    }
    #footer .menu a {
        text-transform: uppercase;
        color: #d5c8d1;
        font-size: 14px;
    }
    #webiny {
		position: relative;
		display: inline-block;
		text-decoration: none !important;
		color: #a08296 !important;
        padding-right: 33px;
	}
	#webiny:before {
		display: block;
		position: absolute;
		top: 4px;
		right: 0;
		content: " ";
		width: 28px;
		height: 14px;
		background: url(https://admin.webiny.com/uploads/nelchee-gmail-com/company_2/themes/v3/images/icons.png) -150px -50px no-repeat;
        opacity: 0.5;
        -webkit-opacity: 0.5;
        -o-opacity: 0.5;
	}
	#footer #webiny:hover:before {
        opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
    }
    #footer .menu {
        padding: 0;
        margin: 0;
    }
    #footer .menu li {
        list-style: none;
        display: inline;
        padding: 0 10px 0 0;
    }
@media screen and (max-width: 992px) {
    #footer .info, #footer .branding {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 760px) {
    #footer .art {margin-bottom: 40px;}
    /*#footer section.blog {text-align: center;}
    #footer section.blog ul {padding: 0;}
    #footer section.blog li {
        list-style: none;
        margin-bottom: 5px;
    }
    #footer .menu {margin-bottom: 10px;}
    #footer section.social {
        text-align: left;
        text-align: center;
        margin-top: 40px;
    }
    #footer .black, .text-right {text-align: center;}
    #footer .text-right p {margin: 0 0 5px 0;}
    */
}

/* responsive video */
	.embed-container {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		margin-bottom: 3em;
	}
	.embed-container iframe, .embed-container object, .embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/* responsive presentation slides */
	.iframe-slideshare-4x3 {
		padding-bottom: calc(75% + 39px);
	}
	.iframe-slideshare-16x9 {
		padding-bottom: calc(56.25% + 39px);
	}
	.iframe-slideshare-16x9,
	.iframe-slideshare-4x3 {
		position: relative;
		width: 100%;
		height: 0;
		margin-bottom: 3em;
	}
	.iframe-slideshare-16x9 iframe,
	.iframe-slideshare-4x3 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none !important; 
	}

/* cookie consent */
	#cookie-bar {
		background: rgba(0, 0, 0, .7);
		height:auto;
		line-height:24px;
		color: #fff;
		text-align: center;
		padding: 8px 0;
	}
	#cookie-bar.fixed {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index: 99;
	}
	#cookie-bar.fixed.bottom {
		bottom:0;
		top:auto;
	}
	#cookie-bar p {margin:0; padding:0;}
	#cookie-bar a {
		display: inline-block;
		border-radius: 3px;
		padding: 0 6px;
		margin-left:8px;
	}
	#cookie-bar .cb-enable {
		background:#c51f43;
		color: #fff;
		text-decoration: none;
	}
	#cookie-bar .cb-enable:hover {background:#a5283d;}
	#cookie-bar .cb-disable {}
	#cookie-bar .cb-disable:hover {}
	#cookie-bar .cb-policy {text-decoration: underline;}
	#cookie-bar .cb-policy:hover {color: #fff;}

/* maintenance page */

    body.maintenance {
        background: #000;
    }
    .maintenance #header .strip {
        height: auto;
    }
    .maintenance #logo {
		display: block;
        float: none !important;
		position: relative;
        margin: 50px auto 0 auto !important;
	}
    .maintenance #logo:before {
        left: -44px;
    }
    .maintenance main, .maintenance .below {
        text-align: center;
        padding: 40px 0;
    }
    .maintenance section.social {
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #333;
        text-align: center !important;
    }
@media screen and (max-width: 480px) {
    .maintenance main {
        padding: 20px 0 0 0;
    }
}

/* clearing */
	.clear {clear: both;}
	#menu:after, #container:after, .wrap:after, article:after, section.newsletter:after, ul.gallery:after, .pages:after, .social:after, .blog .comments li:after, #content .share:after, #content .webiny_form p:after, .work #sidebar dl:after, .filter:after {
		content: ".";
		display: block;
		height: 0;
		padding: 0;
		clear: both;
		visibility: hidden;
	}