* {
  box-sizing: border-box; }

body {
  margin: 0;
  /*   padding: 40px 0px 0px 0px !important ;*/
  background-repeat: no-repeat;
  font-family: 'Open Sans', sans-serif; }
  body.resetPadding {
    padding: 0; }

@media (min-width: 375px) {
  .container {
    width: 350px;
    margin: auto; } }

@media (min-width: 400px) {
  .container {
    width: 380px;
    margin: auto; } }

@media (min-width: 500px) {
  .container {
    width: 480px;
    margin: auto; } }

@media (min-width: 600px) {
  .container {
    width: 540px;
    margin: auto; } }

@media (min-width: 768px) {
  .container {
    width: 748px;
    margin: auto; } }

@media (min-width: 992px) {
  .container {
    width: 972px;
    margin: auto; } }

@media (min-width: 1200px) {
  .container {
    width: 1180px;
    margin: auto; } }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  color: #333;
  display: block; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

#process .container .main h2 span, #About-us .container .content h2 span, #Testimonial h2 span, #Testimonial #clients h2 span, #contactUs .container .contact-content h2 span {
  padding: 5px 20px;
  display: inline-block;
  border: 2px solid #000;
  padding: 5px 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 17.7445px; }
  @media (min-width: 400px) and (max-width: 900px) {
    #process .container .main h2 span, #About-us .container .content h2 span, #Testimonial h2 span, #Testimonial #clients h2 span, #contactUs .container .contact-content h2 span {
      font-size: calc( 17.7445px + 1.9459 * ( ( 100vw - 400px) / 500 )); } }
  @media (min-width: 900px) and (max-width: 1200px) {
    #process .container .main h2 span, #About-us .container .content h2 span, #Testimonial h2 span, #Testimonial #clients h2 span, #contactUs .container .contact-content h2 span {
      font-size: calc( 19.69039px + 9.78611 * ( ( 100vw - 900px) / 300 )); } }
  @media (min-width: 1200px) {
    #process .container .main h2 span, #About-us .container .content h2 span, #Testimonial h2 span, #Testimonial #clients h2 span, #contactUs .container .contact-content h2 span {
      font-size: 29.4765px; } }

#process .container .main h2, #About-us .container .content h2, #Testimonial h2, #contactUs .container .contact-content h2 {
  text-align: center; }

.characters-form .container .main-section .character .slider1 .item .border-film, .characters-form .container .main-section .character .slider2 .item .border-film, .characters-form .container .main-section .character .slider3 .item .border-film {
  background-color: #333;
  overflow: hidden;
  width: calc(100% - 8px);
  /* padding: 0px 4px; */
  height: 15px;
  width: 100%;
  direction: ltr; }
  .characters-form .container .main-section .character .slider1 .item .border-film span, .characters-form .container .main-section .character .slider2 .item .border-film span, .characters-form .container .main-section .character .slider3 .item .border-film span {
    width: 6px;
    height: 6px;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 7px;
    margin-left: 3px;
    border-radius: 1px; }

.characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
  text-align: center;
  font-size: 14.51992px;
  letter-spacing: 8px;
  padding: 10px 0; }
  @media (min-width: 400px) and (max-width: 900px) {
    .characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
      font-size: calc( 14.51992px + 0.23431 * ( ( 100vw - 400px) / 500 )); } }
  @media (min-width: 900px) and (max-width: 1200px) {
    .characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
      font-size: calc( 14.75424px + 2.82273 * ( ( 100vw - 900px) / 300 )); } }
  @media (min-width: 1200px) {
    .characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
      font-size: 17.57697px; } }
  @media (max-width: 768px) {
    .characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
      font-size: 14.25759px; } }
  @media (max-width: 768px) and (min-width: 400px) and (max-width: 900px) {
    .characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
      font-size: calc( 14.25759px + 0.11458 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 768px) and (min-width: 900px) and (max-width: 1200px) {
    .characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
      font-size: calc( 14.37217px + 2.39779 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 768px) and (min-width: 1200px) {
    .characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
      font-size: 16.76996px; } }
  @media (max-width: 500px) {
    .characters-form .container .main-section .character .slider1 h2, .characters-form .container .main-section .character .slider2 h2, .characters-form .container .main-section .character .slider3 h2 {
      letter-spacing: 2px; } }

.characters-form .container .main-section .character .slider1 .item .link1, .characters-form .container .main-section .character .slider1 .item .link2, .characters-form .container .main-section .character .slider1 .item .link3, .characters-form .container .main-section .character .slider1 .item .link4, .characters-form .container .main-section .character .slider1 .item .link5, .characters-form .container .main-section .character .slider1 .item .link6, .characters-form .container .main-section .character .slider1 .item .link7, .characters-form .container .main-section .character .slider1 .item .link8, .characters-form .container .main-section .character .slider1 .item .link9, .characters-form .container .main-section .character .slider1 .item .link10, .characters-form .container .main-section .character .slider1 .item .link11, .characters-form .container .main-section .character .slider1 .item .link12, .characters-form .container .main-section .character .slider1 .item .link13, .characters-form .container .main-section .character .slider1 .item .link14, .characters-form .container .main-section .character .slider2 .item .link1, .characters-form .container .main-section .character .slider2 .item .link2, .characters-form .container .main-section .character .slider2 .item .link3, .characters-form .container .main-section .character .slider2 .item .link4, .characters-form .container .main-section .character .slider2 .item .link5, .characters-form .container .main-section .character .slider2 .item .link6, .characters-form .container .main-section .character .slider2 .item .link7, .characters-form .container .main-section .character .slider2 .item .link8, .characters-form .container .main-section .character .slider2 .item .link9, .characters-form .container .main-section .character .slider2 .item .link10, .characters-form .container .main-section .character .slider2 .item .link11, .characters-form .container .main-section .character .slider2 .item .link12, .characters-form .container .main-section .character .slider3 .item .link1, .characters-form .container .main-section .character .slider3 .item .link2, .characters-form .container .main-section .character .slider3 .item .link3, .characters-form .container .main-section .character .slider3 .item .link4, .characters-form .container .main-section .character .slider3 .item .link5, .characters-form .container .main-section .character .slider3 .item .link6 {
  border-right: 1.5px solid #333;
  border-left: 1.5px solid #333;
  background-size: cover;
  height: 50px;
  width: 400px;
  max-width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat; }

.characters-form .container .main-section .form-guy .leftborder, .characters-form .container .main-section .form-guy .rightborder, .characters-form .container .main-section .form-guy .bottomBorder {
  position: absolute;
  width: 15px;
  height: 344px;
  border: 1px solid #000;
  left: 76px;
  top: 117px;
  background-color: #000;
  overflow: hidden;
  padding: 5px 0px 10px 0px; }
  .characters-form .container .main-section .form-guy .leftborder span, .characters-form .container .main-section .form-guy .rightborder span, .characters-form .container .main-section .form-guy .bottomBorder span {
    display: block;
    width: 60%;
    height: 8px;
    background-color: #fff;
    margin-bottom: 6px;
    margin: auto;
    margin-bottom: 10px; }
    .characters-form .container .main-section .form-guy .leftborder span:last-child, .characters-form .container .main-section .form-guy .rightborder span:last-child, .characters-form .container .main-section .form-guy .bottomBorder span:last-child {
      margin-bottom: 0; }

@media (max-width: 991px) {
  .mainheader .scrolltoprocess, .scrolltoprocess, #About-us .scrolltoprocess, #Testimonial .scrolltoprocess {
    display: none; } }

.mainheader .scrolltoprocess a, .scrolltoprocess a, #About-us .scrolltoprocess a, #Testimonial .scrolltoprocess a {
  width: 50px;
  margin: auto; }
  .mainheader .scrolltoprocess a i, .scrolltoprocess a i, #About-us .scrolltoprocess a i, #Testimonial .scrolltoprocess a i {
    font-size: 42px;
    animation-name: moveUpDown;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards;
    animation-timing-function: ease-in-out; }

#contactUs .container .contact-content .one span, #contactUs .container .contact-content .two span {
  display: block;
  width: 65%;
  height: 7px;
  background-color: #fff;
  margin: auto;
  margin-bottom: 10px; }

#contactUs .container .contact-content .one, #contactUs .container .contact-content .two {
  width: 10px;
  height: 500px;
  border: 1px solid #000;
  overflow: hidden;
  background-color: #000;
  float: left; }

#contactUs .container #can {
  box-shadow: 8px 0px 10px rgba(0, 0, 0, 0.5);
  width: 50px;
  height: 84px;
  background: -webkit-linear-gradient(left, #a46108 0%, #f2d843 38%, #df9623 80%, #a46108 100%);
  background: -o-linear-gradient(left, #a46108 0%, #f2d843 38%, #df9623 80%, #a46108 100%);
  background: -ms-linear-gradient(left, #a46108 0%, #f2d843 38%, #df9623 80%, #a46108 100%);
  background: linear-gradient(to right, #a46108 0%, #f2d843 38%, #df9623 80%, #a46108 100%); }

#contactUs .container #can #topcap {
  position: absolute;
  width: 50px;
  height: 10px;
  background: -webkit-linear-gradient(left, #3f3f3f 0%, black 17%, #565656 39%, #0e0e0e 89%, #474747 100%);
  background: -o-linear-gradient(left, #3f3f3f 0%, black 17%, #565656 39%, #0e0e0e 89%, #474747 100%);
  background: -ms-linear-gradient(left, #3f3f3f 0%, black 17%, #565656 39%, #0e0e0e 89%, #474747 100%);
  background: linear-gradient(to right, #3f3f3f 0%, black 17%, #565656 39%, #0e0e0e 89%, #474747 100%); }

#contactUs .container #can #bottomcap {
  position: absolute;
  width: 50px;
  height: 10px;
  bottom: 0;
  background: -webkit-linear-gradient(left, #3f3f3f 0%, black 17%, #565656 39%, #0e0e0e 89%, #474747 100%);
  background: -o-linear-gradient(left, #3f3f3f 0%, black 17%, #565656 39%, #0e0e0e 89%, #474747 100%);
  background: -ms-linear-gradient(left, #3f3f3f 0%, black 17%, #565656 39%, #0e0e0e 89%, #474747 100%);
  background: linear-gradient(to right, #3f3f3f 0%, black 17%, #565656 39%, #0e0e0e 89%, #474747 100%); }

.overlayall1, .overlayall2, .overlayall3, .overlayall4, .overlayall5 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999999; }

.overlayall1 .content, .overlayall2 .content, .overlayall3 .content, .overlayall4 .content, .overlayall5 .content {
  width: 600px;
  height: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 5px;
  max-width: 100%;
  padding: 20px 0; }
  @media (max-width: 600px) {
    .overlayall1 .content, .overlayall2 .content, .overlayall3 .content, .overlayall4 .content, .overlayall5 .content {
      width: 78%;
      padding: 2%;
      height: 500px; } }

#Testimonial #clients .container .ourmarketings .package1 div:nth-child(1), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(2), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(3), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(4), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(5), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(6), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(7), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(8), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(9), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(10), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(11), #Testimonial #clients .container .ourmarketings .package1 div:nth-child(12), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(1), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(2), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(3), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(4), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(5), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(6), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(7), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(8), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(9), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(10), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(11), #Testimonial #clients .container .ourmarketings .package2 div:nth-child(12) {
  width: 65px;
  height: 65px;
  box-sizing: border-box;
  border-radius: 50%;
  background-size: 90%;
  background-color: rgba(255, 255, 255, 0.29);
  border: 2px solid #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition: .5s; }
  #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(1), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(2), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(3), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(4), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(5), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(6), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(7), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(8), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(9), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(10), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(11), #Testimonial #clients .container .ourmarketings .package1 div:hover:nth-child(12), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(1), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(2), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(3), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(4), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(5), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(6), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(7), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(8), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(9), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(10), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(11), #Testimonial #clients .container .ourmarketings .package2 div:hover:nth-child(12) {
    transform: scale(1.4); }

.rightfixedform .formcontent #rightForm > div.notrobotright {
  text-align: center;
  padding: 20px;
  background-color: transparent; }
  .rightfixedform .formcontent #rightForm > div.notrobotright input {
    display: inline-block;
    width: auto;
    display: inline-block; }
  .rightfixedform .formcontent #rightForm > div.notrobotright p {
    display: inline-block; }
  .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox {
    position: absolute;
    opacity: 0; }
    .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox + label {
      position: relative;
      cursor: pointer;
      padding: 0;
      font-size: 16px;
      top: 0;
      width: 200px;
      color: #fff; }
    .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox + label:before {
      content: '';
      margin-right: 10px;
      display: inline-block;
      vertical-align: text-top;
      width: 20px;
      height: 20px;
      background: white; }
    .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox:hover + label:before {
      background: #ecf0f1; }
    .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox:focus + label:before {
      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
    .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox:checked + label:before {
      background: #f35429; }
    .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox:disabled + label {
      color: #b8b8b8;
      cursor: auto; }
    .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox:disabled + label:before {
      box-shadow: none;
      background: #ddd; }
    .rightfixedform .formcontent #rightForm > div.notrobotright .styled-checkbox:checked + label:after {
      content: '';
      position: absolute;
      left: 5px;
      top: 9px;
      background: white;
      width: 2px;
      height: 2px;
      box-shadow: 2px 0 0 white,
 4px 0 0 white,
 4px -2px 0 white,
 4px -4px 0 white,
 4px -6px 0 white,
 4px -8px 0 white;
      transform: rotate(45deg); }

.mainheader {
  /*height: 100vh;*/
  background-image: url(../images/bacground/bg.jpg);
  /*  background-image: url(../images/quote%20guy-01.png)*/
  background-size: cover; }
  @media (max-width: 768px) {
    .mainheader {
      display: block; } }

#header {
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999; }
  #header.changePsoition {
    position: static; }
  #header.fixed {
    position: fixed;
    z-index: 99999999;
    transition: .5s; }
  #header .main-nav::after {
    clear: both;
    content: "";
    display: block; }
  #header .main-nav .container .upper-nav {
    padding: 5px 0; }
    #header .main-nav .container .upper-nav::after {
      clear: both;
      content: "";
      display: block; }
    #header .main-nav .container .upper-nav .logo {
      width: calc(25% - 25px);
      float: left;
      margin-left: 20px; }
      @media (max-width: 1200px) {
        #header .main-nav .container .upper-nav .logo {
          width: calc(83.33333% - 36.66667px);
          float: left;
          margin-left: 20px; } }
      @media (max-width: 499px) {
        #header .main-nav .container .upper-nav .logo {
          float: right; } }
      #header .main-nav .container .upper-nav .logo a {
        position: relative; }
        @media (max-width: 1200px) {
          #header .main-nav .container .upper-nav .logo a {
            width: 300px;
            float: right; } }
        @media (max-width: 450px) {
          #header .main-nav .container .upper-nav .logo a {
            width: 210px;
            float: right;
            margin-top: 12px; } }
        @media (max-width: 499px) {
          #header .main-nav .container .upper-nav .logo a {
            width: 220px;
            margin-top: 15px; } }
        #header .main-nav .container .upper-nav .logo a > img {
          display: block;
          width: 130px; }
          @media (max-width: 400px) {
            #header .main-nav .container .upper-nav .logo a > img {
              width: 90px; } }
          @media (max-width: 450px) {
            #header .main-nav .container .upper-nav .logo a > img {
              width: 100px; } }
          @media (max-width: 499px) {
            #header .main-nav .container .upper-nav .logo a > img {
              width: 100px; } }
        #header .main-nav .container .upper-nav .logo a span {
          display: inline-block;
          position: absolute;
          top: 25px;
          right: 30px;
          font-weight: bold; }
          @media (max-width: 1200px) {
            #header .main-nav .container .upper-nav .logo a span {
              top: 22px;
              right: 45px; } }
          @media (max-width: 450px) {
            #header .main-nav .container .upper-nav .logo a span {
              top: 12px;
              right: 0px; } }
          @media (max-width: 499px) {
            #header .main-nav .container .upper-nav .logo a span {
              top: 15px;
              right: 5px; } }
    #header .main-nav .container .upper-nav .navbar {
      width: calc(75% - 35px);
      float: left;
      margin-left: 20px; }
      #header .main-nav .container .upper-nav .navbar.increaseMargin {
        margin-top: 15px; }
      @media (max-width: 1200px) {
        #header .main-nav .container .upper-nav .navbar {
          width: 100%; } }
      #header .main-nav .container .upper-nav .navbar > ul.nav-list {
        float: right;
        margin-top: 15px;
        transition: .75s;
        transition-timing-function: ease-in-out; }
        #header .main-nav .container .upper-nav .navbar > ul.nav-list::after {
          clear: both;
          content: "";
          display: block; }
        #header .main-nav .container .upper-nav .navbar > ul.nav-list.slideList {
          height: 300px;
          padding-bottom: 30px; }
        @media (max-width: 1200px) {
          #header .main-nav .container .upper-nav .navbar > ul.nav-list {
            height: 0;
            overflow: hidden;
            margin-right: 0;
            float: none;
            margin-top: 0; } }
        #header .main-nav .container .upper-nav .navbar > ul.nav-list > li {
          float: left;
          width: 135px;
          text-align: center; }
          #header .main-nav .container .upper-nav .navbar > ul.nav-list > li.text-left {
            text-align: left; }
          @media (max-width: 1200px) {
            #header .main-nav .container .upper-nav .navbar > ul.nav-list > li {
              float: none; }
              #header .main-nav .container .upper-nav .navbar > ul.nav-list > li:not(:last-child) {
                margin-bottom: 10px; } }
          #header .main-nav .container .upper-nav .navbar > ul.nav-list > li:first-child > a {
            padding-left: 0; }
          #header .main-nav .container .upper-nav .navbar > ul.nav-list > li > a {
            padding: 0px 25px 0px 0px;
            font-size: 15.05915px;
            transition: .5s;
            color: #000; }
            @media (min-width: 400px) and (max-width: 900px) {
              #header .main-nav .container .upper-nav .navbar > ul.nav-list > li > a {
                font-size: calc( 15.05915px + 0.48995 * ( ( 100vw - 400px) / 500 )); } }
            @media (min-width: 900px) and (max-width: 1200px) {
              #header .main-nav .container .upper-nav .navbar > ul.nav-list > li > a {
                font-size: calc( 15.5491px + 3.76026 * ( ( 100vw - 900px) / 300 )); } }
            @media (min-width: 1200px) {
              #header .main-nav .container .upper-nav .navbar > ul.nav-list > li > a {
                font-size: 19.30936px; } }
            #header .main-nav .container .upper-nav .navbar > ul.nav-list > li > a:hover {
              color: #f79521; }
            @media (max-width: 1200px) {
              #header .main-nav .container .upper-nav .navbar > ul.nav-list > li > a {
                padding-bottom: 15px; } }
    #header .main-nav .container .upper-nav .lang {
      width: calc(8.33333% - 21.66667px);
      float: left;
      margin-left: 20px;
      display: none;
      margin-top: 10px; }
      @media (max-width: 1200px) {
        #header .main-nav .container .upper-nav .lang {
          width: calc(16.66667% - 23.33333px);
          float: left;
          margin-left: 20px;
          float: right;
          margin-top: -60px; } }
      #header .main-nav .container .upper-nav .lang a {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #f79521;
        position: relative; }
        @media (max-width: 1200px) {
          #header .main-nav .container .upper-nav .lang a {
            float: right; } }
        #header .main-nav .container .upper-nav .lang a::after {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          border-style: solid;
          border-width: 0px 18px 23px;
          border-color: #f79521 transparent;
          top: 40px;
          left: -6px;
          transform: rotate(220deg); }
        #header .main-nav .container .upper-nav .lang a span {
          display: block;
          text-align: center;
          line-height: 60px; }
    #header .main-nav .container .upper-nav .Hamburgmenu {
      display: none; }
      @media (max-width: 1200px) {
        #header .main-nav .container .upper-nav .Hamburgmenu {
          display: inline-block;
          margin-top: 25px;
          width: calc(16.66667% - 23.33333px);
          float: left;
          margin-left: 20px; } }
      #header .main-nav .container .upper-nav .Hamburgmenu .button-menu {
        display: inline-block;
        cursor: pointer;
        transition: .5s; }
        #header .main-nav .container .upper-nav .Hamburgmenu .button-menu.rotate {
          transform: rotate(180deg); }
          #header .main-nav .container .upper-nav .Hamburgmenu .button-menu.rotate .btn-rotate:nth-child(1) {
            transform: rotate(45deg) translateX(0px) translateY(7px);
            margin-bottom: 0;
            height: 2px;
            width: 26px; }
          #header .main-nav .container .upper-nav .Hamburgmenu .button-menu.rotate .btn-rotate:nth-child(2) {
            opacity: 0; }
          #header .main-nav .container .upper-nav .Hamburgmenu .button-menu.rotate .btn-rotate:nth-child(3) {
            transform: rotate(-45deg) translateX(0px) translateY(-7px);
            margin-bottom: 0;
            height: 2px;
            width: 26px; }
        #header .main-nav .container .upper-nav .Hamburgmenu .button-menu span {
          width: 36px;
          height: 3px;
          background-color: rgba(51, 51, 51, 0.6);
          margin-bottom: 5px;
          display: block; }
          #header .main-nav .container .upper-nav .Hamburgmenu .button-menu span:last-child {
            margin-bottom: 0; }

