/*--------------------------------------------------------------
    MIXINS
--------------------------------------------------------------*/
/*Font styles - Take the pain out of setting styles for a font. (This assumes you have already included the font), set your fallback font once and you never have to worry again.*/
/*Pseudo - When using ::before and ::after you'll always need these three, so we're saving two lines of code every time you use this.*/
/*Pseudo - When using ::before and ::after to create an icon*/
/*Placeholders - They're a pain as you have to set the style in all the separate formats, this sorts it for you.*/
/*Just in case there are people how aren't used to using @content here is a usage example:
input,  
textarea {  
    @include input-placeholder {
        color: $grey;
    }
}
 */
/*Media queries - A massive time saver! You can just use pixel values but we have some default breakpoints setup that work too, another time saver while keeping your breakpoints consistent.*/
/* The example below showing the padding and font-size increasing once the viewport gets over 1024px.
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
*/
/*Truncate - Adding Truncation to an element isn't as simple as it should be, although it is with this handy time saver, meaning when you include the mixin, you only have to specify your boundry with a max width value, happy days!*/
/* mixin for multiline */
/*--------------------------------------------------------------
    MIXINS
--------------------------------------------------------------*/
html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
  min-height: 100vh; }

body {
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #141633; }

main {
  min-height: calc(100vh - 70px - 200px);
  margin-top: 70px;
  width: 100%; }

.btn.btn-blue {
  background: #141633;
  color: #FFF2D1;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 16px/1.6 "Roboto", sans-serif;
  padding: 20px 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .btn.btn-blue:visited {
    color: #FFF2D1;
    text-decoration: none; }
  .btn.btn-blue:hover {
    color: white;
    text-decoration: none; }
  .btn.btn-blue:active {
    color: white;
    text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .btn.btn-blue {
      width: 100%;
      text-align: center; } }

/*--------------------------------------------------------------
    Footer
--------------------------------------------------------------*/
.top-header {
  background: #141633;
  height: 70px;
  position: fixed;
  width: 100%;
  z-index: 1000; }
  .top-header .navbar {
    max-width: 1260px;
    width: 1260px;
    margin: 0 auto;
    padding: 0;
    height: 70px; }
    @media only screen and (max-width: 767px) {
      .top-header .navbar {
        width: 100%;
        min-width: 100%;
        padding: 0;
        align-items: center;
        height: 70px;
        min-height: 70px; } }
    .top-header .navbar .navbar-brand {
      font-family: "Roboto Slab", sans-serif;
      font-size: 24px;
      color: #E9D5A1;
      font-weight: 400;
      line-height: 28px;
      font-style: normal;
      color: #E9D5A1;
      text-decoration: none; }
      .top-header .navbar .navbar-brand:visited {
        color: #E9D5A1;
        text-decoration: none; }
      .top-header .navbar .navbar-brand:hover {
        color: #f3e7ca;
        text-decoration: none; }
      .top-header .navbar .navbar-brand:active {
        color: #f3e7ca;
        text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .top-header .navbar .navbar-brand {
          margin-left: 30px; } }
    .top-header .navbar .navbar-toggler {
      color: #E9D5A1;
      border: none;
      outline: none;
      height: 100%;
      padding-right: 20px; }
      .top-header .navbar .navbar-toggler span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #E9D5A1;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
        .top-header .navbar .navbar-toggler span:first-child {
          transform-origin: 0% 0%; }
        .top-header .navbar .navbar-toggler span:nth-last-child(2) {
          transform-origin: 0% 100%; }
      .top-header .navbar .navbar-toggler:not(.collapsed) span {
        opacity: 1;
        transform: rotate(45deg) translate(1px, -1px);
        background: #E9D5A1;
        /*
        * But let's hide the middle one.
        */ }
        .top-header .navbar .navbar-toggler:not(.collapsed) span:nth-child(2) {
          opacity: 0; }
        .top-header .navbar .navbar-toggler:not(.collapsed) span:nth-child(3) {
          transform: rotate(-45deg) translate(-3px, 0px); }
    @media only screen and (max-width: 767px) {
      .top-header .navbar .navbar-collapse {
        background: #303141;
        padding: 20px;
        text-align: right;
        min-height: calc(50vh - 70px);
        height: calc(50vh - 70px);
        -webkit-box-shadow: inset 0px 5px 7px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: inset 0px 5px 7px 0px rgba(0, 0, 0, 0.16);
        box-shadow: inset 0px 5px 7px 0px rgba(0, 0, 0, 0.16); } }
    @media only screen and (max-width: 767px) {
      .top-header .navbar .navbar-collapse .navbar-nav {
        background-image: url("../img/logobg.svg");
        background-position: 30px 0px;
        background-size: contain;
        background-repeat: no-repeat; } }
    .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
    .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      color: #E9D5A1;
      font-weight: 400;
      line-height: 18px;
      font-style: normal;
      color: #E9D5A1;
      text-decoration: none; }
      .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:visited,
      .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:visited {
        color: #E9D5A1;
        text-decoration: none; }
      .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover,
      .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:hover {
        color: #f3e7ca;
        text-decoration: none; }
      .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:active,
      .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:active {
        color: #f3e7ca;
        text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
        .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
          padding-bottom: 20px; } }
      @media only screen and (min-width: 768px) {
        .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
        .top-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
          padding-right: 60px; } }
    @media only screen and (min-width: 768px) {
      .top-header .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link {
        padding-right: 0; } }

