html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}html, body {width: 100%;height: 100%;}table {border-collapse: collapse;border-spacing: 0;}iframe,img, video{max-width:100%;height:auto;display:block;}figure img {display:block;}html {-webkit-box-sizing: border-box;box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
body {overflow-wrap: break-word;overflow-x:hidden;-webkit-text-size-adjust: 100%;font:500 17px/1.8 'Montserrat', sans-serif;color:#222;text-align:center;}
.wrap {width:1240px;max-width:94%;text-align:left;margin:0 auto;}
.footer {padding:90px 15px 15px;font-size:14px;-ms-opacity:.5;opacity:.5;text-align:left;}

.purple 	{color:#fff;background:#2B275A url(purple.png) center top no-repeat;padding:120px 0;}
.purple.last {padding-bottom:0;}
.section.blue 		{background:#73DEE1 url(blue.png) right top no-repeat;padding: 130px 0;background-size: cover;}
.section.pink 		{background:#F74A56 url(pink.png) right top no-repeat;background-size:cover;padding:10px 0 110px;}
.section.grey 		{background:#E1E9EC;padding-bottom:0;}
.section {float:left;width:100%;padding:110px 0;}

h1,h2,h3,h4,h5 {line-height:1.2;font-weight:800;}
p {padding-bottom:25px;-ms-opacity:.75;opacity:.75;}
a {color:#222;text-decoration:none;-webkit-transition: background 0.1s ease-in;-o-transition: background 0.1s ease-in;transition: background 0.1s ease-in;}
strong {font-weight:bold;}

h1 {font-size:51px;margin-bottom:25px;}
h2 {font-size:18px;}
h3 {font-size:36px;text-align:center;margin:-15px 0 40px;}
h3 span {font-size:84px;display:inline-block;width:100%;}
h4 {font-size:18px;margin-bottom:15px;text-transform:none;font-weight:700;}
h5 {font-size:105px;color:#fff;display:inline-block;width:100%;text-transform:uppercase;}
h5 .small {font-size:22px;text-transform:none;}
h5 span {font-size:30px;float:left;width:100%;text-shadow:0 0 8px rgba(0,0,0,.15);}
h6 {font-size:18px;line-height:1.8;color:#555;padding:0 40px 25px;}
h6:last-of-type {padding-bottom:0;}
h6 em {color: #fff;font-style: normal;font-weight: 600;padding: 0 3px;background: #00BFA5;}

.button {display:inline-block;background:#EA1E63;color:#fff;padding:19px 33px;margin:30px 0 0;text-transform:uppercase;font-size:19px;font-weight:800;border-radius:4px;}
.button:hover,.button:focus {background:#00BFA5;}

.header {width: 100%;-webkit-transition: all 0.1s ease-in 0.1s;-o-transition: all 0.1s ease-in 0.1s;transition: all 0.1s ease-in 0.1s;}
.header nav {float:right;padding:15px 0;font-size:14px;}
nav li {display:inline-block;list-style:none;padding:0 10px;}
nav li a,.header:not(.fixed-header) nav li:first-of-type a {color:#fff;-ms-opacity:.50;opacity:.50;}
nav li a:hover, nav li a:focus,nav li a.active {-ms-opacity:1 !important;opacity:1 !important;}
nav li:last-of-type a {-ms-opacity:1;opacity:1;color:#fff !important;background:#00BFA5;border-radius:4px;padding:7px 11px;margin-top:-8px;text-transform:uppercase;font-size:12px;font-weight:bold;}
nav li:last-of-type a:hover,nav li:last-of-type a:focus {background:#EA1E63;}
.site-title a {-ms-opacity:0;opacity:0;float:left;color:#222;font-size:19px;font-weight:800;padding:12px 15px 10px;text-transform:uppercase;}
.fixed-header {position: fixed;top: 0;left: 0;width: 100%; background:#fff;clear:both;z-index:9999;-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15);}
.fixed-header a {color:#222;}
.fixed-header .site-title a {-ms-opacity:.5;opacity:.5;}

.content {text-align:center;}

.intro .content {opacity: 0; -webkit-animation: fadein ease-in 2s; animation: fadein ease-in 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.portfolio {margin:0 -15px;padding:70px 0 120px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.portfolio .item {width:25%;padding:0 15px 30px;min-height:250px;text-align:center;}
.portfolio .item > div {border-radius:5px;-webkit-border-radius:5px;box-shadow:0 3px 15px rgba(0,0,0,.15);-webkit-box-shadow:0 3px 15px rgba(0,0,0,.15);background:#fff;position:relative;}
.portfolio .item img {border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
.portfolio .item h2 {font-size:15px;padding:20px 0;}
.portfolio .item h2 a {-webkit-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.portfolio .item:hover h2 a {color:#00BFA5;}

.item figure		{overflow:hidden;position:relative;height: 240px;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
.item figure a 	{-webkit-backface-visibility: hidden;position: relative; width: 100%;height: 100%;display: block;}
.item figure a img {-webkit-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.item figure a::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.item figure a:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
.item figure a:hover img {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

@-webkit-keyframes shine {
	100% {left: 125%;}
}
@keyframes shine {
	100% {left: 125%;}
}


.ribbon {position: absolute;right: 0; top: 0;z-index: 90;overflow: hidden;width: 75px; height: 75px;text-align: right;}
.ribbon span {font-size: 10px;font-weight: bold;color: #FFF;text-transform: uppercase;text-align: center;line-height: 21px;transform: rotate(45deg);-webkit-transform: rotate(45deg);width: 100px;display: block;background: #EA1E63;box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position: absolute;top: 17px; right: -23px;z-index:90;}

.list {display:inline-block;width:75%;margin:30px 0 -20px;}
.list > li	  {list-style:none;position:relative;padding:8px 0 8px 60px;float:left;width:50%;margin-bottom:15px;}
.list > li:before 	{content:"";background:url(ico.png) 50% 50% no-repeat;width:45px;height:45px;position:absolute;top:0;left:0;}

#features {padding-bottom:80px;}
.features {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.features > div {background:#fff;width: calc(33% - 40px);padding: 45px 20px;display: inline-block;text-align: center;-webkit-box-shadow: 0 10px 30px rgba(0,0,0,.1);box-shadow: 0 10px 30px rgba(0,0,0,.1);margin: 0 20px 40px;border-radius: 5px;}
.features p {font-size:15px;padding:10px 50px 0;}

.intro h5 {position:relative;margin-bottom:60px;}
.intro h5:after  {content:"";background:rgba(0,0,0,.7);width:90px;height:1px;bottom:-33px;left:50%;margin-left:-45px;position:absolute;}

.outro {padding:130px 0;}
.outro .wrap {text-align:center;padding-left:10%;padding-right:10%;}

.pink h1 {color:#fff;padding:120px 40px 30px;}
.pink p {padding-left:40px;}
.half {float:left;width:50%;}
.pink img {margin:-30px 60px 0 10px;float:right;}

.blue h1 {color:#fff;}
.last .button {margin-top:55px;font-size:17px;padding:14px 23px;}

@media screen and (max-width: 1200px) {
.pink .wrap {text-align:center;}
.pink img {margin-left:auto;margin-right:auto;display:inline-block;float:none;}
.pink .con {width:100%;display:inline-block;}
.pink .con h1 {padding:30px 40px 0;}
.pink p {padding-left:0;}
}

@media screen and (max-width: 960px) {
.portfolio .item,.features > div {width:50%;} 
.list,.half {width:100%;}
.half {text-align:center;}
.blue, .purple {background-size:cover;color:#fff;} .half img {margin:0 auto;}.pink {background-position:center top;}
.section.pink  {background:#E91E63;background-image:none;color:#fff;}

@media screen and (max-width: 700px) {
.site-title,.header nav {float:none;display:inline-block;margin:0 auto;}
.site-title,.header a {opacity:1;color:#222 !important;}
.portfolio .item,.features > div,.list > li,
.portfolio .item > div img {width:100%;}
h5 {font-size:75px;}
.portfolio .item > div {background:none;box-shadow:none;-webkit-box-shadow:none;text-align:center;}
.portfolio .item h2 a {color:#fff;}
.portfolio .item,
.outro .wrap  {padding-left:3%;padding-right:3%;}
}

@media screen and (max-width: 460px) {
.header {text-align:left;}
.header nav {padding-top:0;margin:0 5px;}
.site-title  {float:left;padding-left:0;}
.site-title a {padding-bottom:3px;}
nav li:last-of-type {position:absolute;top:15px;right:0;}
.site-title,nav li:last-of-type a {margin:0;}
h1 {font-size:43px;}
h5 {font-size:65px;} 
.pink .con h1 {padding:30px 0 0;}
.features p {padding:0 20px;}
}