.clearfix {
  clear: both; }

@keyframes moveUpDown {
  0% {
    transform: translateY(-5px); }
  20% {
    transform: translateY(0px); }
  40% {
    transform: translateY(5px); }
  60% {
    transform: translateY(-5px); }
  80% {
    transform: translateY(0px); }
  100% {
    transform: translateY(5px); } }

.homePage {
  background-image: url(../images/bacground/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat; }
  .homePage .main-image .container .ipad {
    width: 500px;
    height: 350px;
    background-color: #fff;
    margin: auto;
    position: relative;
    padding: 12px 0;
    border-radius: 15px;
    box-shadow: 6px 13px rgba(136, 136, 136, 0.4);
    max-width: 100%; }
    @media (max-width: 600px) {
      .homePage .main-image .container .ipad {
        width: 400px;
        height: 250px; } }
    .homePage .main-image .container .ipad .blackpoint {
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      top: 50%;
      left: 20px;
      background-color: #000; }
    .homePage .main-image .container .ipad .operatebutton {
      width: 35px;
      height: 35px;
      border-color: transparent;
      border-radius: 50%;
      background-color: rgba(204, 204, 204, 0.2);
      position: relative;
      border: 2px solid #ccc;
      box-sizing: border-box;
      position: absolute;
      right: -10px;
      top: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer; }
      .homePage .main-image .container .ipad .operatebutton span {
        display: block;
        width: 18px;
        height: 18px;
        border: 2px solid #fff;
        border: 2px solid rgba(204, 204, 204, 0.4);
        position: absolute;
        top: 7px;
        left: 7px;
        box-sizing: border-box; }
  .homePage .main-image .container .main-link {
    display: block;
    width: 82%;
    margin: auto;
    background-image: url(../images/HomePage.png);
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    @media (max-width: 600px) {
      .homePage .main-image .container .main-link {
        width: 77%; } }
  .homePage .main-image .container .expression h1 {
    text-align: center;
    font-size: 20.16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 10px; }
    @media (min-width: 400px) and (max-width: 900px) {
      .homePage .main-image .container .expression h1 {
        font-size: calc( 20.16px + 3.5 * ( ( 100vw - 400px) / 500 )); } }
    @media (min-width: 900px) and (max-width: 1200px) {
      .homePage .main-image .container .expression h1 {
        font-size: calc( 23.66px + 17.3 * ( ( 100vw - 900px) / 300 )); } }
    @media (min-width: 1200px) {
      .homePage .main-image .container .expression h1 {
        font-size: 40.96px; } }
    .homePage .main-image .container .expression h1 span {
      display: inline-block;
      border: 2px solid #000;
      width: 600px;
      padding: 10px 0;
      max-width: 100%;
      margin-top: 15px;
      max-width: 100%; }
      @media (max-width: 992px) {
        .homePage .main-image .container .expression h1 span {
          width: 500px; } }
      @media (max-width: 768px) {
        .homePage .main-image .container .expression h1 span {
          width: 400px; } }
  .homePage .main-image .container .expression h3 {
    text-align: center; }
    .homePage .main-image .container .expression h3:nth-of-type(1) {
      margin-top: 10px; }
  .homePage .main-image .container .expression .and {
    display: block;
    text-align: center;
    font-size: 22px; }
  .homePage .main-image .container .scrolltoprocess {
    bottom: 30px; }

.overlayvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(204, 204, 204, 0.5);
  opacity: 0;
  z-index: -1;
  transition: 1s; }
  .overlayvideo.show {
    opacity: 1;
    z-index: 999999999999; }
  .overlayvideo.hide {
    display: none; }
  .overlayvideo .ipad {
    width: 85%;
    height: 650px;
    background-image: url(../images/ipad.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    background-position: center center;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 50px;
    padding: 20px 0; }
    @media (max-width: 1200px) {
      .overlayvideo .ipad {
        height: 500px; } }
    @media (max-width: 992px) {
      .overlayvideo .ipad {
        height: 400px; } }
    @media (max-width: 768px) {
      .overlayvideo .ipad {
        height: 300px; } }
    @media (max-width: 500px) {
      .overlayvideo .ipad {
        height: 200px;
        border-radius: 18px; } }
    .overlayvideo .ipad iframe {
      display: block;
      width: 84%;
      height: 100%;
      margin: auto; }
      @media (max-width: 992px) {
        .overlayvideo .ipad iframe {
          width: 79%; } }
    .overlayvideo .ipad i {
      position: absolute;
      top: 15px;
      right: 40px;
      cursor: pointer;
      font-size: 28px; }
      @media (max-width: 992px) {
        .overlayvideo .ipad i {
          right: 15px;
          font-size: 22px; } }

/*Style some stuff*/
img[alt="eyeglass"], img[alt="pencil"], img[alt="rule"], img[alt="stickynote"], img[alt="mug"], img[alt="laptop"], img[alt="pen"], img[alt="notebook"], img[alt="phone"] {
  transition: .5s; }

img[alt="eyeglass"] {
  position: absolute;
  top: 250px;
  left: 50px;
  transform: rotate(-25deg); }
  img[alt="eyeglass"].hide {
    top: 250px;
    left: -289px;
    transform: rotate(-17deg); }
  @media (max-width: 1200px) {
    img[alt="eyeglass"] {
      width: 15%; } }
  @media (max-width: 768px) {
    img[alt="eyeglass"] {
      display: none; } }

img[alt="pencil"] {
  position: absolute;
  top: 400px;
  left: 251px;
  transform: rotate(-35deg); }
  img[alt="pencil"].hide {
    left: 63px;
    transform: rotate(-35deg) translate(10px, -303px); }
  @media (max-width: 992px) {
    img[alt="pencil"] {
      left: 112px;
      width: 20px; } }
  @media (max-width: 768px) {
    img[alt="pencil"] {
      display: none; } }

img[alt="rule"] {
  position: absolute;
  top: 50px;
  left: -293px;
  transform: rotate(180deg) rotate(-40deg);
  z-index: 10; }
  img[alt="rule"].hide {
    left: -444px; }
  @media (max-width: 768px) {
    img[alt="rule"] {
      display: none; } }

img[alt="stickynote"] {
  position: absolute;
  top: 65px;
  left: 61px;
  transform: rotate(26deg); }
  img[alt="stickynote"].hide {
    top: 27px;
    left: -182px; }
  @media (max-width: 768px) {
    img[alt="stickynote"] {
      display: none; } }

img[alt="mug"] {
  position: absolute;
  top: 600px;
  left: -80px;
  transform: rotate(26deg); }
  img[alt="mug"].hide {
    transform: rotate(26deg) translate(10px, 184px); }
  @media (max-width: 768px) {
    img[alt="mug"] {
      display: none; } }

img[alt="laptop"] {
  position: absolute;
  top: -333px;
  right: -73px;
  transform: rotate(40deg); }
  @media (max-width: 1400px) {
    img[alt="laptop"] {
      width: 45%; } }
  img[alt="laptop"].hide {
    transform: rotate(40deg) translate(9px, -381px); }
  @media (max-width: 1350px) {
    img[alt="laptop"] {
      width: 45%; } }
  @media (max-width: 768px) {
    img[alt="laptop"] {
      display: none; } }

img[alt="pen"] {
  position: absolute;
  top: 230px;
  right: 107px;
  transform: rotate(40deg); }
  img[alt="pen"].hide {
    transform: rotate(40deg) translate(10px, -370px); }
  @media (max-width: 992px) {
    img[alt="pen"] {
      top: 173px;
      right: 24px; } }
  @media (max-width: 768px) {
    img[alt="pen"] {
      display: none; } }

img[alt="notebook"] {
  position: absolute;
  top: 410px;
  right: -206px;
  transform: rotate(-13deg); }
  img[alt="notebook"].hide {
    transform: rotate(-13deg) translate(10px, 341px); }
  @media (max-width: 768px) {
    img[alt="notebook"] {
      display: none; } }

img[alt="phone"] {
  position: absolute;
  top: 600px;
  right: 192px;
  transform: rotate(30deg); }
  img[alt="phone"].hide {
    transform: rotate(30deg) translate(308px, 11px); }
  @media (max-width: 768px) {
    img[alt="phone"] {
      display: none; } }

/*.homePage{
    background-image: url(../images/bacground/bg.jpg);
    background-size: cover; 
    background-repeat: no-repeat;
    .ipad{
        @extend %homepage;
    }
    .expression{
            h1{
        text-align: center;
          @include ms-respond(font-size,2);
          font-weight: 400;
        text-transform: uppercase;
        margin-top: 10px;
        span{
            display: inline-block;
   
    border: 2px solid #000;
    width: 700px;
    padding: 20px 0;
        }
        

    }
        h3{
            text-align: center;
            &:nth-of-type(1){
                margin-top: 10px;
            }
        }
        .and{
            display: block;
           text-align: center;
            font-size: 22px;
        }
    }
    .scrolltoprocess{
       bottom: 30px;
    }

}*/
.characters-form .container::after {
  clear: both;
  content: "";
  display: block; }

@media (min-width: 600px) and (max-width: 767px) {
  .characters-form .container {
    width: 100%; } }

.characters-form .container .main-section {
  display: flex;
  justify-content: center;
  /*    .form-guy{
                           @include grid-column(6);
                height: 500px;
                position: relative;
                margin-top: 20px;
                background-image: url(../images/guy.png);
               background-repeat: no-repeat;
               background-size: contain;
               background-position: center center;
            }*/ }
  .characters-form .container .main-section::after {
    clear: both;
    content: "";
    display: block; }
  @media (max-width: 992px) {
    .characters-form .container .main-section {
      padding: 100px 0; } }
  @media (max-width: 991px) {
    .characters-form .container .main-section {
      display: block; } }
  .characters-form .container .main-section .character {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    margin-right: 20px;
    height: 500px;
    margin-top: 50px;
    height: auto;
    padding: 20px 0; }
    @media (max-width: 1250px) {
      .characters-form .container .main-section .character {
        margin-left: 30px;
        margin-right: 0; } }
    @media (max-width: 991px) {
      .characters-form .container .main-section .character {
        float: none;
        width: 80%;
        margin: 0;
        margin: auto; } }
    .characters-form .container .main-section .character .slider1 .item .link1 {
      background-image: url(../images/slider1/img1.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link1 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link2 {
      background-image: url(../images/slider1/img2.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link2 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link3 {
      background-image: url(../images/slider1/img3.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link3 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link4 {
      background-image: url(../images/slider1/img4.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link4 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link5 {
      background-image: url(../images/slider1/img5.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link5 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link6 {
      background-image: url(../images/slider1/img6.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link6 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link7 {
      background-image: url(../images/slider1/img7.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link7 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link8 {
      background-image: url(../images/slider1/img8.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link8 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link9 {
      background-image: url(../images/slider1/img9.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link9 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link10 {
      background-image: url(../images/slider1/img10.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link10 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link11 {
      background-image: url(../images/slider1/img11.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link11 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link12 {
      background-image: url(../images/slider1/img12.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link12 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link13 {
      background-image: url(../images/slider1/img13.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link13 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider1 .item .link14 {
      background-image: url(../images/slider1/img14.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider1 .item .link14 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link1 {
      background-image: url(../images/slider2/img1.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link1 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link2 {
      background-image: url(../images/slider2/img2.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link2 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link3 {
      background-image: url(../images/slider2/img3.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link3 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link4 {
      background-image: url(../images/slider2/img4.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link4 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link5 {
      background-image: url(../images/slider2/img5.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link5 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link6 {
      background-image: url(../images/slider2/img6.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link6 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link7 {
      background-image: url(../images/slider2/img7.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link7 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link8 {
      background-image: url(../images/slider2/img8.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link8 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link9 {
      background-image: url(../images/slider2/img9.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link9 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link10 {
      background-image: url(../images/slider2/img10.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link10 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link11 {
      background-image: url(../images/slider2/img11.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link11 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider2 .item .link12 {
      background-image: url(../images/slider2/img12.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider2 .item .link12 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider3 .item .link1 {
      background-image: url(../images/slider3/img1.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider3 .item .link1 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider3 .item .link2 {
      background-image: url(../images/slider3/img2.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider3 .item .link2 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider3 .item .link3 {
      background-image: url(../images/slider3/img3.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider3 .item .link3 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider3 .item .link4 {
      background-image: url(../images/slider3/img4.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider3 .item .link4 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider3 .item .link5 {
      background-image: url(../images/slider3/img5.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider3 .item .link5 {
          height: 80px; } }
    .characters-form .container .main-section .character .slider3 .item .link6 {
      background-image: url(../images/slider3/img6.jpg); }
      @media (min-width: 600px) and (max-width: 800px) {
        .characters-form .container .main-section .character .slider3 .item .link6 {
          height: 80px; } }
  .characters-form .container .main-section .form-guy {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    height: 500px;
    position: relative; }
    @media (max-width: 992px) {
      .characters-form .container .main-section .form-guy {
        display: none; } }
    @media (max-width: 991px) {
      .characters-form .container .main-section .form-guy {
        float: none;
        width: 90%;
        height: 350px;
        transform: translate(100px, 10px); } }
    @media (max-width: 814px) {
      .characters-form .container .main-section .form-guy {
        transform: translate(90px, 10px); } }
    @media (max-width: 800px) {
      .characters-form .container .main-section .form-guy {
        transform: translate(70px, 10px); } }
    @media (max-width: 760px) {
      .characters-form .container .main-section .form-guy {
        transform: translate(50px, 10px); } }
    @media (max-width: 1250px) {
      .characters-form .container .main-section .form-guy {
        margin-left: 0; } }
    @media (max-width: 991px) {
      .characters-form .container .main-section .form-guy .leftborder {
        height: 227px;
        top: 39px;
        left: 44px; } }
    @media (min-width: 600px) and (max-width: 676px) {
      .characters-form .container .main-section .form-guy .leftborder {
        left: 0px; } }
    @media (min-width: 679px) and (max-width: 690px) {
      .characters-form .container .main-section .form-guy .leftborder {
        left: 10px; } }
    @media (min-width: 690px) and (max-width: 700px) {
      .characters-form .container .main-section .form-guy .leftborder {
        left: 10px; } }
    @media (min-width: 701px) and (max-width: 730px) {
      .characters-form .container .main-section .form-guy .leftborder {
        left: 18px; } }
    .characters-form .container .main-section .form-guy .rightborder {
      left: auto;
      right: 200px;
      z-index: 9;
      top: 140px;
      height: 211px; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .characters-form .container .main-section .form-guy .rightborder {
          right: 100px; } }
      @media (max-width: 991px) {
        .characters-form .container .main-section .form-guy .rightborder {
          left: auto;
          right: 182px;
          z-index: 9;
          top: 54px;
          height: 210px; } }
      @media (min-width: 678px) and (max-width: 724px) {
        .characters-form .container .main-section .form-guy .rightborder {
          right: 146px; } }
      @media (max-width: 677px) {
        .characters-form .container .main-section .form-guy .rightborder {
          right: 140px; } }
      @media (min-width: 600px) and (max-width: 619px) {
        .characters-form .container .main-section .form-guy .rightborder {
          right: 177px; } }
      @media (min-width: 620px) and (max-width: 634px) {
        .characters-form .container .main-section .form-guy .rightborder {
          right: 193px; } }
      @media (min-width: 635px) and (max-width: 660px) {
        .characters-form .container .main-section .form-guy .rightborder {
          right: 215px; } }
      @media (min-width: 661px) and (max-width: 669px) {
        .characters-form .container .main-section .form-guy .rightborder {
          right: 230px; } }
    .characters-form .container .main-section .form-guy .bottomBorder {
      left: auto;
      right: 198px;
      z-index: 9;
      top: 436px;
      height: 24px;
      padding-top: 3px; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .characters-form .container .main-section .form-guy .bottomBorder {
          right: 100px; } }
      @media (max-width: 991px) {
        .characters-form .container .main-section .form-guy .bottomBorder {
          display: none; } }
    .characters-form .container .main-section .form-guy .form-background {
      height: 500px;
      background-image: url(../images/guy.png);
      margin-left: 40px;
      background-repeat: no-repeat;
      background-position: -372px 65px;
      position: absolute;
      left: 50px;
      max-width: 100%;
      width: 490px; }
      @media (max-width: 991px) {
        .characters-form .container .main-section .form-guy .form-background {
          height: 300px;
          background-image: url(../images/guy.png);
          background-repeat: no-repeat;
          max-width: 100%;
          width: 600px;
          background-size: contain;
          margin: auto;
          position: static;
          background-position: 0px 0px;
          left: 0px;
          margin-left: 0;
          margin: auto; } }
      @media (max-width: 677px) {
        .characters-form .container .main-section .form-guy .form-background {
          background-size: cover; } }
      @media (max-width: 670px) {
        .characters-form .container .main-section .form-guy .form-background {
          background: none;
          background-image: url(../images/guy500.png);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; } }
      @media (min-width: 600px) and (max-width: 669px) {
        .characters-form .container .main-section .form-guy .form-background {
          background-position: -100px 0px; } }
    .characters-form .container .main-section .form-guy .form-header {
      position: absolute;
      width: 300px;
      top: 164px;
      left: 100px; }
      @media (max-width: 991px) {
        .characters-form .container .main-section .form-guy .form-header {
          position: absolute;
          width: 300px;
          top: 40px;
          left: 100px; } }
      @media (min-width: 600px) and (max-width: 660px) {
        .characters-form .container .main-section .form-guy .form-header {
          left: 50px; } }
      .characters-form .container .main-section .form-guy .form-header form > div {
        position: relative;
        width: 220px;
        max-width: 100%; }
        .characters-form .container .main-section .form-guy .form-header form > div.inputemail {
          margin-bottom: 0; }
        .characters-form .container .main-section .form-guy .form-header form > div p {
          margin: 0;
          height: 18px;
          background-color: transparent;
          font-size: 12px;
          font-style: italic; }
        @media (max-width: 991px) {
          .characters-form .container .main-section .form-guy .form-header form > div {
            margin-bottom: 0px; } }
        .characters-form .container .main-section .form-guy .form-header form > div input {
          width: 280px;
          display: block;
          z-index: 10;
          -webkit-transition: .5s;
          transition: .5s;
          background: none;
          max-width: 100%;
          padding-left: 3px;
          max-width: 100%;
          border: none;
          border-bottom: 1px solid #000; }
          .characters-form .container .main-section .form-guy .form-header form > div input:focus {
            outline: 0; }
          @media (max-width: 991px) {
            .characters-form .container .main-section .form-guy .form-header form > div input {
              border: none;
              background: none;
              border-bottom: 1px solid #000;
              border-radius: 0px; } }
        .characters-form .container .main-section .form-guy .form-header form > div label {
          margin-bottom: 5px;
          display: inline-block;
          position: absolute;
          padding-left: 5px;
          padding-top: 5px;
          top: 0;
          z-index: 5;
          -webkit-transition: .5s;
          transition: .5s;
          cursor: auto;
          display: none; }
        .characters-form .container .main-section .form-guy .form-header form > div.selectVideoStyle {
          margin-top: 5px; }
          .characters-form .container .main-section .form-guy .form-header form > div.selectVideoStyle select {
            display: inline-block; }
          .characters-form .container .main-section .form-guy .form-header form > div.selectVideoStyle label {
            transform: translateY(-13px); }
            @media (max-width: 560px) {
              .characters-form .container .main-section .form-guy .form-header form > div.selectVideoStyle label {
                display: block;
                font-size: 14px;
                margin-bottom: 5px; } }
        .characters-form .container .main-section .form-guy .form-header form > div.selectVideolenght {
          margin-top: 5px; }
          .characters-form .container .main-section .form-guy .form-header form > div.selectVideolenght select {
            display: inline-block; }
          .characters-form .container .main-section .form-guy .form-header form > div.selectVideolenght label {
            transform: translateY(-13px); }
            @media (max-width: 560px) {
              .characters-form .container .main-section .form-guy .form-header form > div.selectVideolenght label {
                display: block;
                font-size: 14px;
                margin-bottom: 5px; } }
        .characters-form .container .main-section .form-guy .form-header form > div.textareaguy {
          max-width: 100%; }
          .characters-form .container .main-section .form-guy .form-header form > div.textareaguy textarea {
            width: 220px;
            resize: none;
            height: 55px;
            margin-top: 5px; }
            @media (max-width: 991px) {
              .characters-form .container .main-section .form-guy .form-header form > div.textareaguy textarea {
                height: 60px; } }
            .characters-form .container .main-section .form-guy .form-header form > div.textareaguy textarea:focus {
              outline: 0; }
      .characters-form .container .main-section .form-guy .form-header form .submit-button {
        width: 220px;
        max-width: 100%;
        margin-bottom: 0;
        max-width: 100%;
        margin-top: 10px; }
        @media (max-width: 991px) {
          .characters-form .container .main-section .form-guy .form-header form .submit-button {
            margin-top: 0;
            width: 82%; } }
        .characters-form .container .main-section .form-guy .form-header form .submit-button button {
          background: none;
          border: none;
          text-transform: uppercase;
          display: block;
          margin: auto;
          background-color: #000;
          border-radius: 5px;
          color: #fff;
          font-weight: bold;
          letter-spacing: 1px;
          font-size: 18px;
          cursor: pointer;
          -webkit-transition: .6s;
          transition: .6s;
          width: 90%;
          padding: 10px 0; }
          @media (max-width: 991px) {
            .characters-form .container .main-section .form-guy .form-header form .submit-button button {
              margin: 0;
              font-size: 14px; } }
          .characters-form .container .main-section .form-guy .form-header form .submit-button button:focus {
            outline: 0; }
  .characters-form .container .main-section #scrolltoprocess a {
    width: 50px;
    margin: auto; }
    .characters-form .container .main-section #scrolltoprocess a i {
      font-size: 42px; }

#process {
  /* height: 100vh;*/
  background-image: url(../images/bacground/bg.jpg);
  background-size: cover;
  position: relative;
  /*  @include max(991){

        padding: 60px 0;
    }*/
  /*padding: 100px 0;*/ }
  #process.increasepadd {
    margin: 0; }
  #process.padding100 {
    padding-top: 100px; }
  #process .container::after {
    clear: both;
    content: "";
    display: block; }
  #process .container .main::after {
    clear: both;
    content: "";
    display: block; }
  @media (max-width: 991px) {
    #process .container .main h2 {
      padding: 25px 0; } }
  #process .container .main .rotate-elemnts {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    height: 500px;
    background-image: url(../images/porcess/effect-bg.png);
    background-repeat: no-repeat;
    position: relative;
    transform-style: preserve-3d;
    transform: scale(0.8); }
    @media (min-width: 992px) and (max-width: 1200px) {
      #process .container .main .rotate-elemnts {
        width: calc(66.66667% - 33.33333px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 991px) {
      #process .container .main .rotate-elemnts {
        display: none; } }
    #process .container .main .rotate-elemnts > div {
      position: absolute;
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background-color: #fff;
      line-height: 90px;
      text-align: center;
      cursor: pointer;
      color: #8d441f;
      transform-style: preserve-3d;
      perspective: 6000px;
      transition: 1s;
      font-size: 24px;
      border: 2px solid transparent; }
      #process .container .main .rotate-elemnts > div span {
        display: block; }
        #process .container .main .rotate-elemnts > div span.resetrotate20 {
          transform: rotate(20deg); }
      #process .container .main .rotate-elemnts > div:nth-child(1) {
        top: 395px;
        left: 304px;
        transform: scale(0.9);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 90%;
        transition: .5s;
        background-color: #C5DFE0;
        color: #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(1).go {
          transform: scale(2) translate3d(42px, -85px, 60px);
          background-image: url(../images/rotateimages/no1.png);
          left: 330px;
          border: 2px solid #fff;
          background-color: #C5DFE0;
          transform-style: preserve-3d; }
        #process .container .main .rotate-elemnts > div:nth-child(1).hide {
          display: none;
          transition-delay: .5s;
          transition: .5s; }
        #process .container .main .rotate-elemnts > div:nth-child(1).backClick3 {
          transform: scale(0.5) rotate(-20deg) translateX(-345px) translateY(-13px);
          background-color: #C5DFE0;
          color: #fff;
          font-size: 40px;
          border: 2px solid #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(1) span.rotate20 {
          transform: rotate(20deg); }
      #process .container .main .rotate-elemnts > div:nth-child(2) {
        left: 432px;
        top: 220px;
        transform: scale(1.5);
        background-image: url(../images/rotateimages/storyboard.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 90%;
        border: 2px solid transparent;
        background-color: #E9D100;
        border: 2px solid #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(2) span {
          display: block; }
          #process .container .main .rotate-elemnts > div:nth-child(2) span.resetgo {
            transform: rotate(50deg);
            width: 100%;
            height: 100%;
            background-color: #E9D100;
            border-radius: 50%;
            color: #fff; }
          #process .container .main .rotate-elemnts > div:nth-child(2) span.resize4 {
            transform: rotate(-50deg);
            width: 100%;
            height: 100%;
            background-color: #E9D100;
            border-radius: 50%; }
          #process .container .main .rotate-elemnts > div:nth-child(2) span.rotate50deg {
            transform: rotate(-50deg); }
        #process .container .main .rotate-elemnts > div:nth-child(2).go {
          transform: scale(0.9) rotate(-48deg) translateY(-377px) translateX(37px);
          background: none;
          background-color: #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(2).background2 {
          background-image: url(../images/rotateimages/storyboard.png);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 90%;
          border: 2px solid transparent;
          background-color: #E9D100;
          border: 2px solid #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(2).back {
          transform: scale(0.6) rotate(50deg) translateX(2px) translateY(523px);
          color: #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(2).hide {
          display: none; }
      #process .container .main .rotate-elemnts > div:nth-child(3) {
        left: 190px;
        top: -21px;
        transform: scale(1.1);
        background-color: #0F75B5;
        color: #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(3).go {
          transform: scale(0.9) rotate(-36deg) translateY(52px) translateX(-300px); }
        #process .container .main .rotate-elemnts > div:nth-child(3) span.resetgo {
          transform: rotate(36deg); }
        #process .container .main .rotate-elemnts > div:nth-child(3) span.specificspan {
          width: 100%;
          height: 100%;
          transform: rotate(-46deg);
          background-image: url(../images/rotateimages/animation.png);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 90%;
          border: 2px solid transparent;
          background-color: #E9D100;
          border: 2px solid #fff;
          background-color: #0F75B5;
          border-radius: 50%; }
        #process .container .main .rotate-elemnts > div:nth-child(3) span.resizeform4 {
          width: 100%;
          height: 100%;
          transform: rotate(-51deg); }
        #process .container .main .rotate-elemnts > div:nth-child(3) span.resetfrom3 {
          transform: rotate(-81deg); }
        #process .container .main .rotate-elemnts > div:nth-child(3) span.removeBorder {
          border: none; }
        #process .container .main .rotate-elemnts > div:nth-child(3).back {
          transform: scale(1.5) rotate(46deg) translateX(209px) translateY(-3px);
          background-color: transparent; }
        #process .container .main .rotate-elemnts > div:nth-child(3).backfrom4 {
          /*transform: scale(.7) rotate(40deg)translateX(401px)translateY(-75px)*/
          transform: scale(0.7) rotate(51deg) translateX(524px) translateY(305px);
          background-color: #0F75B5;
          color: #fff;
          border: 2px solid #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(3).backtobottom {
          transform: scale(0.8) rotate(81deg) translateX(527px) translateY(-3px);
          background: none;
          background-color: #0F75B5;
          color: #fff;
          border: 2px solid #fff; }
      #process .container .main .rotate-elemnts > div:nth-child(4) {
        top: 175px;
        left: 0px;
        /* filter: blur(2px);*/
        opacity: 1;
        transform: scale(0.9);
        background-color: #17A9AB;
        color: #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(4).go {
          transform: scale(0.7) rotate(-16deg) translateX(164px) translateY(156px); }
        #process .container .main .rotate-elemnts > div:nth-child(4).backfromclick5 {
          transform: scale(0.9) rotate(115deg) translateX(22px) translateY(-395px);
          filter: none;
          background-color: #17A9AB;
          color: #fff;
          border: 2px solid #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(4) span.resetgo {
          transform: rotate(16deg); }
        #process .container .main .rotate-elemnts > div:nth-child(4) span.specificstyle {
          transform: rotate(-27deg);
          width: 100%;
          height: 100%;
          background-image: url(../images/rotateimages/sfx.png);
          border-radius: 50%;
          border: 2px solid #fff;
          background-size: 90%;
          background-position: center center;
          background-color: #17A9AB; }
        #process .container .main .rotate-elemnts > div:nth-child(4) span.specificstylelongback {
          transform: rotate(-96deg);
          width: 100%;
          height: 100%;
          background-image: url(../images/rotateimages/sfx.png);
          border-radius: 50%;
          border: 2px solid #fff;
          background-size: 90%;
          background-position: center center;
          background-color: #17A9AB; }
        #process .container .main .rotate-elemnts > div:nth-child(4) span.resetspan5 {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          transform: rotate(-22deg); }
        #process .container .main .rotate-elemnts > div:nth-child(4) span.re-rotate22 {
          transform: rotate(-22deg); }
        #process .container .main .rotate-elemnts > div:nth-child(4) span.re-rotate118 {
          transform: rotate(-118deg); }
        #process .container .main .rotate-elemnts > div:nth-child(4) span.re-rotate115 {
          transform: rotate(-115deg); }
        #process .container .main .rotate-elemnts > div:nth-child(4) span.removeBorder {
          border: none; }
        #process .container .main .rotate-elemnts > div:nth-child(4).long-back {
          transform: scale(1.5) rotate(96deg) translateX(0px) translateY(-288px);
          filter: none;
          background-color: transparent; }
        #process .container .main .rotate-elemnts > div:nth-child(4).back {
          /* ;*/
          /*transform: scale(1.1)rotate(9deg)translateX(143px)translateY(-203px);*/
          transform: scale(1.1) rotate(22deg) translateX(95px) translateY(-232px);
          filter: none;
          background-color: transparent; }
        #process .container .main .rotate-elemnts > div:nth-child(4).backbeside123 {
          /*transform: scale(1) rotate(68deg) translateX(278px) translateY(-247px);*/
          transform: scale(1.5) rotate(22deg) translateX(258px) translateY(-86px); }
        #process .container .main .rotate-elemnts > div:nth-child(4).backbelow {
          transform: scale(0.9) rotate(22deg) translateX(406px) translateY(39px);
          background-color: #17A9AB;
          color: #fff;
          border: 2px solid #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(4).backabove3from5 {
          transform: scale(0.9) rotate(118deg) translateX(0px) translateY(-405px);
          background-color: #17A9AB;
          color: #fff;
          border: 2px solid #fff; }
      #process .container .main .rotate-elemnts > div:nth-child(5) {
        top: 245px;
        left: 140px;
        transform: scale(0.65);
        /*     filter: blur(2px);*/
        transform: scale(0.7);
        background-color: #AF1E1E;
        color: #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(5).go {
          transform: scale(0.5) rotate(-93deg) translateX(243px) translateY(0px); }
        #process .container .main .rotate-elemnts > div:nth-child(5).rightposition {
          transform: scale(1.5) rotate(163deg) translateX(-190px) translateY(0px);
          filter: none;
          color: #fff;
          background-color: #AF1E1E;
          border: 2px solid #fff; }
        #process .container .main .rotate-elemnts > div:nth-child(5) span.resetgo {
          transform: rotate(93deg); }
        #process .container .main .rotate-elemnts > div:nth-child(5) span.specificspan {
          width: 100%;
          height: 100%;
          transform: rotate(-22deg);
          background-image: url(../images/rotateimages/delivery.png);
          border-radius: 50%;
          border: 2px solid #fff;
          background-size: 90%;
          background-position: center center;
          background-color: #AF1E1E; }
        #process .container .main .rotate-elemnts > div:nth-child(5) span.resize4 {
          width: 100%;
          height: 100%;
          transform: rotate(-104deg);
          background-image: url(../images/rotateimages/delivery.png);
          border-radius: 50%;
          border: 2px solid #fff;
          background-size: 90%;
          background-position: center center;
          background-color: #AF1E1E; }
        #process .container .main .rotate-elemnts > div:nth-child(5) span.resize5firstpostion {
          transform: rotate(-172deg); }
        #process .container .main .rotate-elemnts > div:nth-child(5) span.rotate102 {
          transform: rotate(-102deg); }
        #process .container .main .rotate-elemnts > div:nth-child(5) span.rotate179 {
          transform: rotate(-179deg); }
        #process .container .main .rotate-elemnts > div:nth-child(5) span.rotate171 {
          transform: rotate(-171deg); }
        #process .container .main .rotate-elemnts > div:nth-child(5) span.rotate163 {
          transform: rotate(-163deg);
          background-image: url(../images/rotateimages/delivery.png);
          background-size: 80%;
          background-repeat: no-repeat;
          background-position: center center;
          border-radius: 50%;
          width: 100%;
          height: 100%; }
        #process .container .main .rotate-elemnts > div:nth-child(5).back {
          transform: scale(0.9) rotate(22deg) translateX(-152px) translateY(-11px);
          background-color: transparent;
          filter: none; }
        #process .container .main .rotate-elemnts > div:nth-child(5).backfrom4 {
          transform: scale(0.9) rotate(104deg) translateX(-314px) translateY(-3px);
          filter: none;
          background-color: transparent; }
        #process .container .main .rotate-elemnts > div:nth-child(5).backfocus {
          transform: scale(1.5) rotate(172deg) translateX(-185px) translateY(0px); }
        #process .container .main .rotate-elemnts > div:nth-child(5).backtonearposition {
          /*transform: scale(1.1)rotate(0deg)translateX(0px)translateY(0px);*/
          transform: scale(1.1) rotate(102deg) translateX(-254px) translateY(0px); }
        #process .container .main .rotate-elemnts > div:nth-child(5).backview {
          transform: scale(1.5) rotate(171deg) translateX(-190px) translateY(-4px);
          border: none; }
  #process .container .main .listlinks {
    padding: 40px 0; }
    @media (min-width: 992px) {
      #process .container .main .listlinks {
        display: none; } }
    @media (max-width: 599px) {
      #process .container .main .listlinks {
        width: 80%;
        margin: auto; } }
    #process .container .main .listlinks ul {
      display: flex;
      justify-content: space-around; }
      #process .container .main .listlinks ul li.increaseZindex {
        z-index: 99999; }
      #process .container .main .listlinks ul li:nth-child(3) {
        z-index: 9999; }
      #process .container .main .listlinks ul li:nth-child(1) a {
        background-color: #C5DFE0;
        background-image: url(../images/rotateimages/no1.png); }
        #process .container .main .listlinks ul li:nth-child(1) a.active {
          transform: scale(1.5); }
      #process .container .main .listlinks ul li:nth-child(2) a {
        background-color: #E9D100;
        background-image: url(../images/rotateimages/storyboard.png); }
        #process .container .main .listlinks ul li:nth-child(2) a.active {
          transform: scale(1.5); }
      #process .container .main .listlinks ul li:nth-child(3) a {
        background-color: #0F75B5;
        background-image: url(../images/rotateimages/animation.png); }
        #process .container .main .listlinks ul li:nth-child(3) a.active {
          transform: scale(1.5); }
      #process .container .main .listlinks ul li:nth-child(4) a {
        background-color: #17A9AB;
        background-image: url(../images/rotateimages/sfx.png); }
        #process .container .main .listlinks ul li:nth-child(4) a.active {
          transform: scale(1.5); }
      #process .container .main .listlinks ul li:nth-child(5) a {
        background-color: #AF1E1E;
        background-image: url(../images/rotateimages/delivery.png); }
        #process .container .main .listlinks ul li:nth-child(5) a.active {
          transform: scale(1.5); }
      #process .container .main .listlinks ul a {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        text-align: center;
        line-height: 50px;
        color: #fff;
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: center center;
        border: 2px solid #fff;
        transition: .5s;
        transform: scale(0.9); }
        @media (max-width: 400px) {
          #process .container .main .listlinks ul a {
            width: 50px;
            height: 50px; } }
  #process .container .content {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      #process .container .content {
        width: calc(33.33333% - 26.66667px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 991px) {
      #process .container .content {
        width: 70%;
        float: none;
        margin: 0;
        height: 300px;
        margin: auto; } }
    @media (max-width: 500px) {
      #process .container .content {
        height: auto;
        margin-top: 25px; } }
    #process .container .content .content-prgagrph {
      margin-top: 100px;
      transform: skewx(-18deg);
      width: 92%; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #process .container .content .content-prgagrph {
          width: 100%; } }
      @media (max-width: 991px) {
        #process .container .content .content-prgagrph {
          margin-top: 0;
          height: 250px; } }
      @media (max-width: 515px) {
        #process .container .content .content-prgagrph {
          transform: skewX(0deg);
          width: 100%; } }
      #process .container .content .content-prgagrph .content1 {
        padding: 50px 5px;
        position: absolute;
        top: 0;
        left: 50px;
        width: 100%;
        transition: 1.5s; }
        @media (min-width: 992px) and (max-width: 1200px) {
          #process .container .content .content-prgagrph .content1 {
            left: 0;
            padding: 15px; } }
        @media (max-width: 600px) {
          #process .container .content .content-prgagrph .content1 {
            left: 0; } }
        #process .container .content .content-prgagrph .content1 h3 {
          text-align: center;
          text-transform: uppercase;
          font-size: 32px;
          letter-spacing: 1.6px;
          transform: skewX(18deg); }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content1 h3 {
              font-size: 24px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content1 h3 {
              transform: skewX(0deg);
              font-size: 20px; } }
        #process .container .content .content-prgagrph .content1 p {
          line-height: 1.8;
          font-size: 20px;
          text-align: center;
          transform: skewX(18deg);
          padding: 10px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content1 p {
              font-size: 16px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content1 p {
              transform: skewX(0deg);
              font-size: 16px;
              padding: 5px; } }
        @media (max-width: 991px) {
          #process .container .content .content-prgagrph .content1 {
            padding: 25px 5px; } }
      #process .container .content .content-prgagrph .content1 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content1.active {
          opacity: 1;
          background-color: rgba(197, 223, 224, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content1.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content1.active992 {
            opacity: 1;
            background-color: rgba(197, 223, 224, 0.4); } }
      #process .container .content .content-prgagrph .content2 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content2.active {
          opacity: 1;
          background-color: rgba(233, 209, 0, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content2.active {
              display: none; } }
        @media (min-width: 991px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 0;
            background-color: rgba(197, 223, 224, 0.4); } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 1;
            background-color: rgba(233, 209, 0, 0.4); } }
      #process .container .content .content-prgagrph .content3 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content3.active {
          opacity: 1;
          background-color: rgba(15, 117, 181, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content3.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content3.active992 {
            opacity: 1;
            background-color: rgba(15, 117, 181, 0.4); } }
      #process .container .content .content-prgagrph .content4 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content4.active {
          opacity: 1;
          background-color: rgba(23, 169, 171, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content4.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content4.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content5 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content5.active {
          opacity: 1;
          background-color: rgba(141, 68, 31, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content5.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content5.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content2 {
        padding: 50px 5px;
        position: absolute;
        top: 0;
        left: 50px;
        width: 100%;
        transition: 1.5s; }
        @media (min-width: 992px) and (max-width: 1200px) {
          #process .container .content .content-prgagrph .content2 {
            left: 0;
            padding: 15px; } }
        @media (max-width: 600px) {
          #process .container .content .content-prgagrph .content2 {
            left: 0; } }
        #process .container .content .content-prgagrph .content2 h3 {
          text-align: center;
          text-transform: uppercase;
          font-size: 32px;
          letter-spacing: 1.6px;
          transform: skewX(18deg); }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content2 h3 {
              font-size: 24px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content2 h3 {
              transform: skewX(0deg);
              font-size: 20px; } }
        #process .container .content .content-prgagrph .content2 p {
          line-height: 1.8;
          font-size: 20px;
          text-align: center;
          transform: skewX(18deg);
          padding: 10px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content2 p {
              font-size: 16px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content2 p {
              transform: skewX(0deg);
              font-size: 16px;
              padding: 5px; } }
        @media (max-width: 991px) {
          #process .container .content .content-prgagrph .content2 {
            padding: 25px 5px; } }
      #process .container .content .content-prgagrph .content1 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content1.active {
          opacity: 1;
          background-color: rgba(197, 223, 224, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content1.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content1.active992 {
            opacity: 1;
            background-color: rgba(197, 223, 224, 0.4); } }
      #process .container .content .content-prgagrph .content2 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content2.active {
          opacity: 1;
          background-color: rgba(233, 209, 0, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content2.active {
              display: none; } }
        @media (min-width: 991px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 0;
            background-color: rgba(197, 223, 224, 0.4); } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 1;
            background-color: rgba(233, 209, 0, 0.4); } }
      #process .container .content .content-prgagrph .content3 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content3.active {
          opacity: 1;
          background-color: rgba(15, 117, 181, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content3.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content3.active992 {
            opacity: 1;
            background-color: rgba(15, 117, 181, 0.4); } }
      #process .container .content .content-prgagrph .content4 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content4.active {
          opacity: 1;
          background-color: rgba(23, 169, 171, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content4.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content4.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content5 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content5.active {
          opacity: 1;
          background-color: rgba(141, 68, 31, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content5.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content5.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content3 {
        padding: 50px 5px;
        position: absolute;
        top: 0;
        left: 50px;
        width: 100%;
        transition: 1.5s; }
        @media (min-width: 992px) and (max-width: 1200px) {
          #process .container .content .content-prgagrph .content3 {
            left: 0;
            padding: 15px; } }
        @media (max-width: 600px) {
          #process .container .content .content-prgagrph .content3 {
            left: 0; } }
        #process .container .content .content-prgagrph .content3 h3 {
          text-align: center;
          text-transform: uppercase;
          font-size: 32px;
          letter-spacing: 1.6px;
          transform: skewX(18deg); }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content3 h3 {
              font-size: 24px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content3 h3 {
              transform: skewX(0deg);
              font-size: 20px; } }
        #process .container .content .content-prgagrph .content3 p {
          line-height: 1.8;
          font-size: 20px;
          text-align: center;
          transform: skewX(18deg);
          padding: 10px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content3 p {
              font-size: 16px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content3 p {
              transform: skewX(0deg);
              font-size: 16px;
              padding: 5px; } }
        @media (max-width: 991px) {
          #process .container .content .content-prgagrph .content3 {
            padding: 25px 5px; } }
      #process .container .content .content-prgagrph .content1 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content1.active {
          opacity: 1;
          background-color: rgba(197, 223, 224, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content1.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content1.active992 {
            opacity: 1;
            background-color: rgba(197, 223, 224, 0.4); } }
      #process .container .content .content-prgagrph .content2 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content2.active {
          opacity: 1;
          background-color: rgba(233, 209, 0, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content2.active {
              display: none; } }
        @media (min-width: 991px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 0;
            background-color: rgba(197, 223, 224, 0.4); } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 1;
            background-color: rgba(233, 209, 0, 0.4); } }
      #process .container .content .content-prgagrph .content3 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content3.active {
          opacity: 1;
          background-color: rgba(15, 117, 181, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content3.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content3.active992 {
            opacity: 1;
            background-color: rgba(15, 117, 181, 0.4); } }
      #process .container .content .content-prgagrph .content4 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content4.active {
          opacity: 1;
          background-color: rgba(23, 169, 171, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content4.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content4.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content5 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content5.active {
          opacity: 1;
          background-color: rgba(141, 68, 31, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content5.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content5.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content4 {
        padding: 50px 5px;
        position: absolute;
        top: 0;
        left: 50px;
        width: 100%;
        transition: 1.5s; }
        @media (min-width: 992px) and (max-width: 1200px) {
          #process .container .content .content-prgagrph .content4 {
            left: 0;
            padding: 15px; } }
        @media (max-width: 600px) {
          #process .container .content .content-prgagrph .content4 {
            left: 0; } }
        #process .container .content .content-prgagrph .content4 h3 {
          text-align: center;
          text-transform: uppercase;
          font-size: 32px;
          letter-spacing: 1.6px;
          transform: skewX(18deg); }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content4 h3 {
              font-size: 24px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content4 h3 {
              transform: skewX(0deg);
              font-size: 20px; } }
        #process .container .content .content-prgagrph .content4 p {
          line-height: 1.8;
          font-size: 20px;
          text-align: center;
          transform: skewX(18deg);
          padding: 10px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content4 p {
              font-size: 16px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content4 p {
              transform: skewX(0deg);
              font-size: 16px;
              padding: 5px; } }
        @media (max-width: 991px) {
          #process .container .content .content-prgagrph .content4 {
            padding: 25px 5px; } }
      #process .container .content .content-prgagrph .content1 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content1.active {
          opacity: 1;
          background-color: rgba(197, 223, 224, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content1.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content1.active992 {
            opacity: 1;
            background-color: rgba(197, 223, 224, 0.4); } }
      #process .container .content .content-prgagrph .content2 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content2.active {
          opacity: 1;
          background-color: rgba(233, 209, 0, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content2.active {
              display: none; } }
        @media (min-width: 991px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 0;
            background-color: rgba(197, 223, 224, 0.4); } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 1;
            background-color: rgba(233, 209, 0, 0.4); } }
      #process .container .content .content-prgagrph .content3 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content3.active {
          opacity: 1;
          background-color: rgba(15, 117, 181, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content3.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content3.active992 {
            opacity: 1;
            background-color: rgba(15, 117, 181, 0.4); } }
      #process .container .content .content-prgagrph .content4 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content4.active {
          opacity: 1;
          background-color: rgba(23, 169, 171, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content4.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content4.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content5 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content5.active {
          opacity: 1;
          background-color: rgba(141, 68, 31, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content5.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content5.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content5 {
        padding: 50px 5px;
        position: absolute;
        top: 0;
        left: 50px;
        width: 100%;
        transition: 1.5s; }
        @media (min-width: 992px) and (max-width: 1200px) {
          #process .container .content .content-prgagrph .content5 {
            left: 0;
            padding: 15px; } }
        @media (max-width: 600px) {
          #process .container .content .content-prgagrph .content5 {
            left: 0; } }
        #process .container .content .content-prgagrph .content5 h3 {
          text-align: center;
          text-transform: uppercase;
          font-size: 32px;
          letter-spacing: 1.6px;
          transform: skewX(18deg); }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content5 h3 {
              font-size: 24px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content5 h3 {
              transform: skewX(0deg);
              font-size: 20px; } }
        #process .container .content .content-prgagrph .content5 p {
          line-height: 1.8;
          font-size: 20px;
          text-align: center;
          transform: skewX(18deg);
          padding: 10px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            #process .container .content .content-prgagrph .content5 p {
              font-size: 16px; } }
          @media (max-width: 515px) {
            #process .container .content .content-prgagrph .content5 p {
              transform: skewX(0deg);
              font-size: 16px;
              padding: 5px; } }
        @media (max-width: 991px) {
          #process .container .content .content-prgagrph .content5 {
            padding: 25px 5px; } }
      #process .container .content .content-prgagrph .content1 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content1.active {
          opacity: 1;
          background-color: rgba(197, 223, 224, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content1.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content1.active992 {
            opacity: 1;
            background-color: rgba(197, 223, 224, 0.4); } }
      #process .container .content .content-prgagrph .content2 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content2.active {
          opacity: 1;
          background-color: rgba(233, 209, 0, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content2.active {
              display: none; } }
        @media (min-width: 991px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 0;
            background-color: rgba(197, 223, 224, 0.4); } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content2.active992 {
            opacity: 1;
            background-color: rgba(233, 209, 0, 0.4); } }
      #process .container .content .content-prgagrph .content3 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content3.active {
          opacity: 1;
          background-color: rgba(15, 117, 181, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content3.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content3.active992 {
            opacity: 1;
            background-color: rgba(15, 117, 181, 0.4); } }
      #process .container .content .content-prgagrph .content4 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content4.active {
          opacity: 1;
          background-color: rgba(23, 169, 171, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content4.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content4.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }
      #process .container .content .content-prgagrph .content5 {
        opacity: 0;
        transition: 1.5s; }
        #process .container .content .content-prgagrph .content5.active {
          opacity: 1;
          background-color: rgba(141, 68, 31, 0.4); }
          @media (max-width: 992px) {
            #process .container .content .content-prgagrph .content5.active {
              display: none; } }
        @media (max-width: 992px) {
          #process .container .content .content-prgagrph .content5.active992 {
            opacity: 1;
            background-color: rgba(23, 169, 171, 0.4); } }