/*--------------------------------------------------------------
    Footer
--------------------------------------------------------------*/
footer {
  margin-top: auto;
  background: #141633;
  min-height: 200px;
  height: 200px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    footer {
      min-height: 278px;
      height: 278px; } }
  footer p {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #E9D5A1;
    font-weight: 400;
    line-height: 16px;
    font-style: normal;
    margin-bottom: 0; }
  footer .footer {
    display: flex;
    max-width: 1260px;
    width: 1260px;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    margin: 60px auto; }
    @media only screen and (max-width: 767px) {
      footer .footer {
        flex-direction: column;
        margin: 0;
        padding: 0;
        width: 100%;
        align-items: flex-start; } }
    @media only screen and (min-width: 768px) {
      footer .footer .logo-box {
        margin-right: 30px; } }
    @media only screen and (max-width: 767px) {
      footer .footer .logo-box {
        padding: 30px 30px 0 30px;
        width: 100%;
        text-align: center; } }
    footer .footer .logo-box a {
      font-family: "Roboto Slab", sans-serif;
      font-size: 37px;
      color: #E9D5A1;
      font-weight: 400;
      line-height: 40px;
      font-style: normal;
      color: #E9D5A1;
      text-decoration: none;
      display: flex;
      justify-content: flex-start;
      align-content: center;
      align-items: center; }
      footer .footer .logo-box a:visited {
        color: #E9D5A1;
        text-decoration: none; }
      footer .footer .logo-box a:hover {
        color: #f3e7ca;
        text-decoration: none; }
      footer .footer .logo-box a:active {
        color: #f3e7ca;
        text-decoration: none; }
      @media only screen and (max-width: 767px) {
        footer .footer .logo-box a {
          font-family: "Roboto Slab", sans-serif;
          font-size: 24px;
          color: #E9D5A1;
          font-weight: 400;
          line-height: 26px;
          font-style: normal; } }
    footer .footer .logo-box img {
      max-height: 70px;
      height: 70px;
      margin-right: 10px; }
      @media only screen and (max-width: 767px) {
        footer .footer .logo-box img {
          max-height: 40px;
          height: 40px; } }
    footer .footer .disclaimer {
      border-left: #E9D5A1 1px solid;
      padding-left: 30px; }
      @media only screen and (max-width: 767px) {
        footer .footer .disclaimer {
          padding: 30px;
          border-left: none; } }
      footer .footer .disclaimer .copyright {
        margin-bottom: 20px; }

