/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4SppsHecKHw584ktcwPXSnc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4Uvi3q9-zTdQoLrequQTguk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4T3sPXe5Q4a3bCZMR7ryN4o.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: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.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;
}
/* Intro Caps */
@font-face {
  font-family: 'Intro Caps Black';
  src: url(../fonts/Intro-Black-Caps.ttf);
}
@font-face {
  font-family: 'Corbel';
  src: url(../fonts/corbel.ttf);
}
@font-face {
  font-family: 'Corbel-Bold';
  src: url(../fonts/corbelbold.ttf);
}
.clear {
  width: 100%;
  height: 50px;
  content: '';
}
.clear-mini {
  width: 100%;
  height: 25px;
  content: '';
}
.navbg {
  background: url(../img/head_bg.jpg) no-repeat;
  background-size: cover;
  height: 1080px;
}
.headtext {
  background: url(../img/videofooter.png) no-repeat;
  background-size: cover;  
}
.navpanel {
	list-style-type: none;
	padding-bottom: 1em;
}
.navpanel a{
	padding-top: 10px;
	display: table-cell;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 18pt;
	color: #fff;
}
.navpanel a:hover{
	color: #8D1E57;
}
.navpanel-white {
  background: #fff;
  list-style-type: none;
  padding-bottom: 1em;
}
.navpanel-white a{
  padding-top: 10px;
  display: table-cell;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 18pt;
  color: #000;
}
.navpanel-white a:hover{
  color: #8D1E57;
}

#activeitem {
	padding-top: 5px;
	border-top: 5px solid #8D1E57;
	color: #8D1E57;
}
.big-logo {
	padding-top: 8em;
	text-align: center;
	opacity: 0;
}
.big-logo img {
	margin-left: 20px;
}
.slogan {
	color: #fff;
	text-align: center;
	opacity: 0;
}
.slogan strong {
  font-family: 'Intro Caps Black';
  font-size: 31pt;
}
.slogan p{
  text-align: center;
	font-size: 18pt;
}
.videofooter {
  width: 1920px;
  min-height: 724px;
  margin-top: 555px;
  background: url(../img/videofooter.png) no-repeat;
}
.about-us-bg {
  width: 100%;
  height: 424px;
  background: url(../img/about_us_bg.jpg) no-repeat;
  background-size: cover;
}