.scrolltoprocess {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 60px; }

@keyframes padd {
  0% {
    padding-top: 0px; }
  100% {
    padding-top: 150px; } }

#About-us {
  /*   @include min(992){
         height: 100vh;
    }*/
  background-image: url(../images/bacground/bg.jpg);
  background-size: cover;
  transition: .3s;
  padding-top: 25px; }
  #About-us .container .pargarph {
    padding: 10px 20px 10px 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.13);
    width: 85%;
    margin: auto;
    margin-top: 15px;
    padding: 15px 0; }
    @media (max-width: 991px) {
      #About-us .container .pargarph {
        width: 90%; } }
    #About-us .container .pargarph h3 {
      font-size: 18.40348px; }
      @media (min-width: 400px) and (max-width: 900px) {
        #About-us .container .pargarph h3 {
          font-size: calc( 18.40348px + 2.34771 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #About-us .container .pargarph h3 {
          font-size: calc( 20.75119px + 11.63053 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #About-us .container .pargarph h3 {
          font-size: 32.38172px; } }
    #About-us .container .pargarph p {
      font-size: 15.05915px;
      line-height: 1.6;
      margin: 7px 0;
      font-weight: 500;
      text-align: justify;
      padding: 5px 35px; }
      @media (min-width: 400px) and (max-width: 900px) {
        #About-us .container .pargarph p {
          font-size: calc( 15.05915px + 0.48995 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #About-us .container .pargarph p {
          font-size: calc( 15.5491px + 3.76026 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #About-us .container .pargarph p {
          font-size: 19.30936px; } }
      @media (max-width: 1200px) {
        #About-us .container .pargarph p {
          font-size: 14.78708px; } }
  @media (max-width: 1200px) and (min-width: 400px) and (max-width: 900px) {
    #About-us .container .pargarph p {
      font-size: calc( 14.78708px + 0.35938 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 1200px) and (min-width: 900px) and (max-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: calc( 15.14646px + 3.27636 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 1200px) and (min-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: 18.42281px; } }
      @media (max-width: 1100px) {
        #About-us .container .pargarph p {
          font-size: 14.65289px; } }
  @media (max-width: 1100px) and (min-width: 400px) and (max-width: 900px) {
    #About-us .container .pargarph p {
      font-size: calc( 14.65289px + 0.29617 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 1100px) and (min-width: 900px) and (max-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: calc( 14.94906px + 3.04586 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 1100px) and (min-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: 17.99492px; } }
      @media (max-width: 992px) {
        #About-us .container .pargarph p {
          font-size: 14.23162px; } }
  @media (max-width: 992px) and (min-width: 400px) and (max-width: 900px) {
    #About-us .container .pargarph p {
      font-size: calc( 14.23162px + 0.10289 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 992px) and (min-width: 900px) and (max-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: calc( 14.33451px + 2.35681 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 992px) and (min-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: 16.69132px; } }
      @media (max-width: 600px) {
        #About-us .container .pargarph p {
          font-size: 13.77215px; } }
  @media (max-width: 600px) and (min-width: 400px) and (max-width: 900px) {
    #About-us .container .pargarph p {
      font-size: calc( 13.77215px + -0.09886 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 600px) and (min-width: 900px) and (max-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: calc( 13.67329px + 1.66402 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 600px) and (min-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: 15.33731px; } }
      @media (max-width: 500px) {
        #About-us .container .pargarph p {
          font-size: 13.01534px; } }
  @media (max-width: 500px) and (min-width: 400px) and (max-width: 900px) {
    #About-us .container .pargarph p {
      font-size: calc( 13.01534px + -0.41011 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 500px) and (min-width: 900px) and (max-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: calc( 12.60523px + 0.65259 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 500px) and (min-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: 13.25782px; } }
      @media (max-width: 450px) {
        #About-us .container .pargarph p {
          font-size: 10.65016px; } }
  @media (max-width: 450px) and (min-width: 400px) and (max-width: 900px) {
    #About-us .container .pargarph p {
      font-size: calc( 10.65016px + -1.20492 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 450px) and (min-width: 900px) and (max-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: calc( 9.44524px + -1.53955 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 450px) and (min-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: 7.90569px; } }
      @media (max-width: 350px) {
        #About-us .container .pargarph p {
          font-size: 10.08328px; } }
  @media (max-width: 350px) and (min-width: 400px) and (max-width: 900px) {
    #About-us .container .pargarph p {
      font-size: calc( 10.08328px + -1.35296 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 350px) and (min-width: 900px) and (max-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: calc( 8.73032px + -1.86431 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 350px) and (min-width: 1200px) {
    #About-us .container .pargarph p {
      font-size: 6.866px; } }
      @media (max-width: 991px) {
        #About-us .container .pargarph p {
          line-height: 1.6;
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 20;
          padding-right: 40px; } }

