.project_r-connect { background-color: #ffd410; }
.project_r-connect .project_preview { background: url("../img/projects/preview/r-connect.png") center no-repeat; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.project_goodwin { background-color: #330284; }
.project_goodwin .project_preview { background: url("../img/projects/preview/goodwin.jpg") center; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.project_vesna { background-color: #000; }
.project_vesna .hidden-xs { background: url("../img/projects/preview/vesna.jpg") 0% 51%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.project_vesna .visible-xs { background: url("../img/projects/preview/vesna640.jpg") center 70%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.project_mts { background-color: #ff2c2c; }
.project_mts .project_preview { background: url("../img/projects/preview/mts.png") center; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.project_villagio { background-color: #291f19; }
.project_villagio .project_preview { background: url("../img/projects/preview/villagio.jpg") center; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.project_tvc { background-color: #000; }
.project_tvc .hidden-xs { background: url("../img/projects/preview/tvc.jpg") 0 17%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.project_tvc .visible-xs { background: url("../img/projects/preview/tvc640.jpg") top left; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.project_facecast { background-color: #2a3143; }
.project_facecast .project_preview { background: url("../img/projects/preview/facecast.jpg") center; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.project_ut { background-color: #e6e6e6; }
.project_ut .project_preview { background: url("../img/projects/preview/ut.jpg") center; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.project_section.bg-dark { background: #212325; }
.project_body .project_section.bg-dark h2:after { border-color: rgba(255, 255, 255, 0.2); }

.project_section.bg-gray { background: #dcdcdc; }
.project_section .img-phones { margin-top: 40px; margin-bottom: -325px; position: relative; }
.project_section.no-overflow { overflow: visible; }
.project_section .mb20 { margin-bottom: 20px !important; }

.project_body--styles { letter-spacing: -0.45px; font-family: 'PT Serif', serif; font-style: normal; }
.project_body--styles i { font-family: 'PT Serif', serif; }

.project_body--goodwin { letter-spacing: -0.45px; font-family: 'PT Serif', serif; font-style: normal; }
.project_body--goodwin i { font-family: 'PT Serif', serif; }
.project_body--goodwin .project_section_0 { height: 1054px; background-image: url(../upload/work/images/goodwin/bg.jpg); }
.project_body--goodwin .project_section_1 { z-index: 5; }
.project_body--goodwin .project_section_1 .img-phones { height: 777px; }
.project_body--goodwin .project_section_2 { padding-top: 280px; z-index: 4; }
.project_body--goodwin .project_section_3 { overflow: visible; padding: 0; text-align: center; z-index: 3; background-color: #0ec0c6; }
.project_body--goodwin .project_section_3 .effect-parallax { position: relative; height: 905px; margin-top: -135px; }
.project_body--goodwin .project_section_4 img { display: block; }
.project_body--goodwin .project_section_4 span.small-caption { padding-bottom: 11px; }
.project_body--goodwin .project_section_4 .image-mirrow { margin-top: 0px; margin-bottom: 37px; height: 574px; background-image: url(../upload/work/images/goodwin/mockups2.jpg); }
.project_body--goodwin .project_section_5 { letter-spacing: 0; z-index: 5; }
.project_body--goodwin .project_section_5 h4 { margin-top: 28px; margin-bottom: 40px; }
.project_body--goodwin .project_section_5 .indent { margin-bottom: 60px; }
.project_body--goodwin .project_section_5 .relative-img { margin: -2px 0px 20px; }
.project_body--goodwin .project_section_5 .relative-img .image-mirrow { height: 567px; background-image: url(../upload/work/images/goodwin/mockups3.png); }
.project_body--goodwin .project_section_5 .img-phones { margin-top: 27px; margin-bottom: -250px; height: 777px; }
.project_body--goodwin .project_section_8 { letter-spacing: 0; padding-top: 207px; z-index: 4; background-image: url(../upload/work/images/goodwin/bg6.jpg); }
.project_body--goodwin .project_section_8 h2 { margin-top: 32px; }
.project_body--goodwin .project_section_8 p { margin-bottom: 6px; }
.project_body--goodwin .project_section_8 h4 { line-height: 53px; margin-top: 5px; margin-bottom: 41px; }
.project_body--goodwin .project_section_8 .img-phones { margin-top: 20px; margin-bottom: -280px; height: 733px; }
.project_body--goodwin .project_section_9 { background-color: #dcdcdc; padding-top: 242px; z-index: 3; }
.project_body--goodwin .project_section_9 h3 { margin-top: 12px; }
.project_body--goodwin .project_section_9 span.small-caption { margin-top: 8px; }
.project_body--goodwin .project_section_9 .relative-img img { max-width: 717px; margin-top: 12px; margin-left: -20px; width: 100%; }
.project_body--goodwin .project_section_9 .img-phones { margin-bottom: -272px; margin-top: 60px; height: 695px; }
.project_body--goodwin .project_section_11 { padding-top: 257px; padding-bottom: 0; background-image: url(../upload/work/images/goodwin/bg4.jpg); }
.project_body--goodwin .project_section_11 .relative-img { margin: 190px auto 283px; max-width: 515px; }
.project_body--goodwin .project_section_11 .relative-img img { max-width: 100%; }
.project_body--goodwin .project_section_11 .iphone-frame { position: relative; }
.project_body--goodwin .project_section_11 .iphone-frame .iphone-inner { position: absolute; top: 10.7%; left: 11.9%; right: 12.8%; width: auto; }
.project_body--goodwin .project_section_12 { background-image: url(../upload/work/images/goodwin/bg7.jpg) !important; background-position: bottom !important; background-repeat: no-repeat !important; padding-top: 0; padding-bottom: 678px; }
.project_body--goodwin .project_section_12 p { line-height: 35px; }
.project_body--goodwin .project_section_12 h4 { margin-top: 10px; }
.project_body--goodwin .project_section_12 .relative-img { margin-top: 88px; margin-bottom: 136px; height: 185px; }
.project_body--goodwin .project_section_12 .img-icons { max-width: 100%; margin-bottom: 0; }
.project_body--goodwin .project_section_12 .img-phones { margin-top: 30px; margin-bottom: 14px; height: 587px; }
.project_body--goodwin .project_section_12 .bottom-img { margin-top: -12%; position: relative; z-index: -1; max-width: 100%; }
.project_body--goodwin .project_section_13 { background: #5b4bd6; padding-top: 96px; }
.project_body--goodwin .project_section_13 .relative-img { margin-top: 10px; margin-bottom: -38px; height: 864px; }
.project_body--goodwin .project_section_13 .indent { margin-bottom: 40px; }
.project_body--goodwin .project_section_14 { padding-top: 101px; }
.project_body--goodwin .project_section_14 .image-mirrow { margin-top: -37px; margin-bottom: 0; height: 730px; background-image: url(../upload/work/images/goodwin/mockups9.png); }
.project_body--goodwin .project_section_14 h4 { margin-bottom: 38px; }
.project_body--goodwin .project_section_15 { background-color: #e9e9e9; }
.project_body--goodwin .project_section_15 .indent { margin-bottom: 110px; }
.project_body--goodwin .project_section_15 h4 { margin-top: 57px; }

@media (max-width: 767px) { .project_body--goodwin .project_section_0 { height: 984px; }
  .project_body--goodwin .project_section_2 { padding-top: 237px; padding-bottom: 40px; }
  .project_body--goodwin .project_section_3 .effect-parallax { height: 875px; margin-top: -160px; }
  .project_body--goodwin .project_section_3 .effect-parallax img { margin-top: -60px; }
  .project_body--goodwin .project_section_4 em { margin: 41px 0 43px; }
  .project_body--goodwin .project_section_4 .image-mirrow { margin-bottom: 0; }
  .project_body--goodwin .project_section_11 .relative-img { margin: 50px auto; }
  .project_body--goodwin .project_section_12 .relative-img { height: 125px; } }