/*--------------------------------------------------------------
    Forms
--------------------------------------------------------------*/
.form-group {
  margin-bottom: 20px;
  position: relative;
  vertical-align: top;
  margin-top: 0px;
  padding-left: 0px; }
  @media only screen and (max-width: 767px) {
    .form-group {
      padding-right: 0; } }
  .form-group .form_label {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #141633;
    font-weight: 400;
    line-height: 20px;
    font-style: normal;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    position: absolute;
    top: 5px;
    pointer-events: none;
    z-index: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 100%; }
    .form-group .form_label .red {
      color: #FF0000; }
  .form-group.focused .form_label {
    top: -13px;
    font-size: 12px;
    color: rgba(20, 22, 51, 0.6);
    text-transform: uppercase; }
    .form-group.focused .form_label .red {
      color: rgba(20, 22, 51, 0.6); }
  .form-group textarea.form-control {
    padding-top: 10px; }
  .form-group .form-control {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #141633;
    font-weight: 400;
    line-height: 20px;
    font-style: normal;
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px #141633 solid;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    resize: vertical; }
  .form-group .form_error {
    height: 30px; }

/*--------------------------------------------------------------
    Pages
--------------------------------------------------------------*/
.about-container {
  background-image: url("../img/shutterstock_422740618.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left; }
  @media only screen and (max-width: 767px) {
    .about-container {
      background: none; } }
  .about-container .about-box {
    max-width: 1260px;
    margin: 0 auto;
    padding-top: 60px; }
    @media only screen and (max-width: 767px) {
      .about-container .about-box {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 100%;
        background-image: url("../img/m_quote.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top left;
        min-height: inherit; } }
    .about-container .about-box .left-box {
      width: 400px;
      max-width: 400px;
      background: rgba(20, 22, 51, 0.6);
      padding: 60px;
      float: left; }
      @media only screen and (max-width: 767px) {
        .about-container .about-box .left-box {
          width: 100%;
          min-width: 100%;
          padding: 0;
          margin-top: 270px;
          background: none; } }
      .about-container .about-box .left-box h1 {
        font-family: "Roboto Slab", sans-serif;
        font-size: 30px;
        color: #E9D5A1;
        font-weight: 600;
        line-height: 36px;
        font-style: normal;
        margin-bottom: 40px; }
        @media only screen and (max-width: 767px) {
          .about-container .about-box .left-box h1 {
            background: rgba(20, 22, 51, 0.7);
            padding: 40px 30px;
            margin-bottom: 0;
            font-family: "Roboto Slab", sans-serif;
            font-size: 24px;
            color: #E9D5A1;
            font-weight: 600;
            line-height: 26px;
            font-style: normal; } }
      .about-container .about-box .left-box p {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        color: #E9D5A1;
        font-weight: 400;
        line-height: 20px;
        font-style: normal;
        margin-bottom: 0; }
        @media only screen and (max-width: 767px) {
          .about-container .about-box .left-box p {
            background: #141633;
            padding: 30px; } }
    .about-container .about-box .right-box {
      width: 400px;
      max-width: 400px;
      background: rgba(233, 213, 161, 0.8);
      padding: 60px;
      margin-top: 80px;
      float: left;
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      color: #141633;
      font-weight: 400;
      line-height: 20px;
      font-style: normal; }
      @media only screen and (max-width: 767px) {
        .about-container .about-box .right-box {
          margin: 0;
          width: 100%;
          height: 100%;
          padding: 30px;
          min-width: 100%;
          background: #E9D5A1; } }

.services-container .presentation {
  background-image: url("../img/services_413862337@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left; }
  @media only screen and (max-width: 767px) {
    .services-container .presentation {
      background: none; } }
  .services-container .presentation .services-box {
    max-width: 1260px;
    margin: 0 auto;
    padding-top: 30px; }
    @media only screen and (max-width: 767px) {
      .services-container .presentation .services-box {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 100%;
        float: left;
        background-image: url("../img/services_top.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top left;
        min-height: inherit; } }
    .services-container .presentation .services-box .solutions-box {
      width: 640px;
      max-width: 640px;
      background: rgba(233, 213, 161, 0.7);
      padding: 50px; }
      @media only screen and (max-width: 767px) {
        .services-container .presentation .services-box .solutions-box {
          width: 100%;
          min-width: 100%;
          padding: 0;
          margin-top: 270px;
          background: none; } }
      .services-container .presentation .services-box .solutions-box h2 {
        font-family: "Roboto Slab", sans-serif;
        font-size: 30px;
        color: #141633;
        font-weight: 600;
        line-height: 36px;
        font-style: normal;
        margin-bottom: 40px; }
        @media only screen and (max-width: 767px) {
          .services-container .presentation .services-box .solutions-box h2 {
            background: rgba(233, 213, 161, 0.7);
            padding: 40px 30px;
            margin-bottom: 0;
            font-family: "Roboto Slab", sans-serif;
            font-size: 24px;
            color: #141633;
            font-weight: 600;
            line-height: 26px;
            font-style: normal; } }
      .services-container .presentation .services-box .solutions-box p {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        color: #141633;
        font-weight: 400;
        line-height: 20px;
        font-style: normal; }
        @media only screen and (max-width: 767px) {
          .services-container .presentation .services-box .solutions-box p {
            background: #E9D5A1;
            padding: 30px;
            margin-bottom: 0; }
            .services-container .presentation .services-box .solutions-box p:first-of-type {
              padding-bottom: 0; } }
    .services-container .presentation .services-box .strategy-box {
      width: 640px;
      max-width: 640px;
      background: rgba(20, 22, 51, 0.7);
      padding: 50px;
      margin-top: 0;
      float: left; }
      .services-container .presentation .services-box .strategy-box h2 {
        font-family: "Roboto Slab", sans-serif;
        font-size: 30px;
        color: #FFEFC6;
        font-weight: 600;
        line-height: 36px;
        font-style: normal;
        margin-bottom: 40px; }
        @media only screen and (max-width: 767px) {
          .services-container .presentation .services-box .strategy-box h2 {
            padding: 40px 30px;
            margin-bottom: 0;
            font-family: "Roboto Slab", sans-serif;
            font-size: 24px;
            color: #FFEFC6;
            font-weight: 600;
            line-height: 26px;
            font-style: normal; } }
      @media only screen and (max-width: 767px) {
        .services-container .presentation .services-box .strategy-box {
          margin: 0;
          width: 100%;
          height: 100%;
          padding: 0;
          min-width: 100%;
          background: #141633; } }
      .services-container .presentation .services-box .strategy-box p {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        color: #E9D5A1;
        font-weight: 400;
        line-height: 20px;
        font-style: normal; }
        @media only screen and (max-width: 767px) {
          .services-container .presentation .services-box .strategy-box p {
            background: #141633;
            padding: 30px;
            margin-bottom: 0; }
            .services-container .presentation .services-box .strategy-box p:first-of-type {
              padding-bottom: 0; } }
.services-container .order-box {
  max-width: 1260px;
  width: 1260px;
  margin: 0 auto;
  padding: 50px; }
  @media only screen and (max-width: 767px) {
    .services-container .order-box {
      max-width: 100%;
      width: 100%;
      padding: 0; } }
  .services-container .order-box h2 {
    font-family: "Roboto Slab", sans-serif;
    font-size: 30px;
    color: #141633;
    font-weight: 600;
    line-height: 36px;
    font-style: normal; }
    @media only screen and (max-width: 767px) {
      .services-container .order-box h2 {
        padding: 30px; } }
  .services-container .order-box ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    justify-content: flex-start; }
    .services-container .order-box ul li {
      max-width: 45%;
      width: 45%;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      padding-right: 80px; }
      @media only screen and (max-width: 767px) {
        .services-container .order-box ul li {
          width: 100%;
          max-width: 100%;
          padding: 20px 30px;
          align-items: flex-start;
          border-bottom: 1px solid rgba(20, 22, 51, 0.1); }
          .services-container .order-box ul li:last-child {
            border-bottom: none; }
          .services-container .order-box ul li.order-1 {
            order: unset; }
          .services-container .order-box ul li.order-2 {
            order: unset; }
          .services-container .order-box ul li.order-3 {
            order: unset; }
          .services-container .order-box ul li.order-4 {
            order: unset; }
          .services-container .order-box ul li.order-5 {
            order: unset; }
          .services-container .order-box ul li.order-6 {
            order: unset; } }
      .services-container .order-box ul li .position {
        background: #141633;
        width: 50px;
        height: 50px;
        text-align: center;
        padding-top: 10px;
        margin-right: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-family: "Roboto Slab", sans-serif;
        font-size: 30px;
        color: #E9D5A1;
        font-weight: 600;
        line-height: 30px;
        font-style: normal; }
        .services-container .order-box ul li .position.special {
          padding-top: 7px; }
        .services-container .order-box ul li .position img {
          max-height: 34px; }
      .services-container .order-box ul li p {
        flex-grow: 1;
        max-width: calc(100% - 80px); }

.contact-container .contact-form {
  width: 1260px;
  max-width: 1260px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    .contact-container .contact-form {
      padding-top: 30px;
      width: 100%;
      max-width: 100%; } }
  .contact-container .contact-form h2 {
    font-family: "Roboto Slab", sans-serif;
    font-size: 30px;
    color: #141633;
    font-weight: 600;
    line-height: 36px;
    font-style: normal; }
    @media only screen and (max-width: 767px) {
      .contact-container .contact-form h2 {
        padding: 0 30px; } }
  .contact-container .contact-form .inner-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 40%;
    padding-top: 50px;
    background-image: url("../img/halo_bgbig.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right; }
    @media only screen and (max-width: 767px) {
      .contact-container .contact-form .inner-section {
        padding: 30px 30px 0 30px;
        background: none; } }

.my-content {
  width: 100%;
  min-width: 100%; }
  @media only screen and (max-width: 767px) {
    .my-content {
      margin: 0;
      padding: 0;
      width: 100%;
      min-width: 100%; } }
  .my-content section.get-quote {
    background-image: url("../img/quote_bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      .my-content section.get-quote {
        background-image: url("../img/m_quote.png");
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        background-color: #E9D5A1; } }
    .my-content section.get-quote .section-body {
      height: 400px; }
      @media only screen and (max-width: 767px) {
        .my-content section.get-quote .section-body {
          height: 530px; } }
    .my-content section.get-quote .request {
      background: #141633;
      color: #FFF2D1;
      width: 197px;
      height: 56px;
      line-height: 56px;
      display: inline-block;
      text-align: center;
      text-transform: uppercase;
      margin-top: 41px; }
      @media only screen and (max-width: 767px) {
        .my-content section.get-quote .request {
          margin-top: 0px;
          margin-left: 30px; } }
  .my-content section .section-body {
    max-width: 1232px;
    margin: 0 auto;
    position: relative; }
  .my-content section .title-quote {
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    width: 526px;
    font-size: 30px;
    padding-top: 80px; }
    @media only screen and (max-width: 767px) {
      .my-content section .title-quote {
        width: 100%;
        padding: 209px 30px 30px 30px;
        font-size: 24px; } }
  .my-content section .text-quote {
    width: 526px; }
    @media only screen and (max-width: 767px) {
      .my-content section .text-quote {
        width: 100%;
        padding: 30px;
        background-color: #E9D5A1; } }
  .my-content .services {
    position: relative;
    background-color: #FFEFC6;
    height: 2444px; }
    @media only screen and (max-width: 767px) {
      .my-content .services {
        background-image: url(../img/services_bg.png);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        background-color: #E9D5A1;
        width: 100%;
        height: 595px;
        overflow: hidden; } }
    @media only screen and (max-width: 767px) {
      .my-content .services .backgrounds {
        display: none; } }
    .my-content .services .backgrounds .bg-left {
      background-image: url("../img/services_left.png");
      background-size: cover;
      width: 50%;
      left: 0px;
      height: 2444px;
      background-position: right;
      top: 0px;
      position: absolute;
      background-repeat: no-repeat; }
    .my-content .services .backgrounds .bg-right {
      background-image: url("../img/services_right.png");
      background-size: cover;
      background-position: left;
      width: 50%;
      position: absolute;
      right: 0px;
      height: 1833px;
      top: 0px;
      background-repeat: no-repeat; }
    .my-content .services .services-title {
      background: rgba(20, 22, 51, 0.8);
      height: 611px;
      width: 50%;
      color: #E9D5A1;
      font-size: 42px;
      font-family: "roboto Slab";
      text-align: center;
      padding: 188px 105px; }
      .my-content .services .services-title .formater {
        width: 409px; }
        @media only screen and (max-width: 767px) {
          .my-content .services .services-title .formater {
            width: 100%;
            text-align: left; } }
      @media only screen and (max-width: 767px) {
        .my-content .services .services-title {
          padding: 10px 30px;
          font-size: 24px;
          width: 100%;
          height: auto; } }
    .my-content .services .slider-container {
      list-style: none;
      position: absolute;
      top: 0px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .my-content .services .slider-container {
          position: relative;
          margin-top: 246px;
          padding-left: 0px;
          /* background: rgba(20, 22, 51, 0.8); */
          background: rgba(233, 213, 161, 0.8);
          height: 269px; } }
      .my-content .services .slider-container li.consulting {
        position: absolute;
        width: 50%;
        right: 0px;
        height: 611px;
        background: rgba(233, 213, 161, 0.8);
        padding: 186px 100px; }
        .my-content .services .slider-container li.consulting .text-title {
          font-size: 42px;
          font-family: "Roboto Slab";
          font-weight: 900; }
        .my-content .services .slider-container li.consulting .text-subtitle {
          width: 434px;
          font-size: 24px; }
          @media only screen and (max-width: 767px) {
            .my-content .services .slider-container li.consulting .text-subtitle {
              width: 100%; } }
      .my-content .services .slider-container li.seo {
        background: rgba(20, 22, 51, 0.8);
        height: 611px;
        width: 50%;
        color: #E9D5A1;
        padding: 188px 105px;
        position: absolute;
        top: 611px;
        right: 0px; }
        .my-content .services .slider-container li.seo .text-title {
          font-size: 42px;
          font-family: "Roboto Slab";
          font-weight: 900; }
        .my-content .services .slider-container li.seo .text-subtitle {
          font-size: 24px;
          font-family: "Roboto"; }
      .my-content .services .slider-container li.cms {
        background: rgba(20, 22, 51, 0.8);
        height: 611px;
        width: 50%;
        color: #E9D5A1;
        padding: 188px 105px;
        position: absolute;
        top: 1222px;
        left: 0px; }
        .my-content .services .slider-container li.cms .text-title {
          font-size: 42px;
          font-family: "Roboto Slab";
          font-weight: 900; }
        .my-content .services .slider-container li.cms .text-subtitle {
          font-size: 24px;
          font-family: "Roboto"; }
      .my-content .services .slider-container li.path {
        height: 611px;
        width: 50%;
        padding: 188px 105px;
        position: absolute;
        top: 1833px;
        left: 0px;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .my-content .services .slider-container li.path {
            display: none; } }
      .my-content .services .slider-container li.web {
        height: 611px;
        width: 50%;
        color: #000;
        padding: 188px 105px;
        position: absolute;
        top: 1833px;
        right: 0px; }
        .my-content .services .slider-container li.web .text-title {
          font-size: 42px;
          font-family: "Roboto Slab";
          font-weight: 900; }
        .my-content .services .slider-container li.web .text-subtitle {
          font-size: 24px;
          font-family: "Roboto"; }
      @media only screen and (max-width: 767px) {
        .my-content .services .slider-container li.consulting, .my-content .services .slider-container li.web, .my-content .services .slider-container li.path, .my-content .services .slider-container li.cms, .my-content .services .slider-container li.consulting, .my-content .services .slider-container li.seo {
          height: auto;
          width: 100%;
          position: relative;
          top: 0px;
          left: 0px;
          text-align: left;
          background: transparent;
          display: none;
          color: #141633;
          padding: 30px; }
          .my-content .services .slider-container li.consulting .text-title, .my-content .services .slider-container li.web .text-title, .my-content .services .slider-container li.path .text-title, .my-content .services .slider-container li.cms .text-title, .my-content .services .slider-container li.consulting .text-title, .my-content .services .slider-container li.seo .text-title {
            font-size: 24px;
            color: #141633; }
          .my-content .services .slider-container li.consulting .text-subtitle, .my-content .services .slider-container li.web .text-subtitle, .my-content .services .slider-container li.path .text-subtitle, .my-content .services .slider-container li.cms .text-subtitle, .my-content .services .slider-container li.consulting .text-subtitle, .my-content .services .slider-container li.seo .text-subtitle {
            font-size: 16px;
            color: #141633;
            margin-top: 30px; } }
      .my-content .services .slider-container li.active {
        display: block; }
    .my-content .services .slide-control {
      list-style: none;
      position: absolute;
      bottom: 16px;
      width: 100%;
      display: none; }
      @media only screen and (max-width: 767px) {
        .my-content .services .slide-control {
          display: block; } }
      .my-content .services .slide-control li {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 15px;
        background-position: center center;
        background-repeat: no-repeat; }
        .my-content .services .slide-control li.slide-previews {
          background-image: url("../img/slide_left.svg");
          transform: rotate(270deg); }
        .my-content .services .slide-control li.slide-active {
          background-image: url("../img/slide_active.svg"); }
        .my-content .services .slide-control li.slide-inactive {
          background-image: url("../img/slide_inactive.svg"); }
        .my-content .services .slide-control li.slide-next {
          background-image: url("../img/slide_left.svg");
          transform: rotate(90deg); }
        .my-content .services .slide-control li.disabled {
          opacity: 0.5; }

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