#Testimonial {
  background-image: url(../images/bacground/bg.jpg);
  background-size: cover;
  padding-top: 20px; }
  #Testimonial h2 {
    margin-bottom: 10px; }
  @media (max-width: 1200px) {
    #Testimonial .container {
      width: 70%;
      margin: auto; } }
  #Testimonial .container .content-testmonial::after {
    clear: both;
    content: "";
    display: block; }
  @media (max-width: 991px) {
    #Testimonial .container .content-testmonial {
      display: none; } }
  #Testimonial .container .content-testmonial .testmonial1 {
    width: calc(20% - 24px);
    float: left;
    margin-left: 20px;
    text-align: center; }
    #Testimonial .container .content-testmonial .testmonial1 img {
      display: block;
      margin: auto;
      margin-bottom: 10px;
      width: 80px;
      border: 2px solid #fff;
      border-radius: 50%;
      transition: .5s;
      cursor: pointer; }
      @media (max-width: 1400px) {
        #Testimonial .container .content-testmonial .testmonial1 img {
          width: 80px; } }
      @media (max-width: 1300px) {
        #Testimonial .container .content-testmonial .testmonial1 img {
          width: 70px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial1 img {
          width: 60px; } }
      @media (max-width: 1100px) {
        #Testimonial .container .content-testmonial .testmonial1 img {
          width: 50px; } }
      #Testimonial .container .content-testmonial .testmonial1 img:hover {
        transform: scale(1.2); }
      #Testimonial .container .content-testmonial .testmonial1 img[alt="Konrad"] {
        border-radius: 50%; }
    #Testimonial .container .content-testmonial .testmonial1 h4 {
      margin-bottom: 5px;
      height: 40px; }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial1 h4 {
          font-size: 11px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial1 h4 {
          height: auto; } }
    #Testimonial .container .content-testmonial .testmonial1 h5 {
      height: 30px;
      font-size: 13.74706px; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial1 h5 {
          font-size: calc( 13.74706px + -0.1096 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial1 h5 {
          font-size: calc( 13.63747px + 1.62793 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial1 h5 {
          font-size: 15.26539px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial1 h5 {
          display: none; } }
    #Testimonial .container .content-testmonial .testmonial1 p {
      text-align: justify;
      margin: 5px 0; }
    #Testimonial .container .content-testmonial .testmonial1 a {
      margin-top: 5px;
      color: #000;
      font-size: 14px;
      display: inline-block;
      padding: 5px;
      font-style: italic; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial1 a {
          font-size: calc( 14px + 0 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial1 a {
          font-size: calc( 14px + 2 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial1 a {
          font-size: 16px; } }
      @media (max-width: 992px) {
        #Testimonial .container .content-testmonial .testmonial1 a {
          font-size: 12.78019px; } }
  @media (max-width: 992px) and (min-width: 400px) and (max-width: 900px) {
    #Testimonial .container .content-testmonial .testmonial1 a {
      font-size: calc( 12.78019px + -0.50138 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 992px) and (min-width: 900px) and (max-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial1 a {
      font-size: calc( 12.27881px + 0.3703 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 992px) and (min-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial1 a {
      font-size: 12.64911px; } }
  #Testimonial .container .content-testmonial .testmonial2 h5 {
    font-size: 13px; }
  #Testimonial .container .content-testmonial .testmonial2 {
    width: calc(20% - 24px);
    float: left;
    margin-left: 20px;
    text-align: center; }
    #Testimonial .container .content-testmonial .testmonial2 img {
      display: block;
      margin: auto;
      margin-bottom: 10px;
      width: 80px;
      border: 2px solid #fff;
      border-radius: 50%;
      transition: .5s;
      cursor: pointer; }
      @media (max-width: 1400px) {
        #Testimonial .container .content-testmonial .testmonial2 img {
          width: 80px; } }
      @media (max-width: 1300px) {
        #Testimonial .container .content-testmonial .testmonial2 img {
          width: 70px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial2 img {
          width: 60px; } }
      @media (max-width: 1100px) {
        #Testimonial .container .content-testmonial .testmonial2 img {
          width: 50px; } }
      #Testimonial .container .content-testmonial .testmonial2 img:hover {
        transform: scale(1.2); }
      #Testimonial .container .content-testmonial .testmonial2 img[alt="Konrad"] {
        border-radius: 50%; }
    #Testimonial .container .content-testmonial .testmonial2 h4 {
      margin-bottom: 5px;
      height: 40px; }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial2 h4 {
          font-size: 11px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial2 h4 {
          height: auto; } }
    #Testimonial .container .content-testmonial .testmonial2 h5 {
      height: 30px;
      font-size: 13.74706px; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial2 h5 {
          font-size: calc( 13.74706px + -0.1096 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial2 h5 {
          font-size: calc( 13.63747px + 1.62793 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial2 h5 {
          font-size: 15.26539px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial2 h5 {
          display: none; } }
    #Testimonial .container .content-testmonial .testmonial2 p {
      text-align: justify;
      margin: 5px 0; }
    #Testimonial .container .content-testmonial .testmonial2 a {
      margin-top: 5px;
      color: #000;
      font-size: 14px;
      display: inline-block;
      padding: 5px;
      font-style: italic; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial2 a {
          font-size: calc( 14px + 0 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial2 a {
          font-size: calc( 14px + 2 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial2 a {
          font-size: 16px; } }
      @media (max-width: 992px) {
        #Testimonial .container .content-testmonial .testmonial2 a {
          font-size: 12.78019px; } }
  @media (max-width: 992px) and (min-width: 400px) and (max-width: 900px) {
    #Testimonial .container .content-testmonial .testmonial2 a {
      font-size: calc( 12.78019px + -0.50138 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 992px) and (min-width: 900px) and (max-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial2 a {
      font-size: calc( 12.27881px + 0.3703 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 992px) and (min-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial2 a {
      font-size: 12.64911px; } }
  #Testimonial .container .content-testmonial .testmonial2 h5 {
    font-size: 13px; }
  #Testimonial .container .content-testmonial .testmonial3 {
    width: calc(20% - 24px);
    float: left;
    margin-left: 20px;
    text-align: center; }
    #Testimonial .container .content-testmonial .testmonial3 img {
      display: block;
      margin: auto;
      margin-bottom: 10px;
      width: 80px;
      border: 2px solid #fff;
      border-radius: 50%;
      transition: .5s;
      cursor: pointer; }
      @media (max-width: 1400px) {
        #Testimonial .container .content-testmonial .testmonial3 img {
          width: 80px; } }
      @media (max-width: 1300px) {
        #Testimonial .container .content-testmonial .testmonial3 img {
          width: 70px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial3 img {
          width: 60px; } }
      @media (max-width: 1100px) {
        #Testimonial .container .content-testmonial .testmonial3 img {
          width: 50px; } }
      #Testimonial .container .content-testmonial .testmonial3 img:hover {
        transform: scale(1.2); }
      #Testimonial .container .content-testmonial .testmonial3 img[alt="Konrad"] {
        border-radius: 50%; }
    #Testimonial .container .content-testmonial .testmonial3 h4 {
      margin-bottom: 5px;
      height: 40px; }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial3 h4 {
          font-size: 11px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial3 h4 {
          height: auto; } }
    #Testimonial .container .content-testmonial .testmonial3 h5 {
      height: 30px;
      font-size: 13.74706px; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial3 h5 {
          font-size: calc( 13.74706px + -0.1096 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial3 h5 {
          font-size: calc( 13.63747px + 1.62793 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial3 h5 {
          font-size: 15.26539px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial3 h5 {
          display: none; } }
    #Testimonial .container .content-testmonial .testmonial3 p {
      text-align: justify;
      margin: 5px 0; }
    #Testimonial .container .content-testmonial .testmonial3 a {
      margin-top: 5px;
      color: #000;
      font-size: 14px;
      display: inline-block;
      padding: 5px;
      font-style: italic; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial3 a {
          font-size: calc( 14px + 0 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial3 a {
          font-size: calc( 14px + 2 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial3 a {
          font-size: 16px; } }
      @media (max-width: 992px) {
        #Testimonial .container .content-testmonial .testmonial3 a {
          font-size: 12.78019px; } }
  @media (max-width: 992px) and (min-width: 400px) and (max-width: 900px) {
    #Testimonial .container .content-testmonial .testmonial3 a {
      font-size: calc( 12.78019px + -0.50138 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 992px) and (min-width: 900px) and (max-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial3 a {
      font-size: calc( 12.27881px + 0.3703 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 992px) and (min-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial3 a {
      font-size: 12.64911px; } }
  #Testimonial .container .content-testmonial .testmonial2 h5 {
    font-size: 13px; }
  #Testimonial .container .content-testmonial .testmonial4 {
    width: calc(20% - 24px);
    float: left;
    margin-left: 20px;
    text-align: center; }
    #Testimonial .container .content-testmonial .testmonial4 img {
      display: block;
      margin: auto;
      margin-bottom: 10px;
      width: 80px;
      border: 2px solid #fff;
      border-radius: 50%;
      transition: .5s;
      cursor: pointer; }
      @media (max-width: 1400px) {
        #Testimonial .container .content-testmonial .testmonial4 img {
          width: 80px; } }
      @media (max-width: 1300px) {
        #Testimonial .container .content-testmonial .testmonial4 img {
          width: 70px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial4 img {
          width: 60px; } }
      @media (max-width: 1100px) {
        #Testimonial .container .content-testmonial .testmonial4 img {
          width: 50px; } }
      #Testimonial .container .content-testmonial .testmonial4 img:hover {
        transform: scale(1.2); }
      #Testimonial .container .content-testmonial .testmonial4 img[alt="Konrad"] {
        border-radius: 50%; }
    #Testimonial .container .content-testmonial .testmonial4 h4 {
      margin-bottom: 5px;
      height: 40px; }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial4 h4 {
          font-size: 11px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial4 h4 {
          height: auto; } }
    #Testimonial .container .content-testmonial .testmonial4 h5 {
      height: 30px;
      font-size: 13.74706px; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial4 h5 {
          font-size: calc( 13.74706px + -0.1096 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial4 h5 {
          font-size: calc( 13.63747px + 1.62793 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial4 h5 {
          font-size: 15.26539px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial4 h5 {
          display: none; } }
    #Testimonial .container .content-testmonial .testmonial4 p {
      text-align: justify;
      margin: 5px 0; }
    #Testimonial .container .content-testmonial .testmonial4 a {
      margin-top: 5px;
      color: #000;
      font-size: 14px;
      display: inline-block;
      padding: 5px;
      font-style: italic; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial4 a {
          font-size: calc( 14px + 0 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial4 a {
          font-size: calc( 14px + 2 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial4 a {
          font-size: 16px; } }
      @media (max-width: 992px) {
        #Testimonial .container .content-testmonial .testmonial4 a {
          font-size: 12.78019px; } }
  @media (max-width: 992px) and (min-width: 400px) and (max-width: 900px) {
    #Testimonial .container .content-testmonial .testmonial4 a {
      font-size: calc( 12.78019px + -0.50138 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 992px) and (min-width: 900px) and (max-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial4 a {
      font-size: calc( 12.27881px + 0.3703 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 992px) and (min-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial4 a {
      font-size: 12.64911px; } }
  #Testimonial .container .content-testmonial .testmonial2 h5 {
    font-size: 13px; }
  #Testimonial .container .content-testmonial .testmonial5 {
    width: calc(20% - 24px);
    float: left;
    margin-left: 20px;
    text-align: center; }
    #Testimonial .container .content-testmonial .testmonial5 img {
      display: block;
      margin: auto;
      margin-bottom: 10px;
      width: 80px;
      border: 2px solid #fff;
      border-radius: 50%;
      transition: .5s;
      cursor: pointer; }
      @media (max-width: 1400px) {
        #Testimonial .container .content-testmonial .testmonial5 img {
          width: 80px; } }
      @media (max-width: 1300px) {
        #Testimonial .container .content-testmonial .testmonial5 img {
          width: 70px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial5 img {
          width: 60px; } }
      @media (max-width: 1100px) {
        #Testimonial .container .content-testmonial .testmonial5 img {
          width: 50px; } }
      #Testimonial .container .content-testmonial .testmonial5 img:hover {
        transform: scale(1.2); }
      #Testimonial .container .content-testmonial .testmonial5 img[alt="Konrad"] {
        border-radius: 50%; }
    #Testimonial .container .content-testmonial .testmonial5 h4 {
      margin-bottom: 5px;
      height: 40px; }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial5 h4 {
          font-size: 11px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial5 h4 {
          height: auto; } }
    #Testimonial .container .content-testmonial .testmonial5 h5 {
      height: 30px;
      font-size: 13.74706px; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial5 h5 {
          font-size: calc( 13.74706px + -0.1096 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial5 h5 {
          font-size: calc( 13.63747px + 1.62793 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial5 h5 {
          font-size: 15.26539px; } }
      @media (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial5 h5 {
          display: none; } }
    #Testimonial .container .content-testmonial .testmonial5 p {
      text-align: justify;
      margin: 5px 0; }
    #Testimonial .container .content-testmonial .testmonial5 a {
      margin-top: 5px;
      color: #000;
      font-size: 14px;
      display: inline-block;
      padding: 5px;
      font-style: italic; }
      @media (min-width: 400px) and (max-width: 900px) {
        #Testimonial .container .content-testmonial .testmonial5 a {
          font-size: calc( 14px + 0 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial5 a {
          font-size: calc( 14px + 2 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        #Testimonial .container .content-testmonial .testmonial5 a {
          font-size: 16px; } }
      @media (max-width: 992px) {
        #Testimonial .container .content-testmonial .testmonial5 a {
          font-size: 12.78019px; } }
  @media (max-width: 992px) and (min-width: 400px) and (max-width: 900px) {
    #Testimonial .container .content-testmonial .testmonial5 a {
      font-size: calc( 12.78019px + -0.50138 * ( ( 100vw - 400px) / 500 )); } }
  @media (max-width: 992px) and (min-width: 900px) and (max-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial5 a {
      font-size: calc( 12.27881px + 0.3703 * ( ( 100vw - 900px) / 300 )); } }
  @media (max-width: 992px) and (min-width: 1200px) {
    #Testimonial .container .content-testmonial .testmonial5 a {
      font-size: 12.64911px; } }
  #Testimonial .container .content-testmonial .testmonial2 h5 {
    font-size: 13px; }
  @media (min-width: 992px) {
    #Testimonial .container .carouseltestmonial {
      display: none; } }
  #Testimonial .container .carouseltestmonial .testmonial1 img {
    width: 100px;
    margin: auto; }
    #Testimonial .container .carouseltestmonial .testmonial1 img[alt="Konrad"] {
      border-radius: 50%; }
    @media (max-width: 1200px) {
      #Testimonial .container .carouseltestmonial .testmonial1 img {
        width: 60px; } }
  #Testimonial .container .carouseltestmonial .testmonial1 h4, #Testimonial .container .carouseltestmonial .testmonial1 h5, #Testimonial .container .carouseltestmonial .testmonial1 a {
    text-align: center;
    margin: 5px 0; }
  #Testimonial .container .carouseltestmonial .testmonial2 img {
    width: 100px;
    margin: auto; }
    #Testimonial .container .carouseltestmonial .testmonial2 img[alt="Konrad"] {
      border-radius: 50%; }
    @media (max-width: 1200px) {
      #Testimonial .container .carouseltestmonial .testmonial2 img {
        width: 60px; } }
  #Testimonial .container .carouseltestmonial .testmonial2 h4, #Testimonial .container .carouseltestmonial .testmonial2 h5, #Testimonial .container .carouseltestmonial .testmonial2 a {
    text-align: center;
    margin: 5px 0; }
  #Testimonial .container .carouseltestmonial .testmonial3 img {
    width: 100px;
    margin: auto; }
    #Testimonial .container .carouseltestmonial .testmonial3 img[alt="Konrad"] {
      border-radius: 50%; }
    @media (max-width: 1200px) {
      #Testimonial .container .carouseltestmonial .testmonial3 img {
        width: 60px; } }
  #Testimonial .container .carouseltestmonial .testmonial3 h4, #Testimonial .container .carouseltestmonial .testmonial3 h5, #Testimonial .container .carouseltestmonial .testmonial3 a {
    text-align: center;
    margin: 5px 0; }
  #Testimonial .container .carouseltestmonial .testmonial4 img {
    width: 100px;
    margin: auto; }
    #Testimonial .container .carouseltestmonial .testmonial4 img[alt="Konrad"] {
      border-radius: 50%; }
    @media (max-width: 1200px) {
      #Testimonial .container .carouseltestmonial .testmonial4 img {
        width: 60px; } }
  #Testimonial .container .carouseltestmonial .testmonial4 h4, #Testimonial .container .carouseltestmonial .testmonial4 h5, #Testimonial .container .carouseltestmonial .testmonial4 a {
    text-align: center;
    margin: 5px 0; }
  #Testimonial .container .carouseltestmonial .testmonial5 img {
    width: 100px;
    margin: auto; }
    #Testimonial .container .carouseltestmonial .testmonial5 img[alt="Konrad"] {
      border-radius: 50%; }
    @media (max-width: 1200px) {
      #Testimonial .container .carouseltestmonial .testmonial5 img {
        width: 60px; } }
  #Testimonial .container .carouseltestmonial .testmonial5 h4, #Testimonial .container .carouseltestmonial .testmonial5 h5, #Testimonial .container .carouseltestmonial .testmonial5 a {
    text-align: center;
    margin: 5px 0; }
  #Testimonial #clients h2 {
    margin-top: 10px;
    padding-bottom: 10px; }
  @media (max-width: 600px) {
    #Testimonial #clients .container {
      width: 90%; } }
  @media (max-width: 992px) {
    #Testimonial #clients .container .ourmarketings {
      display: none; } }
  #Testimonial #clients .container .ourmarketings .package1 {
    margin: auto; }
    @media (min-width: 768px) {
      #Testimonial #clients .container .ourmarketings .package1 {
        width: 90%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap; } }
    @media (min-width: 992px) {
      #Testimonial #clients .container .ourmarketings .package1 {
        width: 90%;
        display: flex;
        justify-content: space-between; } }
    @media (min-width: 1200px) {
      #Testimonial #clients .container .ourmarketings .package1 {
        width: 90%;
        display: flex;
        justify-content: space-between; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(1) {
      background-image: url(../images/clients/img1.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(1) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(1) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(1) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(2) {
      background-image: url(../images/clients/img2.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(2) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(2) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(2) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(3) {
      background-image: url(../images/clients/img3.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(3) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(3) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(3) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(4) {
      background-image: url(../images/clients/img4.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(4) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(4) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(4) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(5) {
      background-image: url(../images/clients/img5.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(5) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(5) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(5) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(6) {
      background-image: url(../images/clients/img6.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(6) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(6) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(6) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(7) {
      background-image: url(../images/clients/img7.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(7) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(7) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(7) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(8) {
      background-image: url(../images/clients/img8.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(8) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(8) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(8) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(9) {
      background-image: url(../images/clients/img9.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(9) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(9) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(9) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(10) {
      background-image: url(../images/clients/img10.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(10) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(10) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(10) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(11) {
      background-image: url(../images/clients/img11.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(11) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(11) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(11) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package1 div:nth-child(12) {
      background-image: url(../images/clients/img12.png); }
      @media (min-width: 768px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(12) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(12) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package1 div:nth-child(12) {
          width: 70px;
          height: 70px; } }
  #Testimonial #clients .container .ourmarketings .package2 {
    margin: auto;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #Testimonial #clients .container .ourmarketings .package2 {
        width: 90%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; } }
    @media (min-width: 992px) {
      #Testimonial #clients .container .ourmarketings .package2 {
        width: 90%;
        display: flex;
        justify-content: space-between; } }
    @media (min-width: 1200px) {
      #Testimonial #clients .container .ourmarketings .package2 {
        width: 90%;
        display: flex;
        justify-content: space-between; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(1) {
      background-image: url(../images/clients/sec2/img1.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(1) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(1) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(2) {
      background-image: url(../images/clients/sec2/img2.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(2) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(2) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(3) {
      background-image: url(../images/clients/sec2/img3.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(3) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(3) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(4) {
      background-image: url(../images/clients/sec2/img4.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(4) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(4) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(5) {
      background-image: url(../images/clients/sec2/img5.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(5) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(5) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(6) {
      background-image: url(../images/clients/sec2/img6.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(6) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(6) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(7) {
      background-image: url(../images/clients/sec2/img7.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(7) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(7) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(8) {
      background-image: url(../images/clients/sec2/img8.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(8) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(8) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(9) {
      background-image: url(../images/clients/sec2/img9.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(9) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(9) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(10) {
      background-image: url(../images/clients/sec2/img10.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(10) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(10) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(11) {
      background-image: url(../images/clients/sec2/img11.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(11) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(11) {
          width: 70px;
          height: 70px; } }
    #Testimonial #clients .container .ourmarketings .package2 div:nth-child(12) {
      background-image: url(../images/clients/sec2/img12.png); }
      @media (min-width: 992px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(12) {
          width: 50px;
          height: 50px; } }
      @media (min-width: 1200px) {
        #Testimonial #clients .container .ourmarketings .package2 div:nth-child(12) {
          width: 70px;
          height: 70px; } }
  @media (min-width: 993px) {
    #Testimonial #clients .container .marketing-768 {
      display: none; } }
  #Testimonial #clients .container .marketing-768 .packagae768-1 {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    margin-bottom: 5px; }
    #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(1) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(1) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(1) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(2) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(2) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(2) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(3) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(3) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(3) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(4) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(4) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(4) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(5) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(5) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(5) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(6) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(6) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(6) {
          width: 40px;
          height: 40px; } }
  #Testimonial #clients .container .marketing-768 .packagae768-2 {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    margin-bottom: 5px; }
    #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(1) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(1) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(1) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(2) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(2) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(2) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(3) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(3) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(3) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(4) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(4) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(4) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(5) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(5) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(5) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(6) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(6) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(6) {
          width: 40px;
          height: 40px; } }
  #Testimonial #clients .container .marketing-768 .packagae768-3 {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    margin-bottom: 5px; }
    #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(1) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(1) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(1) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(2) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(2) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(2) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(3) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(3) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(3) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(4) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(4) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(4) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(5) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(5) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(5) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(6) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(6) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(6) {
          width: 40px;
          height: 40px; } }
  #Testimonial #clients .container .marketing-768 .packagae768-4 {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    margin-bottom: 5px; }
    #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(1) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(1) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(1) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(2) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(2) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(2) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(3) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(3) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(3) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(4) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(4) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(4) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(5) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(5) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(5) {
          width: 40px;
          height: 40px; } }
    #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(6) {
      background-size: 90%;
      background-position: center center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-repeat: no-repeat; }
      @media (max-width: 768px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(6) {
          width: 50px;
          height: 50px; } }
      @media (max-width: 600px) {
        #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(6) {
          width: 40px;
          height: 40px; } }
  #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(1) {
    background-image: url(../images/clients/f1/img1.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(2) {
    background-image: url(../images/clients/f1/img2.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(3) {
    background-image: url(../images/clients/f1/img3.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(4) {
    background-image: url(../images/clients/f1/img4.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(5) {
    background-image: url(../images/clients/f1/img5.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-1 div:nth-child(6) {
    background-image: url(../images/clients/f1/img6.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(1) {
    background-image: url(../images/clients/f2/img1.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(2) {
    background-image: url(../images/clients/f2/img2.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(3) {
    background-image: url(../images/clients/f2/img3.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(4) {
    background-image: url(../images/clients/f2/img4.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(5) {
    background-image: url(../images/clients/f2/img5.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-2 div:nth-child(6) {
    background-image: url(../images/clients/f2/img6.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(1) {
    background-image: url(../images/clients/f3/img1.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(2) {
    background-image: url(../images/clients/f3/img2.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(3) {
    background-image: url(../images/clients/f3/img3.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(4) {
    background-image: url(../images/clients/f3/img4.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(5) {
    background-image: url(../images/clients/f3/img5.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-3 div:nth-child(6) {
    background-image: url(../images/clients/f3/img6.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(1) {
    background-image: url(../images/clients/f4/img1.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(2) {
    background-image: url(../images/clients/f4/img2.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(3) {
    background-image: url(../images/clients/f4/img3.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(4) {
    background-image: url(../images/clients/f4/img4.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(5) {
    background-image: url(../images/clients/f4/img5.png); }
  #Testimonial #clients .container .marketing-768 .packagae768-4 div:nth-child(6) {
    background-image: url(../images/clients/f4/img6.png); }

.overlayall1, .overlayall2, .overlayall3, .overlayall4, .overlayall5 {
  display: none; }
  .overlayall1.active, .overlayall2.active, .overlayall3.active, .overlayall4.active, .overlayall5.active {
    display: block; }
  .overlayall1.disappear, .overlayall2.disappear, .overlayall3.disappear, .overlayall4.disappear, .overlayall5.disappear {
    animation-name: hide;
    animation-duration: .2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out; }
  .overlayall1.display-none, .overlayall2.display-none, .overlayall3.display-none, .overlayall4.display-none, .overlayall5.display-none {
    display: none; }
  .overlayall1 .content.disappear, .overlayall2 .content.disappear, .overlayall3 .content.disappear, .overlayall4 .content.disappear, .overlayall5 .content.disappear {
    /* animation-name: hide;
            animation-duration: 1.5s;
            animation-iteration-count:1;
            animation-fill-mode: forwards;
            animation-timing-function: ease-in-out;*/
    opacity: 0;
    transition: 1s; }
  .overlayall1 .content i, .overlayall2 .content i, .overlayall3 .content i, .overlayall4 .content i, .overlayall5 .content i {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    cursor: pointer; }
  .overlayall1 .content img, .overlayall2 .content img, .overlayall3 .content img, .overlayall4 .content img, .overlayall5 .content img {
    display: block;
    margin: auto;
    border: 2px solid #f79521;
    border-radius: 50%; }
  .overlayall1 .content h2, .overlayall1 .content h4, .overlayall1 .content p, .overlayall2 .content h2, .overlayall2 .content h4, .overlayall2 .content p, .overlayall3 .content h2, .overlayall3 .content h4, .overlayall3 .content p, .overlayall4 .content h2, .overlayall4 .content h4, .overlayall4 .content p, .overlayall5 .content h2, .overlayall5 .content h4, .overlayall5 .content p {
    text-align: center;
    margin: 15px 0; }
  .overlayall1 .content h4, .overlayall2 .content h4, .overlayall3 .content h4, .overlayall4 .content h4, .overlayall5 .content h4 {
    color: #f79521; }
  .overlayall1 .content p, .overlayall2 .content p, .overlayall3 .content p, .overlayall4 .content p, .overlayall5 .content p {
    line-height: 1.6;
    padding: 20px; }
    @media (max-width: 600px) {
      .overlayall1 .content p, .overlayall2 .content p, .overlayall3 .content p, .overlayall4 .content p, .overlayall5 .content p {
        font-size: 15px;
        text-align: left;
        line-height: 1.7; } }
    @media (max-width: 500px) {
      .overlayall1 .content p, .overlayall2 .content p, .overlayall3 .content p, .overlayall4 .content p, .overlayall5 .content p {
        font-size: 12px;
        text-align: justify; } }

@keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#contactUs {
  background-image: url(../images/bacground/bg.jpg);
  background-size: cover;
  padding-bottom: 50px;
  padding-top: 20px; }
  #contactUs input {
    -webkit-appearance: none;
    border-radius: 0; }
  #contactUs .container {
    /*canDiv*/ }
    #contactUs .container .contact-content {
      position: relative; }
      #contactUs .container .contact-content .form-contact {
        display: flex;
        justify-content: center;
        width: 50%;
        margin: auto;
        margin-top: 20px;
        max-width: 100%; }
        @media (max-width: 991px) {
          #contactUs .container .contact-content .form-contact {
            margin-top: 20px;
            width: 500px; } }
        @media (max-width: 560px) {
          #contactUs .container .contact-content .form-contact {
            justify-content: flex-start; } }
        #contactUs .container .contact-content .form-contact form {
          margin: 20px 0;
          display: block; }
          @media (max-width: 560px) {
            #contactUs .container .contact-content .form-contact form {
              width: 50%;
              margin: auto; } }
          @media (max-width: 500px) {
            #contactUs .container .contact-content .form-contact form > div {
              margin-bottom: 10px; } }
          #contactUs .container .contact-content .form-contact form > div p {
            margin: 0;
            margin-left: 150px;
            margin-top: 5px;
            color: #fff;
            font-style: italic;
            letter-spacing: 1px;
            height: 12px;
            background-color: transparent; }
            @media (max-width: 560px) {
              #contactUs .container .contact-content .form-contact form > div p {
                margin-left: 0px;
                font-size: 13px; } }
            @media (max-width: 400px) {
              #contactUs .container .contact-content .form-contact form > div p {
                margin-left: 0px; } }
          #contactUs .container .contact-content .form-contact form > div.textarea {
            position: relative;
            height: 100px;
            margin-top: 20px; }
            @media (max-width: 500px) {
              #contactUs .container .contact-content .form-contact form > div.textarea {
                margin-top: 10px; } }
            #contactUs .container .contact-content .form-contact form > div.textarea label {
              top: 0; }
              @media (max-width: 560px) {
                #contactUs .container .contact-content .form-contact form > div.textarea label {
                  display: none; } }
          #contactUs .container .contact-content .form-contact form > div.notrobot {
            text-align: center;
            margin: 5px 0;
            background-color: transparent; }
            #contactUs .container .contact-content .form-contact form > div.notrobot input {
              display: inline-block;
              width: auto;
              display: inline-block; }
            @media (max-width: 560px) {
              #contactUs .container .contact-content .form-contact form > div.notrobot label {
                display: block; } }
            #contactUs .container .contact-content .form-contact form > div.notrobot p {
              display: inline-block; }
            #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox {
              position: absolute;
              opacity: 0; }
              #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox + label {
                position: relative;
                cursor: pointer;
                padding: 0;
                font-size: 16px;
                top: 0;
                width: 200px; }
              #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox + label:before {
                content: '';
                margin-right: 10px;
                display: inline-block;
                vertical-align: text-top;
                width: 20px;
                height: 20px;
                background: white; }
              #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox:hover + label:before {
                background: #f35429; }
              #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox:focus + label:before {
                box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
              #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox:checked + label:before {
                background: #f35429; }
              #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox:disabled + label {
                color: #b8b8b8;
                cursor: auto; }
              #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox:disabled + label:before {
                box-shadow: none;
                background: #ddd; }
              #contactUs .container .contact-content .form-contact form > div.notrobot .styled-checkbox:checked + label:after {
                content: '';
                position: absolute;
                left: 29px;
                top: 9px;
                background: white;
                width: 2px;
                height: 2px;
                box-shadow: 2px 0 0 white,
 4px 0 0 white,
 4px -2px 0 white,
 4px -4px 0 white,
 4px -6px 0 white,
 4px -8px 0 white;
                transform: rotate(45deg); }
          #contactUs .container .contact-content .form-contact form > div.submitform {
            margin-top: 20px; }
            #contactUs .container .contact-content .form-contact form > div.submitform h2 {
              display: inline-block;
              width: 150px; }
            #contactUs .container .contact-content .form-contact form > div.submitform button {
              background: none;
              border: none;
              color: #fff;
              display: block;
              margin: auto;
              background-color: #f79521;
              width: 180px;
              height: 60px;
              font-size: 24px;
              border-radius: 5px;
              max-width: 100%;
              cursor: pointer; }
              #contactUs .container .contact-content .form-contact form > div.submitform button:focus {
                outline: 0; }
            @media (max-width: 500px) {
              #contactUs .container .contact-content .form-contact form > div.submitform {
                margin-top: 10px; } }
          #contactUs .container .contact-content .form-contact form > div input {
            width: 250px;
            max-width: 100%;
            background: none;
            background-color: transparent;
            border: none;
            border-bottom: 1.5px solid #000;
            max-width: 100%;
            -webkit-appearance: none;
            border-radius: 0; }
            #contactUs .container .contact-content .form-contact form > div input:focus {
              outline: 0; }
            @media (max-width: 500px) {
              #contactUs .container .contact-content .form-contact form > div input {
                border-bottom: 1px solid #000;
                padding: 0;
                display: block; } }
            #contactUs .container .contact-content .form-contact form > div input::placeholder {
              color: #000;
              margin-bottom: 25px;
              opacity: 0;
              display: block; }
              @media (max-width: 560px) {
                #contactUs .container .contact-content .form-contact form > div input::placeholder {
                  opacity: 1; } }
          #contactUs .container .contact-content .form-contact form > div label {
            display: inline-block;
            width: 150px;
            font-size: 20px;
            position: relative;
            top: 15px; }
            @media (max-width: 560px) {
              #contactUs .container .contact-content .form-contact form > div label {
                width: 125px; } }
            @media (max-width: 560px) {
              #contactUs .container .contact-content .form-contact form > div label {
                display: none; } }
          #contactUs .container .contact-content .form-contact form > div textarea {
            width: 260px;
            max-width: 100%;
            position: absolute;
            left: 155px;
            background: none;
            background-color: transparent;
            border: none;
            border: 1px solid #000; }
            #contactUs .container .contact-content .form-contact form > div textarea:focus {
              outline: 0; }
            @media (max-width: 560px) {
              #contactUs .container .contact-content .form-contact form > div textarea {
                left: 0px; } }
            @media (max-width: 400px) {
              #contactUs .container .contact-content .form-contact form > div textarea {
                left: 0px; } }
            #contactUs .container .contact-content .form-contact form > div textarea::placeholder {
              color: #000;
              font-size: 16px; }
      #contactUs .container .contact-content .content {
        position: absolute;
        top: 30px;
        overflow: hidden;
        transform: rotate(30deg) translateX(116px) translateY(-15px); }
        @media (min-width: 992px) and (max-width: 1200px) {
          #contactUs .container .contact-content .content {
            position: absolute;
            top: 300px;
            overflow: hidden;
            transform: rotate(-32deg) translateX(174px) translateY(-19px); } }
        @media (max-width: 991px) {
          #contactUs .container .contact-content .content {
            position: absolute;
            top: 312px;
            overflow: hidden;
            transform: rotate(18deg) translateX(54px) translateY(-15px);
            left: 0; } }
        @media (max-width: 991px) {
          #contactUs .container .contact-content .content {
            transform: rotate(18deg) translateX(21px) translateY(-15px); } }
        @media (max-width: 768px) {
          #contactUs .container .contact-content .content {
            display: none; } }
      @media (max-width: 1200px) {
        #contactUs .container .contact-content .one {
          height: 380px; } }
      @media (max-width: 991px) {
        #contactUs .container .contact-content .one {
          width: 10px;
          height: 296px;
          border: 1px solid #000;
          overflow: hidden;
          background-color: #000;
          float: left; } }
      #contactUs .container .contact-content .middle {
        float: left;
        height: 500px;
        width: 60px;
        background-color: rgba(204, 204, 204, 0.2); }
        @media (max-width: 1200px) {
          #contactUs .container .contact-content .middle {
            height: 380px; } }
        @media (max-width: 991px) {
          #contactUs .container .contact-content .middle {
            height: 200px; } }
        #contactUs .container .contact-content .middle span {
          display: block;
          widows: 100%;
          height: 50px;
          background-size: cover;
          background-position: center center; }
          #contactUs .container .contact-content .middle span:nth-child(1) {
            background-image: url(../images/slider1/img1.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(2) {
            background-image: url(../images/slider1/img2.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(3) {
            background-image: url(../images/slider1/img3.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(4) {
            background-image: url(../images/slider1/img4.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(5) {
            background-image: url(../images/slider1/img5.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(6) {
            background-image: url(../images/slider1/img6.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(7) {
            background-image: url(../images/slider1/img7.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(8) {
            background-image: url(../images/slider1/img8.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(9) {
            background-image: url(../images/slider1/img9.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(10) {
            background-image: url(../images/slider1/img10.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(11) {
            background-image: url(../images/slider1/img11.jpg); }
          #contactUs .container .contact-content .middle span:nth-child(12) {
            background-image: url(../images/slider1/img12.jpg); }
      @media (max-width: 1200px) {
        #contactUs .container .contact-content .two {
          height: 380px; } }
      @media (max-width: 991px) {
        #contactUs .container .contact-content .two {
          width: 10px;
          height: 296px;
          border: 1px solid #000;
          overflow: hidden;
          background-color: #000;
          float: left; } }
    #contactUs .container #can {
      position: absolute;
      z-index: 5;
      right: 16px;
      top: 463px;
      transform: rotate(59deg); }
      @media (min-width: 992px) and (max-width: 1200px) {
        #contactUs .container #can {
          position: absolute;
          z-index: 5;
          right: 215px;
          top: 455px;
          transform: rotate(120deg); } }
      @media (max-width: 992px) {
        #contactUs .container #can {
          right: -42px;
          display: none; } }
      @media (max-width: 895px) {
        #contactUs .container #can {
          display: none; } }
    #contactUs .container #can ~ .content {
      right: 113px;
      transform: rotate(-30deg);
      left: auto;
      top: 75px; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #contactUs .container #can ~ .content {
          transform: rotate(30deg);
          top: 155px; } }
      @media (max-width: 991px) {
        #contactUs .container #can ~ .content {
          right: 83px;
          transform: rotate(-30deg);
          left: auto;
          top: 365px; } }
      @media (max-width: 895px) {
        #contactUs .container #can ~ .content {
          display: none; } }
      #contactUs .container #can ~ .content .middle {
        width: 60px;
        height: 477px; }
        #contactUs .container #can ~ .content .middle span {
          margin-bottom: 0; }
      #contactUs .container #can ~ .content .one, #contactUs .container #can ~ .content .two {
        height: 440px; }
        @media (max-width: 1200px) {
          #contactUs .container #can ~ .content .one, #contactUs .container #can ~ .content .two {
            height: 380px; } }
        @media (max-width: 991px) {
          #contactUs .container #can ~ .content .one, #contactUs .container #can ~ .content .two {
            height: 236px; } }
      @media (max-width: 992px) {
        #contactUs .container #can ~ .content {
          right: 10px; } }
  #contactUs input::placeholder,
  #contactUs input::-webkit-input-placeholder,
  #contactUs input::-moz-placeholder {
    line-height: normal !important; }

@keyframes slide1 {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(56px); } }

@keyframes slide2 {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(50px); } }

@keyframes slide3 {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(100px); } }

@keyframes slide4 {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(100px); } }

.scrollTotop {
  background-color: #f79521;
  color: #fff;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  line-height: 35px;
  font-size: 20px;
  opacity: 0;
  transition: 1s; }
  .scrollTotop.appear {
    opacity: 1; }

/*rightFixedform*/
.rightfixedform {
  display: block;
  height: 0px;
  position: fixed;
  right: -351px;
  top: 20%;
  transition: .5s;
  z-index: 999999999999; }
  .rightfixedform.show {
    display: block; }
  .rightfixedform.centreForm {
    position: absolute;
    top: 80px;
    width: 315px;
    z-index: 9999; }
  @media (max-width: 579px) {
    .rightfixedform {
      right: -320px;
      top: 14%; } }
  @media (max-width: 536px) {
    .rightfixedform {
      right: -289px; } }
  .rightfixedform.slideLeft {
    right: 0; }
  .rightfixedform .formcontent {
    width: 350px;
    height: 530px;
    background-color: #f79521;
    float: left;
    /*box-shadow: -5px 5px 7px rgba(136,136,136,.59);*/
    transition: .5s;
    position: relative; }
    .rightfixedform .formcontent.adjustView {
      height: 550px;
      border-radius: 10px;
      padding: 10px 0px 20px 0px; }
    @media (max-width: 579px) {
      .rightfixedform .formcontent {
        width: 320px; } }
    @media (max-width: 536px) {
      .rightfixedform .formcontent {
        width: 283px; } }
    .rightfixedform .formcontent h3 {
      padding: 10px 0;
      text-align: center;
      color: #fff;
      letter-spacing: 2px;
      font-size: 24px; }
    .rightfixedform .formcontent #rightForm {
      transition: 1s;
      transition-timing-function: ease-in-out; }
      .rightfixedform .formcontent #rightForm.hide {
        opacity: 0; }
      .rightfixedform .formcontent #rightForm > div {
        width: 240px;
        margin: auto; }
        .rightfixedform .formcontent #rightForm > div:not(last-child) {
          margin-bottom: 10px; }
        .rightfixedform .formcontent #rightForm > div.lessmarging {
          margin-bottom: 5px; }
        .rightfixedform .formcontent #rightForm > div.textarearight {
          margin-top: 25px; }
          .rightfixedform .formcontent #rightForm > div.textarearight textarea {
            border: none;
            background: none;
            color: #fff;
            border: 1px solid #fff;
            font-size: 18px;
            width: 100%; }
            @media (max-width: 500px) {
              .rightfixedform .formcontent #rightForm > div.textarearight textarea {
                width: 98%; } }
            .rightfixedform .formcontent #rightForm > div.textarearight textarea::placeholder {
              color: #fff;
              letter-spacing: 2px; }
            .rightfixedform .formcontent #rightForm > div.textarearight textarea:focus {
              outline: 0; }
        .rightfixedform .formcontent #rightForm > div.notrobotright {
          padding: 0;
          margin-top: 15px; }
        .rightfixedform .formcontent #rightForm > div.submitformright {
          margin-top: 15px; }
          .rightfixedform .formcontent #rightForm > div.submitformright button {
            background: none;
            border: none;
            background-color: #fff;
            display: block;
            margin: auto;
            color: #f79521;
            width: 180px;
            height: 45px;
            font-size: 18px;
            border-radius: 5px;
            max-width: 100%;
            cursor: pointer;
            text-transform: uppercase;
            font-weight: bold; }
            .rightfixedform .formcontent #rightForm > div.submitformright button:focus {
              outline: 0; }
          .rightfixedform .formcontent #rightForm > div.submitformright.matop {
            margin-top: 25px; }
        .rightfixedform .formcontent #rightForm > div p {
          margin: 0;
          height: 12px;
          background-color: transparent;
          color: #fff;
          padding-top: 5px;
          font-size: 13px; }
        .rightfixedform .formcontent #rightForm > div input {
          border: none;
          display: block;
          width: 100%;
          padding: 3px 0;
          background: none;
          background-color: transparent;
          border-bottom: 1px solid #fff;
          color: #fff; }
          .rightfixedform .formcontent #rightForm > div input::placeholder {
            color: #fff;
            letter-spacing: 2px; }
          .rightfixedform .formcontent #rightForm > div input:focus {
            outline: 0; }
    .rightfixedform .formcontent i {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 20px;
      color: #fff;
      cursor: pointer; }
    .rightfixedform .formcontent h4 {
      position: absolute;
      top: 50%;
      color: #fff;
      opacity: 0;
      z-index: -1;
      width: 100%;
      text-align: center;
      transition: 1.5s;
      line-height: 1.7;
      transition: .5s;
      font-size: 14.51992px; }
      @media (min-width: 400px) and (max-width: 900px) {
        .rightfixedform .formcontent h4 {
          font-size: calc( 14.51992px + 0.23431 * ( ( 100vw - 400px) / 500 )); } }
      @media (min-width: 900px) and (max-width: 1200px) {
        .rightfixedform .formcontent h4 {
          font-size: calc( 14.75424px + 2.82273 * ( ( 100vw - 900px) / 300 )); } }
      @media (min-width: 1200px) {
        .rightfixedform .formcontent h4 {
          font-size: 17.57697px; } }
      .rightfixedform .formcontent h4.show {
        opacity: 1;
        z-index: 1; }
  .rightfixedform .buttonright {
    width: 200px;
    float: left;
    height: 60px;
    transform: rotate(-90deg) translate(-188px, 70px);
    opacity: 0;
    transition: 1s; }
    @media (max-width: 400px) {
      .rightfixedform .buttonright {
        height: 45px; } }
    .rightfixedform .buttonright.show {
      opacity: 1; }
    .rightfixedform .buttonright.displayNone {
      display: none; }
    .rightfixedform .buttonright button {
      width: 100%;
      height: 100%;
      display: block;
      background: none;
      border: none;
      background-color: #f79521;
      border: 1px solid transparent;
      font-size: 20px;
      cursor: pointer;
      color: #fff;
      box-shadow: -5px -5px 7px rgba(136, 136, 136, 0.59);
      letter-spacing: 2px; }
      .rightfixedform .buttonright button:focus {
        outline: 0; }
  .rightfixedform input {
    -webkit-appearance: none;
    border-radius: 0; }

