@font-face {
  font-family: "Roboto Regular";
  src: url("../fonts/roboto/Roboto-Regular.ttf"); }
@font-face {
  font-family: "Roboto Bold";
  src: url("../fonts/roboto/Roboto-Bold.ttf"); }
.content {
  min-height: calc(100vh - 82px - 341px); }

#mainNav .phone-menu {
  padding-left: 40px;
  padding-right: 5px;
  display: unset; }
  @media screen and (max-width: 991px) {
    #mainNav .phone-menu {
      padding-left: 25px !important; } }
  #mainNav .phone-menu a:hover {
    text-decoration: none; }
  #mainNav .phone-menu span {
    padding-left: 30px !important;
    cursor: pointer; }
    #mainNav .phone-menu span:before {
      position: absolute;
      margin-left: -25px;
      margin-top: 2px;
      top: unset; }

.intro-title {
  display: flex;
  align-items: center;
  height: 130px;
  width: 935px;
  margin: 0 auto; }
  @media screen and (max-width: 1199px) {
    .intro-title {
      width: 720px; } }
  @media screen and (max-width: 767px) {
    .intro-title {
      width: 320px;
      height: 160px; } }
  .intro-title span {
    font-family: "Roboto Regular", sans-serif;
    font-size: 26px;
    line-height: 22px;
    margin: 0 auto;
    color: #343a40;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .intro-title span {
        text-align: center; } }
.intro-banner {
  background-color: black;
  background-image: url("../images/intro.png");
  background-repeat: no-repeat;
  background-position: center -220px;
  width: 100vw;
  height: 545px; }
  @media screen and (max-width: 1919px) {
    .intro-banner {
      background-size: cover;
      background-position: center -140px;
      height: 345px; } }
  @media screen and (max-width: 1199px) {
    .intro-banner {
      background-position: center -100px;
      background-size: 950px;
      height: 270px; } }
  @media screen and (max-width: 767px) {
    .intro-banner {
      background-position: center 0;
      background-size: 520px;
      height: 290px; } }