.about-us-bg span {
  color: #fff;
  font-size: 55px;
  font-family: 'Corbel',sans-serif;
  text-align: center;
  display: block;
  margin-top: 10%;
}
.procces-bg {
  width: 100%;
  height: 424px;
  background: url(../img/procces_bg.png) no-repeat;
  background-size: cover;
}
.procces-bg span {
  color: #fff;
  font-size: 32px;
  font-family: 'Corbel',sans-serif;
  text-align: center;
  display: block;
}
.procces-bg h1{
  font-family: 'Intro Caps Black';
  color: #fff;
  font-size: 65px;
  text-align: center;
  display: block;
  margin-top: 8%;
}
.contact-bg {
  width: 100%;
  height: 424px;
  background: url(../img/contact_bg.png) no-repeat;
  background-size: cover;
}
.contact-bg span {
  color: #fff;
  font-size: 35px;
  font-family: 'Corbel',sans-serif;
  text-align: center;
  display: block;
}
.contact-bg h1{
  font-family: 'Intro Caps Black';
  color: #fff;
  font-size: 55px;
  text-align: center;
  display: block;
  margin-top: 10%;
}
.contacts-block {
  font-family: 'Arial';
  font-size: 18px;
}
.contact-logo {
  font-family: 'Intro Caps Black';
  color: #8D1E57;
}
.text-block{
  font-family: 'Corbel',sans-serif;
}
.text-block span{
  font-family: 'Corbel-Bold',sans-serif;
  font-size: 32px;
}
.text-block p{
  font-size: 24px;
}
.text-block a{
  text-decoration: underline;
}
.about-sep {
  background: url(../img/about_sep.png) no-repeat;
  width: 100%;
  height: 113px;
  background-size: contain;
  background-position: center center;
}
.about-us-callme-img {
  text-align: center;
}
.about-us-callme {
  text-align: center;
}
.about-us-callme span{
  font-family: 'Corbel-Bold',sans-serif;
  font-size: 32px;
}
.about-us-callme input[type=text]{
  height: 50px;
  font-size: 22px;
}
.about-us-callme small{
  padding-top: 5px;
  font-family: 'Corbel-Bold',sans-serif;
  font-size: 14px;
}
.callme-btn-about {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Corbel",sans-serif;
  font-size: 26px;
  margin-bottom: 8px;
  line-height: normal;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  color: #000;
  background-color: #FFED00;
}
.callme-btn-about:hover {
  color: #000;
  background: #FFD70C;
}
.services-bg {
  width: 100%;
  height: 840px;
  background: url(../img/services_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.services-bg h1{
  font-family: 'Intro Caps Black';
  color: #fff;
  font-size: 70px;
  text-align: center;
  display: block;
  margin-top: 25%;
}
.services-bg b{
  font-size: 50px;
}
.services-bg span {
  color: #fff;
  font-size: 50px;
  font-family: 'Arial';
  text-align: center;
  display: block;
  margin-top: 5%;
}
.service-block h2{
  font-family: 'Corbel-Bold',sans-serif;
  margin-bottom: -5px;
}
.service-block span {
  font-family: 'Corbel',sans-serif;
  font-size: 25px;
}
.service-block p{
  padding-top: 8px;
}
.get-project{
  font-family: 'Corbel',sans-serif;
  display: block;
  height: 60px;
  font-size: 26px;
  width: 300px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  background-color: #7d286f;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM4ZDFlNTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZkMzE4NiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(141, 30, 87)),color-stop(1, rgb(109, 49, 134)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
  background-image: -ms-repeating-linear-gradient(top left,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
}
.get-project:hover{
  color: #fff;
  background-color: #7d286f;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM4ZDFlNTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZkMzE4NiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(83, 30, 87)),color-stop(1, rgb(109, 49, 134)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);
  background-image: -ms-repeating-linear-gradient(top left,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);  
}
.getprevworks{
  font-family: 'Corbel',sans-serif;
  display: block;
  height: 60px;
  font-size: 26px;
  width: 300px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  background-color: #7d286f;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM4ZDFlNTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZkMzE4NiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(141, 30, 87)),color-stop(1, rgb(109, 49, 134)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
  background-image: -ms-repeating-linear-gradient(top left,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
}
.getprevworks:hover{
  color: #fff;
  background-color: #7d286f;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM4ZDFlNTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZkMzE4NiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(83, 30, 87)),color-stop(1, rgb(109, 49, 134)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);
  background-image: -ms-repeating-linear-gradient(top left,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);  
}
.getprevworks:visited {
    color: #fff;
}
.getprevworks:active {
    color: #fff;
}
.modal-btn {
  background-color: #7d286f;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM4ZDFlNTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZkMzE4NiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(141, 30, 87)),color-stop(1, rgb(109, 49, 134)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
  background-image: -ms-repeating-linear-gradient(top left,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
}
.works-bg {
  width: 100%;
  height: 424px;
  background: url(../img/works_bg.png) no-repeat;
  background-size: cover;
}
.works-bg span {
  color: #fff;
  font-size: 26px;
  font-family: 'Arial';
  text-align: center;
  display: block;
}
.works-bg h1 {
  color: #fff;
  font-family: 'Intro Caps Black';
  text-align: center;
  font-size: 64px;
  display: block;
  margin-top: 13%;
}
.work-box:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.14);
  -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.14);
  box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.14);  
}
.work-box .port-href{
  color: #222;
}
.work-modal {
  color: #fff;
}
.work-modal a{
  color: #8D1E57;
  font-size: 21px;
}
.work-modal a:hover {
  color: #fff;
}
.splash-port {
  width: 60px;
  height: 3px;
  background: #8D1E57;
  margin-left: 14px;
}
.work-modal h4 {
  color: #fff;
  font-family: Arial;
  font-size: 18px;
  margin-bottom: 0px;
  padding-left: 14px;
}
.work-img {
  min-height: 233px;
  padding-top: 15%;
}
.work-left-arrow {
  position: absolute;
  width: 20px;
  height: 19px;
  background: url(../img/left-arrow.png) no-repeat;
  bottom: 0;
}
.work-right-arrow {
  position: absolute;
  width: 20px;
  height: 19px;
  background: url(../img/right-arrow.png) no-repeat;
  top: 0;
  right: 0;
}
.work-slogan {
  position: relative;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  font-family: 'Corbel',sans-serif;
  font-size: 26px;
  color: #fff;
}
.work-view {
  display: block;
  position: absolute;
  width: 150px;
  height: 32px;
  background: url(../img/view_work.png) no-repeat;
  margin-top: 15px;
  right: 50px;
}
.work-view:hover {
  background: url(../img/view_work_h.png) no-repeat;
}
.work-info {
  height: 80px;
  background: #F5F5F5;
  text-align: center;
  padding-top: 8px;
  padding-left: 40px;
  padding-right: 40px;  
  font-size: 22px;
}
.videofooter-text {
  text-align: center;
  color: #fff;
  padding-top: 20%;
  padding-bottom: 15%;
}
.workshome {
  margin-top: 7%;
  text-align: center;
  border: 1px solid #fff;
}
.workshome strong {
  font-family: 'Corbel-Bold',sans-serif;
  font-size: 29pt;
}
.workshome-nav {
  margin-top: 8%;
  text-align: center;
}
.workshome-nav a{
  font-family: 'Corbel',sans-serif;
  display: block;
  height: 40px;
  font-size: 22px;
  width: 200px;
  margin: 0 auto;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  background-color: #7d286f;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM4ZDFlNTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZkMzE4NiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(141, 30, 87)),color-stop(1, rgb(109, 49, 134)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
  background-image: -ms-repeating-linear-gradient(top left,rgb(141, 30, 87) 0%,rgb(109, 49, 134) 100%);
}
.workshome-nav a:hover{
  color: #fff;
  background-color: #7d286f;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM4ZDFlNTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZkMzE4NiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(83, 30, 87)),color-stop(1, rgb(109, 49, 134)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);
  background-image: -ms-repeating-linear-gradient(top left,rgb(83, 30, 87) 0%,rgb(109, 49, 134) 100%);  
}
.workshome-nav small{
  font-size: 14px;
  font-family: 'Corbel',sans-serif;
}
.main-port-item {
  width: 150px;
  height: 150px;
  border: 1px solid #eee;
  border-radius: 100px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media all and (max-width: 900px) {
.main-port {
  display: none;
}
.main-port-item {
  display: none;
}
}
.slick-prev {
  position: absolute;
  margin-top: 100px;
  margin-left: -20px;
}
.slick-next {
  position: absolute;
  margin-top: -122px;
  right: 0;
  margin-right: -20px;
}
.videofooter-text strong {
  font-family: 'Intro Caps Black';
  font-size: 31pt;
  text-align: center;
}
.videofooter-text p{
  font-size: 16pt;
  padding-top: 2em;
  font-family: 'PT Sans Narrow', sans-serif;
}
.nextdown {
  opacity: 0.5;
}
.nextdown:hover {
  opacity: 1;
}
.left-callme {
  border-right: 1px solid #eee;
}
.left-callme strong{
  font-family: 'Corbel-Bold',sans-serif;
  font-size: 26px;
}
.left-callme p{
  padding-top: 10px;
  font-family: 'Arial';
  font-size: 12px;
}
.right-callme {
  text-align: center;
}
.right-callme strong{
  font-family: 'Corbel-Bold',sans-serif;
  font-size: 32px;  
}
.right-callme a{
  display: block;
  color: #000;
  width: 200px;
  margin: 0 auto;
  font-family: 'Corbel-Bold',sans-serif;
  font-size: 22px;
  padding: 5px;
  background: -moz-linear-gradient(131deg, #FFE712 0%, #F2CB1B 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #F2CB1B), color-stop(100%, #FFE712)); /* safari4+,chrome */
  background: -webkit-linear-gradient(131deg, #FFE712 0%, #F2CB1B 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(131deg, #FFE712 0%, #F2CB1B 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(131deg, #FFE712 0%, #F2CB1B 100%); /* ie10+ */
  background: linear-gradient(319deg, #FFE712 0%, #F2CB1B 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2CB1B', endColorstr='#FFE712',GradientType=0 ); /* ie6-9 */
}
.right-callme a:hover {
  color: #000;
  background: -moz-linear-gradient(96deg, #FFE712 0%, #F2CB1B 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2CB1B), color-stop(100%, #FFE712)); /* safari4+,chrome */
  background: -webkit-linear-gradient(96deg, #FFE712 0%, #F2CB1B 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(96deg, #FFE712 0%, #F2CB1B 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(96deg, #FFE712 0%, #F2CB1B 100%); /* ie10+ */
  background: linear-gradient(354deg, #FFE712 0%, #F2CB1B 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2CB1B', endColorstr='#FFE712',GradientType=0 ); /* ie6-9 */  
}
.partners-title {
  text-align: center;
}
.partners-title strong{
  font-family: 'Corbel-Bold',sans-serif;
  font-size: 32px;    
}
.footer {
  background: #000;
  min-height: 90px;
  width: 100%;
  text-align: center;
}
.footer p{
  color: #fcfcfc;
  padding-top: 5px;
  font-family: 'Corbel',sans-serif;

}
.footer span{
  display: block;
  color: #fcfcfc;
  text-align: center;
  font-size: 12px;
  padding-top: 15px;
}
.footer a{
  color: #fcfcfc;
}
.footer a:hover{
  color: #fcfcfc;
  text-decoration: underline;
}



@media (min-width: 1000px) {
  #timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }

  #timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background-color: #bdbdbd;
    border-radius: 9px;
    box-shadow: 0px 0px 2px 8px #f7f7f7;
  }
}
/* Some Cool Stuff */
.demo-card:nth-child(1) {
  order: 1;
}

.demo-card:nth-child(2) {
  order: 4;
}

.demo-card:nth-child(3) {
  order: 2;
}

.demo-card:nth-child(4) {
  order: 5;
}

.demo-card:nth-child(5) {
  order: 3;
}

.demo-card:nth-child(6) {
  order: 6;
}


#timeline {
  padding: 100px 0;
  border-top: 1px solid rgba(191, 191, 191, 0.4);
}
#timeline h1 {
  text-align: center;
  font-size: 3rem;
  font-weight: 200;
  margin-bottom: 20px;
}
#timeline p.leader {
  text-align: center;
  max-width: 90%;
  margin: auto;
  margin-bottom: 45px;
}
#timeline .demo-card-wrapper {
  position: relative;
  margin: auto;
}
@media (min-width: 1000px) {
  #timeline .demo-card-wrapper {
    display: flex;
    flex-flow: column wrap;
    width: 1170px;
    height: 1650px;
    margin: 0 auto;
  }
}
#timeline .demo-card-wrapper::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid rgba(191, 191, 191, 0.4);
}
@media (min-width: 1000px) {
  #timeline .demo-card-wrapper::after {
    border-left: 1px solid #bdbdbd;
  }
}
#timeline .demo-card {
  position: relative;
  display: block;
  margin: 10px auto 80px;
  max-width: 94%;
  z-index: 2;
}
@media (min-width: 480px) {
  #timeline .demo-card {
    max-width: 60%;
    box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.04);
  }
}
@media (min-width: 720px) {
  #timeline .demo-card {
    max-width: 40%;
  }
}
@media (min-width: 1000px) {
  #timeline .demo-card {
    max-width: 450px;
    height: 400px;
    margin: 90px;
    margin-top: 45px;
    margin-bottom: 45px;
  }
  #timeline .demo-card:nth-child(odd) {
    margin-right: 45px;
  }
  #timeline .demo-card:nth-child(odd) .head::after {
    border-left-width: 15px;
    border-left-style: solid;
    left: 100%;
  }
  #timeline .demo-card:nth-child(odd) .head::before {
    left: 491.5px;
  }
  #timeline .demo-card:nth-child(even) {
    margin-left: 45px;
  }
  #timeline .demo-card:nth-child(even) .head::after {
    border-right-width: 15px;
    border-right-style: solid;
    right: 100%;
  }
  #timeline .demo-card:nth-child(even) .head::before {
    right: 489.5px;
  }
  #timeline .demo-card:nth-child(2) {
    margin-top: 180px;
  }
}
#timeline .demo-card .head {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 400;
}
#timeline .demo-card .head .number-box {
  display: inline;
  float: left;
  margin: 15px;
  padding: 10px;
  font-size: 35px;
  line-height: 35px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.17);
}
#timeline .demo-card .head h2 {
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: inherit;
  letter-spacing: 2px;
  margin: 0;
  padding-bottom: 6px;
  line-height: 1rem;
}
@media (min-width: 480px) {
  #timeline .demo-card .head h2 {
    font-size: 165%;
    line-height: 1.2rem;
  }
}
#timeline .demo-card .head h2 span {
  display: block;
  font-size: 0.6rem;
  margin: 0;
}
@media (min-width: 480px) {
  #timeline .demo-card .head h2 span {
    font-size: 0.8rem;
  }
}
#timeline .demo-card .body {
  background: #fff;
  border: 1px solid rgba(191, 191, 191, 0.4);
  border-top: 0;
  padding: 15px;
}
@media (min-width: 1000px) {
  #timeline .demo-card .body {
    height: 315px;
  }
}
#timeline .demo-card .body p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}
#timeline .demo-card .body img {
  display: block;
  width: 100%;
}
#timeline .demo-card--step1 {
  background-color: #46b8e9;
}
#timeline .demo-card--step1 .head::after {
  border-color: #46b8e9;
}
#timeline .demo-card--step2 {
  background-color: #3ee9d1;
}
#timeline .demo-card--step2 .head::after {
  border-color: #3ee9d1;
}
#timeline .demo-card--step3 {
  background-color: #ce43eb;
}
#timeline .demo-card--step3 .head::after {
  border-color: #ce43eb;
}
#timeline .demo-card--step4 {
  background-color: #4d92eb;
}
#timeline .demo-card--step4 .head::after {
  border-color: #4d92eb;
}
#timeline .demo-card--step5 {
  background-color: #67B437;
}
#timeline .demo-card--step5 .head::after {
  border-color: #67B437;
}