.overlayformright {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 5; }
  .overlayformright.appear {
    display: block; }

/*rightFixedform*/
.slider1, .slider2, .slider3, .carouseltestmonial {
  margin-bottom: 25px; }
  .slider1:last-child, .slider2:last-child, .slider3:last-child, .carouseltestmonial:last-child {
    margin-bottom: 0; }
  .slider1 .owl-nav, .slider2 .owl-nav, .slider3 .owl-nav, .carouseltestmonial .owl-nav {
    margin-top: 0;
    position: absolute;
    width: 100%;
    top: 25px; }
    .slider1 .owl-nav button.owl-prev, .slider2 .owl-nav button.owl-prev, .slider3 .owl-nav button.owl-prev, .carouseltestmonial .owl-nav button.owl-prev {
      position: absolute;
      left: -35px;
      top: 5px;
      font-size: 28px; }
      .slider1 .owl-nav button.owl-prev:focus, .slider2 .owl-nav button.owl-prev:focus, .slider3 .owl-nav button.owl-prev:focus, .carouseltestmonial .owl-nav button.owl-prev:focus {
        outline: 0; }
    .slider1 .owl-nav button.owl-next, .slider2 .owl-nav button.owl-next, .slider3 .owl-nav button.owl-next, .carouseltestmonial .owl-nav button.owl-next {
      position: absolute;
      right: 0;
      font-size: 28px;
      right: -35px;
      top: 5px; }
      .slider1 .owl-nav button.owl-next:focus, .slider2 .owl-nav button.owl-next:focus, .slider3 .owl-nav button.owl-next:focus, .carouseltestmonial .owl-nav button.owl-next:focus {
        outline: 0; }
  .slider1 .owl-theme .owl-nav [class*=owl-]:hover, .slider2 .owl-theme .owl-nav [class*=owl-]:hover, .slider3 .owl-theme .owl-nav [class*=owl-]:hover, .carouseltestmonial .owl-theme .owl-nav [class*=owl-]:hover {
    background: none; }
  .slider1 .owl-theme .owl-nav [class*=owl-]:hover, .slider2 .owl-theme .owl-nav [class*=owl-]:hover, .slider3 .owl-theme .owl-nav [class*=owl-]:hover, .carouseltestmonial .owl-theme .owl-nav [class*=owl-]:hover {
    color: inherit; }