.intro-text {
  display: flex;
  align-items: center;
  height: 233px;
  background-color: #343a40; }
  @media screen and (max-width: 767px) {
    .intro-text {
      height: 400px; } }
  .intro-text span {
    font-family: "Roboto Regular", sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    width: 935px;
    margin: 0 auto; }
    @media screen and (max-width: 1919px) {
      .intro-text span {
        width: 720px; } }
    @media screen and (max-width: 767px) {
      .intro-text span {
        width: 320px; } }

.items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 935px;
  margin: 0 auto 90px auto; }
  @media screen and (max-width: 1199px) {
    .items {
      width: 720px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .items {
      width: 320px;
      margin-bottom: 70px; } }
  .items-item {
    box-sizing: border-box;
    width: 428px;
    margin-top: 90px; }
    @media screen and (max-width: 1199px) {
      .items-item {
        margin-top: 60px;
        width: 348px; } }
    @media screen and (max-width: 767px) {
      .items-item {
        margin-top: 50px;
        width: 320px; } }
    .items-item:nth-child(1) > div:nth-child(2):before, .items-item:nth-child(2) > div:nth-child(2):before, .items-item:nth-child(3) > div:nth-child(2):before {
      content: "";
      position: absolute;
      border-left: 13px solid #77818c;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      margin-top: 16px; }
    .items-item:nth-child(1) > div:nth-child(2):after, .items-item:nth-child(2) > div:nth-child(2):after, .items-item:nth-child(3) > div:nth-child(2):after {
      content: "";
      position: absolute;
      border-left: 13px solid #e21612;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      margin-top: 16px;
      margin-left: 13px; }
    .items-item .player {
      width: 428px;
      height: 235px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 1199px) {
        .items-item .player {
          width: 348px;
          height: 191px; } }
      @media screen and (max-width: 767px) {
        .items-item .player {
          width: 320px;
          height: 176px; } }
      .items-item .player-play {
        background-color: #ececec;
        border-radius: 20px;
        padding: 10px 40px 10px 20px;
        margin-left: 20px;
        font-family: "Roboto Regular", sans-serif;
        color: #333333;
        cursor: pointer; }
        .items-item .player-play:hover {
          color: #333333;
          text-decoration: none; }
        .items-item .player-play:after {
          content: "";
          position: absolute;
          border-left: 15px solid red;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          margin: 2px 0px 0px 10px; }
    @media screen and (max-width: 1199px) {
      .items-item .slider .slick-list img {
        width: 348px;
        height: 191px; } }
    @media screen and (max-width: 767px) {
      .items-item .slider .slick-list img {
        width: 320px;
        height: 176px; } }
    .items-item .slider .slick-dots {
      text-align: left; }
    .items-item .slider .slick-arrow {
      margin: 0;
      z-index: 1;
      width: 20px;
      height: 20px; }
    .items-item .slider .slick-prev {
      left: 0;
      opacity: 0.7;
      border-right: 12px solid #f8f8f8;
      border-top: 13px solid transparent;
      border-bottom: 13px solid transparent; }
      .items-item .slider .slick-prev:before {
        content: ""; }
    .items-item .slider .slick-next {
      right: 0;
      opacity: 0.7;
      border-left: 12px solid #f8f8f8;
      border-top: 13px solid transparent;
      border-bottom: 13px solid transparent; }
      .items-item .slider .slick-next:before {
        content: ""; }
    .items-item:nth-child(1) .player {
      background-image: url("../images/3d/1/Phoenix_cinematic_shorter.png"); }
    .items-item:nth-child(2) .player {
      background-image: url("../images/3d/2/portfolio.png"); }
    .items-item:nth-child(3) .player {
      background-image: url("../images/3d/3/int1.720.png"); }
    .items-item .title {
      margin-top: 55px;
      font-family: "Roboto Regular", sans-serif;
      font-size: 30px;
      color: #343a40; }
    .items-item .description {
      margin-top: 35px;
      font-family: "Roboto Regular", sans-serif;
      font-size: 15px;
      color: #343a40; }

.pricing {
  background-color: #343a40;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .pricing .title {
    font-family: "Roboto Regular", sans-serif;
    font-size: 26px;
    line-height: 22px;
    color: #ffffff;
    margin-top: 90px;
    text-transform: uppercase;
    width: 935px;
    text-align: center; }
    @media screen and (max-width: 1199px) {
      .pricing .title {
        margin-top: 65px;
        width: 720px; } }
    @media screen and (max-width: 767px) {
      .pricing .title {
        margin-top: 65px;
        width: 320px; } }
  .pricing .description {
    font-family: "Roboto Regular", sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    margin-top: 45px;
    margin-bottom: 100px;
    width: 935px;
    text-align: center; }
    @media screen and (max-width: 1199px) {
      .pricing .description {
        width: 720px;
        margin-bottom: 70px; } }
    @media screen and (max-width: 767px) {
      .pricing .description {
        width: 320px;
        margin-bottom: 65px; } }

.contact {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 935px;
  margin: 0 auto; }
  @media screen and (max-width: 1199px) {
    .contact {
      width: 720px; } }
  @media screen and (max-width: 767px) {
    .contact {
      width: 320px; } }
  .contact .title {
    margin-top: 90px;
    font-family: "Roboto Regular", sans-serif;
    font-size: 26px;
    color: #343a40;
    text-transform: uppercase; }
    @media screen and (max-width: 1199px) {
      .contact .title {
        margin-top: 60px; } }
  .contact .description {
    margin-top: 30px;
    font-family: "Roboto Regular", sans-serif;
    font-size: 16px;
    color: #343a40; }
    @media screen and (max-width: 1199px) {
      .contact .description {
        text-align: center; } }
  .contact .form {
    width: 935px;
    padding: 0 20px;
    margin-top: 15px; }
    @media screen and (max-width: 1199px) {
      .contact .form {
        width: 720px;
        padding: 0;
        margin-top: -5px; } }
    @media screen and (max-width: 767px) {
      .contact .form {
        width: 320px; } }
    .contact .form-inputs {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .contact .form-inputs {
          margin-top: 45px; } }
      .contact .form-inputs input {
        box-sizing: border-box;
        width: 407px;
        height: 41px;
        padding-left: 15px;
        margin-top: 20px;
        outline: none; }
        @media screen and (max-width: 1199px) {
          .contact .form-inputs input {
            width: 348px; } }
        @media screen and (max-width: 767px) {
          .contact .form-inputs input {
            width: 320px; } }
    .contact .form-textarea {
      padding-top: 10px;
      padding-left: 15px;
      width: 895px;
      height: 110px;
      resize: none;
      margin-top: 20px;
      outline: none; }
      @media screen and (max-width: 1199px) {
        .contact .form-textarea {
          width: 720px; } }
      @media screen and (max-width: 767px) {
        .contact .form-textarea {
          width: 320px;
          height: 225px; } }
    .contact .form-submit {
      margin-top: 35px;
      margin-bottom: 110px;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 1199px) {
        .contact .form-submit {
          margin-top: 30px;
          margin-bottom: 75px; } }
      @media screen and (max-width: 767px) {
        .contact .form-submit {
          flex-direction: column;
          align-items: flex-start; } }
      .contact .form-submit label[for=file] {
        display: flex;
        align-items: center;
        cursor: pointer; }
        @media screen and (max-width: 767px) {
          .contact .form-submit label[for=file] {
            margin-bottom: 25px; } }
        .contact .form-submit label[for=file] span {
          margin-left: 10px;
          color: #333333;
          border-bottom: 1px dashed #333333; }
          .contact .form-submit label[for=file] span:hover {
            color: #e21613; }
      .contact .form-submit input[type=file] {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1; }
      .contact .form-submit input[type=submit] {
        font-family: "" "Roboto Bold", sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        color: #ffffff;
        border-radius: 4px;
        background-color: #e21612;
        border: none;
        width: 194px;
        height: 42px;
        margin-left: 40px;
        outline: none;
        cursor: pointer; }
        @media screen and (max-width: 767px) {
          .contact .form-submit input[type=submit] {
            width: 320px;
            margin-left: 0; } }
      .contact .form-submit #clearattachment {
        margin-left: 35px;
        border-bottom: 1px dashed #333333; }
        .contact .form-submit #clearattachment:hover {
          color: #e21613;
          text-decoration: none; }
        @media screen and (max-width: 767px) {
          .contact .form-submit #clearattachment {
            display: none; } }
      .contact .form-submit #clearalltextfields {
        margin-left: auto;
        border-bottom: 1px dashed #333333; }
        .contact .form-submit #clearalltextfields:hover {
          color: #e21613;
          text-decoration: none; }
        @media screen and (max-width: 767px) {
          .contact .form-submit #clearalltextfields {
            display: none; } }

/*# sourceMappingURL=style.css.map */