/*Specific adjustment for testmonial section */
.content-testmonial .owl-nav button.owl-prev {
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 80px; }

.content-testmonial .owl-nav button.owl-next {
  position: absolute;
  right: 0;
  font-size: 80px;
  right: 0px;
  top: 5px; }

.content-testmonial .owl-dots {
  margin-top: 50px; }
  .content-testmonial .owl-dots button:focus {
    outline: 0; }

.content-testmonial .owl-theme .owl-dots .owl-dot.active span, .content-testmonial .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #f79521; }

.carouseltestmonial .owl-nav button.owl-next {
  transform: rotate(180deg);
  font-size: 40px;
  right: 0; }

.carouseltestmonial .owl-nav button.owl-prev {
  transform: rotate(180deg);
  font-size: 40px;
  left: 0; }

.carouseltestmonial .owl-dots {
  display: none; }

.selectVideoStyle .nice-select {
  float: none;
  width: 250px;
  display: inline-block;
  border-radius: 0;
  height: 25px;
  max-width: 100%;
  line-height: 25px;
  background-color: transparent;
  border: 1px solid #000; }
  .selectVideoStyle .nice-select .nice-select.open:focus {
    border-color: #f00; }
  .selectVideoStyle .nice-select ul {
    width: 100%; }
  .selectVideoStyle .nice-select::after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000; }

.selectVideoStyle span {
  color: #000; }

.selectVideolenght .nice-select {
  float: none;
  width: 250px;
  display: inline-block;
  border-radius: 0;
  height: 25px;
  max-width: 100%;
  line-height: 25px;
  background-color: transparent;
  border: 1px solid #000; }
  .selectVideolenght .nice-select .nice-select.open:focus {
    border-color: #f00; }
  .selectVideolenght .nice-select ul {
    width: 100%; }
  .selectVideolenght .nice-select::after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }

.selectVideolenght span {
  color: #000; }

.rightfixedform .formcontent #rightForm .selectVideoStyle {
  margin-bottom: 20px; }

.rightfixedform .selectVideoStyle label, .rightfixedform .selectVideolenght label {
  color: #fff;
  margin-bottom: 5px;
  display: block; }

.rightfixedform .selectVideoStyle .nice-select, .rightfixedform .selectVideolenght .nice-select {
  border: 1px solid #fff; }
  .rightfixedform .selectVideoStyle .nice-select::after, .rightfixedform .selectVideolenght .nice-select::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff; }

.rightfixedform .selectVideoStyle span, .rightfixedform .selectVideolenght span {
  color: #fff; }

.form-header .selectVideolenght {
  margin-top: 10px !important; }

.form-header .selectVideoStyle {
  margin-top: 0; }