/*------------------------------------
  [Table of contents]
  1. Body
  2. Header / #header
  3. Navigation / #navbar
  4. Content / #content
  5. Sidebar / #sidebar
  6. Search / #search
  7. Footer / #footer
  
--------------------------------------*/
.home-1 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .home-1 body {
    font-family: Roboto;
    margin: auto;
    overflow: visible !important; }
  .home-1 .modal-backdrop.in {
    display: none; }
  .home-1 .compensate-for-scrollbar {
    margin-right: 0 !important; }
  .home-1 * {
    box-sizing: border-box; }
  .home-1 .sidenav a:hover {
    color: #b6aeae; }
  .home-1 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .home-1 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .home-1 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .home-1 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-1 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .home-1 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .home-1 .button_rea:hover {
      opacity: 0.7; }
    .home-1 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .home-1 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-1 .layer {
    position: relative; }
    .home-1 .layer img {
      width: 100%; }
    .home-1 .layer .row_top {
      margin-right: 0;
      position: absolute;
      top: 60%;
      transform: translate(0%, -50%); }
      .home-1 .layer .row_top h1 {
        font-family: roboto condensed;
        font-size: 80px;
        color: #fff;
        font-weight: 700; }
      .home-1 .layer .row_top p {
        color: #fff; }
      .home-1 .layer .row_top div p {
        font-size: 18px;
        color: #fff;
        line-height: 185%;
        padding-top: 20px;
        width: 83%; }
  .home-1 .row_header {
    position: fixed;
    z-index: 9999;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .home-1 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    background: #909090; }
  .home-1 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .home-1 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .home-1 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .home-1 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .home-1 .affixx .sidenav .navbar-inverse {
        border: none;
        background: transparent; }
        .home-1 .affixx .sidenav .navbar-inverse .pull-right {
          cursor: pointer;
          padding: 15px; }
        .home-1 .affixx .sidenav .navbar-inverse .navbar-nav {
          float: right;
          padding-left: 30px; }
          .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              transition: all 0.4s;
              overflow: visible;
              top: 103%; }
            .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 160px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap li {
                padding: 10px 5px; }
                .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap li:hover {
                  border: none; }
                .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap li a {
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae;
                    opacity: .7; }
            .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0; }
              .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li a:hover {
                border-bottom: 1px solid #fc6955; }
          .home-1 .affixx .sidenav .navbar-inverse .navbar-nav .active {
            border-bottom: 1px solid #fc6955; }
            .home-1 .affixx .sidenav .navbar-inverse .navbar-nav .active a:hover {
              background: transparent; }
        .home-1 .affixx .sidenav .navbar-inverse .list-group-item {
          width: 100%;
          margin-left: 0 !important;
          background: #333;
          color: #fff;
          border: none;
          font-family: roboto condensed;
          font-weight: 700; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item button {
            background: transparent;
            border: none;
            outline: 0;
            float: right;
            position: relative;
            top: 5px; }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button span {
              display: block;
              width: 10px;
              background: #fff;
              transition: all 0.3s ease 0s;
              position: relative;
              height: 2px; }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid {
              transform: translateX(-6px) rotate(45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid1 {
              transform: translateY(-2px) rotate(-45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid2 {
              transform: translateX(-6px) rotate(45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid3 {
              transform: translateY(-2px) rotate(-45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid4 {
              transform: translateX(-6px) rotate(45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid5 {
              transform: translateY(-2px) rotate(-45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid6 {
              transform: translateX(-6px) rotate(45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid7 {
              transform: translateY(-2px) rotate(-45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid8 {
              transform: translateX(-6px) rotate(45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid9 {
              transform: translateY(-2px) rotate(-45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid10 {
              transform: translateX(-6px) rotate(45deg); }
            .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid11 {
              transform: translateY(-2px) rotate(-45deg); }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid {
            transform: translateX(-6px) rotate(45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid1 {
            transform: translateY(-2px) rotate(-45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid2 {
            transform: translateX(-6px) rotate(45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid3 {
            transform: translateY(-2px) rotate(-45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid4 {
            transform: translateX(-6px) rotate(45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid5 {
            transform: translateY(-2px) rotate(-45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid6 {
            transform: translateX(-6px) rotate(45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid7 {
            transform: translateY(-2px) rotate(-45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid8 {
            transform: translateX(-6px) rotate(45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid9 {
            transform: translateY(-2px) rotate(-45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid10 {
            transform: translateX(-6px) rotate(45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid11 {
            transform: translateY(-2px) rotate(-45deg) !important; }
          .home-1 .affixx .sidenav .navbar-inverse .list-group-item ul {
            margin-top: 5.5%;
            overflow-x: hidden !important;
            transition: 0.5s;
            -webkit-padding-start: 20px;
            padding-bottom: 10px; }
  .home-1 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .home-1 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .home-1 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .home-1 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .home-1 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .home-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .home-1 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .home-1 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .home-1 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .home-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .home-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .home-1 .search-popup i {
    color: #fff;
    font-size: 18px; }
  .home-1 .header-mobi {
    display: none; }
  .home-1 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .home-1 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .home-1 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .home-1 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .home-1 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .home-1 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .home-1 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .home-1 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .home-1 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .home-1 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .home-1 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .home-1 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .home-1 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .home-1 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .home-1 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .home-1 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .home-1 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .home-1 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-1 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .home-1 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-1 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .home-1 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-1 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .home-1 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-1 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .home-1 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-1 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .home-1 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .home-1 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-1 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-1 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .home-1 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .home-1 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .home-1 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .home-1 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .home-1 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .home-1 .sidenav a:hover {
    color: #f1f1f1; }
  .home-1 .button1 {
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 30px;
    font-size: 30px;
    cursor: pointer;
    float: right; }
    .home-1 .button1 .butt {
      width: 25px; }
    .home-1 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .home-1 .child2 {
    margin: 5px 0; }
  .home-1 .vuong {
    width: 30px;
    height: 30px;
    background: transparent;
    top: 7px;
    display: none;
    position: relative;
    position: absolute; }
  .home-1 .unlimited {
    padding-top: 150px;
    padding-bottom: 150px;
    background: #fff; }
    .home-1 .unlimited .welcome h5 {
      font-family: roboto condensed;
      font-weight: 700;
      color: #8f8f8f;
      letter-spacing: 2px; }
    .home-1 .unlimited .welcome h1 {
      font-family: roboto condensed;
      font-weight: 700;
      font-size: 50px;
      color: #2b2b2b;
      padding-bottom: 10px; }
    .home-1 .unlimited .welcome p {
      font-size: 16px;
      font-weight: 400;
      color: #909090;
      line-height: 185%;
      padding-bottom: 60px; }
    .home-1 .unlimited .website {
      padding-left: 59px;
      padding-bottom: 30px; }
      .home-1 .unlimited .website span {
        background-image: url(../img/Shape-1.png);
        height: 64px;
        width: 30px;
        display: inline-block; }
      .home-1 .unlimited .website h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .home-1 .unlimited .website p {
        font-size: 16px;
        font-weight: 400;
        color: #909090;
        line-height: 185%; }
    .home-1 .unlimited .customer {
      padding-left: 59px;
      padding-bottom: 30px; }
      .home-1 .unlimited .customer span {
        background-image: url(../img/Shape-4.png);
        height: 47px;
        width: 67px;
        display: inline-block;
        margin-top: 17px; }
      .home-1 .unlimited .customer h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .home-1 .unlimited .customer p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090; }
    .home-1 .unlimited .development {
      padding-left: 59px;
      padding-bottom: 30px;
      padding-top: 30px;
      clear: left; }
      .home-1 .unlimited .development span {
        background-image: url(../img/Shape-3.png);
        height: 62px;
        width: 62px;
        display: inline-block; }
      .home-1 .unlimited .development h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .home-1 .unlimited .development p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090; }
    .home-1 .unlimited .branding {
      padding-left: 59px;
      padding-bottom: 30px;
      padding-top: 30px; }
      .home-1 .unlimited .branding span {
        background-image: url(../img/Shape-2.png);
        height: 59px;
        width: 66px;
        display: inline-block; }
      .home-1 .unlimited .branding h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .home-1 .unlimited .branding p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090; }
  .home-1 .testimonials {
    text-align: center;
    padding-top: 150px;
    background: #f2f2f2;
    padding-bottom: 350px; }
    .home-1 .testimonials .p {
      font-weight: 700;
      font-size: 30px;
      font-family: roboto condensed;
      padding: 0 660px 10px; }
    .home-1 .testimonials .pp {
      color: #909090;
      font-size: 16px;
      line-height: 185%;
      padding: 0 560px; }
    .home-1 .testimonials .file {
      background-image: url(../img/file.png);
      height: 26px;
      width: 33px;
      display: inline-block;
      margin-right: 20px;
      margin-left: -50px; }
    .home-1 .testimonials .chuky {
      background-image: url(../img/chuky.png);
      height: 23px;
      width: 205px;
      display: inline-block;
      margin-top: 50px; }
  .home-1 .video {
    text-align: center;
    position: relative; }
    .home-1 .video .layer2 {
      position: relative; }
      .home-1 .video .layer2 img {
        width: 100%; }
    .home-1 .video .row_video {
      position: absolute;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .home-1 .video .row_video .video1 {
        width: 100%; }
        .home-1 .video .row_video .video1 .button_play {
          border-radius: 50%;
          background: #858688;
          width: 85px;
          height: 85px;
          border: none;
          transition: all .3s;
          display: inline-block;
          text-decoration: none !important; }
          .home-1 .video .row_video .video1 .button_play i {
            font-size: 18px;
            color: #fff;
            display: inline-block;
            padding: 40%; }
          .home-1 .video .row_video .video1 .button_play:hover {
            opacity: .8; }
        .home-1 .video .row_video .video1 p {
          font-size: 50px;
          font-weight: 700;
          color: #fff;
          font-family: roboto condensed;
          padding-bottom: 10px;
          padding-top: 60px; }
  .home-1 .services {
    z-index: 1;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }
    .home-1 .services .tes .so {
      color: #fff; }
    .home-1 .services h3 {
      padding-bottom: 15px;
      padding-top: 3px;
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 20px; }
    .home-1 .services div {
      padding: 0; }
      .home-1 .services div .pos {
        position: absolute;
        width: 100%;
        top: 555px;
        z-index: 1;
        transition: all .4s; }
        .home-1 .services div .pos:hover {
          cursor: pointer;
          padding-top: 15px; }
        .home-1 .services div .pos .so {
          position: absolute;
          font-size: 150px;
          font-family: roboto condensed;
          font-weight: 700;
          opacity: 0.1;
          margin-top: -38px;
          width: 100%;
          padding-top: 20px; }
      .home-1 .services div div p {
        font-size: 16px;
        line-height: 185%;
        padding: 0 30px; }
    .home-1 .services .product {
      padding-top: 107px;
      padding-bottom: 55px;
      background: #fff; }
      .home-1 .services .product span {
        background-image: url(../img/Shape-7.png);
        height: 55px;
        width: 70px;
        display: inline-block; }
      .home-1 .services .product p {
        color: #909090; }
    .home-1 .services .design {
      padding-top: 103px;
      padding-bottom: 55px;
      background: #fc6a55;
      color: #fff; }
      .home-1 .services .design span {
        background-image: url(../img/Shape-6.png);
        height: 59px;
        width: 56px;
        display: inline-block; }
    .home-1 .services .testing {
      padding-top: 94px;
      padding-bottom: 55px;
      background: #202737;
      color: #fff; }
      .home-1 .services .testing span {
        background-image: url(../img/Shape-5.png);
        height: 68px;
        width: 69px;
        display: inline-block; }
  .home-1 .cuter {
    border-bottom: 1px solid #ebebeb; }
    .home-1 .cuter .counter {
      padding: 90px 0; }
      .home-1 .cuter .counter .counter1 {
        margin-left: 0;
        margin-right: 0; }
        .home-1 .cuter .counter .counter1 .col-md-3 p {
          font-size: 14px;
          font-family: roboto condensed;
          color: #909090;
          letter-spacing: 1px; }
        .home-1 .cuter .counter .counter1 .col-md-3 .counte {
          font-weight: 700;
          font-size: 40px;
          font-family: roboto condensed; }
        .home-1 .cuter .counter .counter1 .col-md-3 span {
          height: 30px;
          border-left: 1px solid #fa6c54; }
  .home-1 .porfo {
    border-bottom: 1px solid #f2f2f2; }
    .home-1 .porfo .porfolio {
      padding: 150px 15px; }
      .home-1 .porfo .porfolio .col-md-4 .p {
        font-family: roboto condensed;
        font-weight: 700;
        color: #909090;
        padding-top: 15px;
        letter-spacing: 2px; }
      .home-1 .porfo .porfolio .col-md-4 h1 {
        font-weight: 700;
        font-family: roboto condensed;
        font-size: 50px; }
      .home-1 .porfo .porfolio .col-md-4 .some {
        line-height: 185%;
        color: #909090;
        font-size: 16px; }
    .home-1 .porfo .nav_main {
      float: right; }
      .home-1 .porfo .nav_main .nav-tabs {
        background: transparent;
        border: none; }
        .home-1 .porfo .nav_main .nav-tabs li {
          padding-left: 15px;
          padding-right: 25px;
          float: left;
          margin-bottom: -1px; }
          .home-1 .porfo .nav_main .nav-tabs li a {
            font-family: roboto condensed;
            font-weight: 400;
            color: #909090;
            letter-spacing: 1px;
            padding-right: 0;
            padding-left: 0; }
            .home-1 .porfo .nav_main .nav-tabs li a:hover {
              border-color: #fff;
              color: #333333; }
        .home-1 .porfo .nav_main .nav-tabs .active > a {
          color: black;
          background: transparent;
          border-bottom: 1px solid #fc6955 !important;
          transition: 0.4s;
          border-top: none !important;
          border-left: none !important;
          border-right: none !important; }
      .home-1 .porfo .nav_main .nav > li > a:hover {
        background: transparent; }
    .home-1 .porfo .img_porfolio .col-md-6 {
      padding: 15px; }
    .home-1 .porfo .img_porfolio .item {
      position: relative;
      overflow: hidden; }
      .home-1 .porfo .img_porfolio .item:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .home-1 .porfo .img_porfolio .item img {
        width: 100%;
        transition: .4s;
        cursor: pointer; }
  .home-1 .create_create_img {
    background: #f2f2f2; }
    .home-1 .create_create_img .row {
      margin-right: 0; }
      .home-1 .create_create_img .row .create_img {
        width: 50%; }
        .home-1 .create_create_img .row .create_img img {
          width: 100%; }
      .home-1 .create_create_img .row .create {
        float: right;
        width: 50%;
        padding: 12% 7% 0 6%; }
        .home-1 .create_create_img .row .create h5 {
          color: #909090;
          font-weight: 700;
          font-family: roboto condensed;
          letter-spacing: 2px;
          text-transform: uppercase; }
        .home-1 .create_create_img .row .create h1 {
          font-weight: 700;
          font-family: roboto condensed;
          font-size: 50px; }
        .home-1 .create_create_img .row .create p {
          color: #909090;
          font-family: roboto condensed;
          font-size: 16px;
          line-height: 170%; }
  .home-1 .servic {
    text-align: center;
    padding: 150px 0; }
    .home-1 .servic .row {
      margin-right: 0; }
    .home-1 .servic .col-md-12 h5 {
      color: #909090;
      font-weight: 700;
      letter-spacing: 2px;
      font-family: roboto condensed;
      text-transform: uppercase; }
    .home-1 .servic .col-md-12 p {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px; }
    .home-1 .servic .col-md-4 p {
      font-size: 16px;
      line-height: 185%;
      color: #909090; }
    .home-1 .servic .col-md-4 h4 {
      font-family: roboto condensed;
      font-weight: 700;
      font-size: 20px; }
    .home-1 .servic .development {
      padding: 0 45px;
      padding-bottom: 58px;
      border-bottom: 1px solid #ebebeb; }
      .home-1 .servic .development span {
        background-image: url(../img/web.png);
        height: 54px;
        width: 56px;
        display: inline-block; }
    .home-1 .servic .identity {
      padding: 0 44px;
      padding-bottom: 60px;
      border-bottom: 1px solid #ebebeb;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb; }
      .home-1 .servic .identity span {
        background-image: url(../img/logoiden.png);
        height: 52px;
        width: 53px;
        display: inline-block; }
    .home-1 .servic .design {
      padding: 0 45px;
      padding-bottom: 52px;
      border-bottom: 1px solid #ebebeb; }
      .home-1 .servic .design span {
        background-image: url(../img/garphics.png);
        height: 70px;
        width: 48px;
        display: inline-block;
        margin-top: -10px; }
    .home-1 .servic .appdevelopment {
      padding: 0 45px;
      padding-top: 60px; }
      .home-1 .servic .appdevelopment span {
        background-image: url(../img/app.png);
        height: 60px;
        width: 60px;
        display: inline-block; }
    .home-1 .servic .marketing {
      padding: 0 45px;
      padding-top: 60px;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb; }
      .home-1 .servic .marketing span {
        background-image: url(../img/social.png);
        height: 53px;
        width: 49px;
        display: inline-block; }
    .home-1 .servic .creation {
      padding: 0 44px;
      padding-top: 60px; }
      .home-1 .servic .creation span {
        background-image: url(../img/content.png);
        height: 46px;
        width: 65px;
        display: inline-block; }
  .home-1 .what {
    background: #f2f2f2; }
    .home-1 .what .what_we {
      text-align: center;
      padding: 150px 15px; }
      .home-1 .what .what_we .col-md-12 h5 {
        font-weight: 700;
        color: #909090;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .home-1 .what .what_we .col-md-12 h1 {
        font-weight: 700;
        font-size: 50px;
        font-family: roboto condensed;
        padding-top: 10px;
        padding-bottom: 60px; }
      .home-1 .what .what_we .i2_img {
        background: #fc6a55;
        font-size: 16px;
        padding: 0 30px;
        padding-top: 88px;
        padding-bottom: 88px;
        color: #fff;
        line-height: 185%;
        position: relative;
        overflow: hidden; }
        .home-1 .what .what_we .i2_img p {
          transition: all .3s; }
        .home-1 .what .what_we .i2_img:hover p {
          transform: scale(1.1);
          cursor: pointer; }
      .home-1 .what .what_we .i2_name {
        padding-top: 20px; }
        .home-1 .what .what_we .i2_name a {
          font-size: 20px;
          font-weight: 700;
          color: black;
          margin-bottom: 20px;
          font-family: roboto condensed; }
        .home-1 .what .what_we .i2_name p {
          padding-top: 10px;
          font-size: 16px;
          color: #909090; }
      .home-1 .what .what_we .i1_name {
        padding-top: 20px; }
        .home-1 .what .what_we .i1_name a {
          font-size: 20px;
          font-weight: 700;
          color: black;
          margin-bottom: 20px;
          font-family: roboto condensed; }
        .home-1 .what .what_we .i1_name p {
          padding-top: 10px;
          font-size: 16px;
          color: #909090; }
      .home-1 .what .what_we .i1_img {
        position: relative;
        overflow: hidden; }
        .home-1 .what .what_we .i1_img img {
          width: 100%;
          transition: all 0.4s; }
        .home-1 .what .what_we .i1_img:hover img {
          transform: scale(1.1);
          cursor: pointer; }
      .home-1 .what .what_we .i3_img {
        position: relative;
        overflow: hidden; }
        .home-1 .what .what_we .i3_img:hover img {
          transform: scale(1.1);
          cursor: pointer; }
        .home-1 .what .what_we .i3_img img {
          width: 100%;
          transition: all 0.4s; }
      .home-1 .what .what_we .i3_name {
        padding-top: 20px; }
        .home-1 .what .what_we .i3_name a {
          font-size: 20px;
          font-weight: 700;
          color: black;
          margin-bottom: 20px;
          font-family: roboto condensed; }
        .home-1 .what .what_we .i3_name p {
          padding-top: 10px;
          font-size: 16px;
          color: #909090; }
  .home-1 .brand {
    background: #333; }
    .home-1 .brand .brand_logo {
      padding: 90px 15px; }
      .home-1 .brand .brand_logo .brand-logo {
        width: 20%; }
        .home-1 .brand .brand_logo .brand-logo .logo1 {
          padding-top: 25px; }
  .home-1 .blog {
    padding: 150px 0; }
    .home-1 .blog .col-md-12 h5 {
      font-weight: 700;
      color: #909090;
      font-family: roboto condensed;
      text-align: center;
      letter-spacing: 2px; }
    .home-1 .blog .col-md-12 h1 {
      font-weight: 700;
      font-size: 50px;
      font-family: roboto condensed;
      padding-top: 10px;
      padding-bottom: 60px;
      text-align: center; }
    .home-1 .blog .col-md-4 .blog_img {
      position: relative;
      overflow: hidden; }
      .home-1 .blog .col-md-4 .blog_img:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .home-1 .blog .col-md-4 .blog_img img {
        width: 100%;
        transition: all .4s; }
    .home-1 .blog .col-md-4 .blog_name {
      padding-top: 15px; }
      .home-1 .blog .col-md-4 .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 30px;
        line-height: 185%; }
      .home-1 .blog .col-md-4 .blog_name h5 {
        color: #909090;
        padding-bottom: 13px; }
      .home-1 .blog .col-md-4 .blog_name span {
        color: #fc6a53; }
      .home-1 .blog .col-md-4 .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
  .home-1 .modal-backdrop.in {
    display: none; }
  .home-1 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .home-1 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .home-1 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .home-1 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .home-1 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .home-1 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .home-1 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .home-1 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .home-1 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .home-1 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .home-1 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .home-1 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-1 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .home-1 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .home-1 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .home-1 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .home-1 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .home-1 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-1 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .home-1 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .home-1 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .home-1 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .home-1 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .home-1 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-1 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .home-1 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .home-1 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .home-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .home-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .home-1 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .home-1 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .home-1 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .home-1 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .home-1 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .home-1 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .home-1 .footer .full-container .footer2 {
      padding: 20px 0; }
      .home-1 .footer .full-container .footer2 .copy {
        color: #909090; }
      .home-1 .footer .full-container .footer2 .goto {
        text-align: right; }
        .home-1 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  .home-1 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .home-1 .pull-right {
    cursor: pointer; }
  .home-1 * {
    outline: none !important; }
  .home-1 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .home-1 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .home-1 .create {
      padding: 117px 30px; }
    .home-1 .careate .carea .cust {
      padding: 15px 10px; }
    .home-1 .carea {
      padding: 40px 80px; }
    .home-1 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .home-1 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .home-1 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .home-1 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .home-1 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .home-1 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .home-1 .affixx .navba {
      padding-left: 5px; }
    .home-1 .phone_top {
      padding-right: 5px; }
    .home-1 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .home-1 .counter1 .col-md-3 {
      padding-left: 8%; }
    .home-1 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .home-1 .feedback .feeb {
      font-size: 200px; }
    .home-1 .affixx .navba {
      padding-left: 15px; }
    .home-1 .phone_top {
      padding-right: 15px; }
    .home-1 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .home-1 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .home-1 .we_are {
      padding: 0 50px; }
    .home-1 .careate .carea .cust {
      padding: 10px 10px; }
    .home-1 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .home-1 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .home-1 .cust h1 {
      padding-bottom: 0; }
    .home-1 .cust p {
      line-height: 150%; }
    .home-1 .button_see {
      margin-top: 27px; }
    .home-1 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .home-1 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .home-1 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .home-1 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .home-1 .footer .full-container {
      padding: 0 15px; }
    .home-1 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .home-1 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .home-1 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .home-1 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .home-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-1 .contacts .contact {
      padding: 20px 0; }
    .home-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .home-1 .feedback .slide_main .test {
      padding-top: 50px; }
    .home-1 .phone_top {
      padding-top: 0; }
    .home-1 .phone_top .pull-right {
      padding: 5px; }
    .home-1 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .home-1 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .home-1 .affixx .sidenav .navbar .nav {
      float: none; }
    .home-1 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .home-1 .affixx {
      padding-bottom: 10px !important; }
    .home-1 .counter1 .col-md-3 {
      padding-left: 6%; }
    .home-1 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .home-1 .header-lap {
      display: none; }
    .home-1 .header-mobi {
      display: block; }
    .home-1 .feedback {
      padding-bottom: 50px; }
    .home-1 .cust h1 {
      font-size: 30px; }
    .home-1 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .home-1 .all-pro span {
      margin-right: 5px; }
    .home-1 .phone_top span {
      display: none; }
    .home-1 .phone_top .phonee {
      display: none; }
    .home-1 .who_we_are {
      padding: 50px 0; }
    .home-1 .blog {
      padding: 50px 0; }
    .home-1 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .home-1 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .home-1 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .home-1 .who_we_are .we_01 {
      padding: 0 15px; }
    .home-1 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .home-1 .porfolio .col-md-8 {
      padding-left: 0; }
    .home-1 .feedback .feeb {
      font-size: 130px; }
    .home-1 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-1 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .home-1 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .home-1 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-1 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .home-1 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .home-1 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .home-1 .links ul {
      -webkit-padding-start: 0px; }
    .home-1 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .home-1 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .home-1 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .home-1 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .home-1 .recent_post ul {
      -webkit-padding-start: 0px; }
    .home-1 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .home-1 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .home-1 .servic {
      padding-top: 50px; }
    .home-1 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .home-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .home-1 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .home-1 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .home-1 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .home-1 .row_top div p {
      line-height: 170%; }
    .home-1 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .home-1 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .home-1 .slide_main .test {
      padding-top: 100px; }
    .home-1 .img_porfolio .col-md-4 {
      width: 50%; }
    .home-1 .servic .col-md-4 {
      width: 50%; }
    .home-1 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .home-1 .blog .col-md-4 {
      width: 33.33333%; }
    .home-1 .button_see {
      margin-top: 10px; }
    .home-1 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .home-1 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .home-1 .button_rea {
      height: 38px;
      margin-top: 0; }
    .home-1 .footer .full-container .footer2 .copy {
      text-align: center; }
    .home-1 .footer .full-container .footer2 .goto {
      text-align: center; }
    .home-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .home-1 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .home-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-1 .feedback .information .lazy h3 {
      font-size: 20px; }
    .home-1 * h1 {
      font-size: 36px !important; }
    .home-1 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .home-1 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .home-1 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .home-1 .feedback .feeb {
      font-size: 100px; }
    .home-1 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .home-1 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .home-1 .who_we_are .who_are p {
      font-size: 14px; }
    .home-1 .careate .carea .cust h1 {
      font-size: 36px; }
    .home-1 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .home-1 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .home-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-1 .feedback .information .lazy h3 {
      font-size: 16px; }
    .home-1 .cuter .counter {
      padding: 50px 0 0 0; }
    .home-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .home-1 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .home-1 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .home-1 .porfolio {
      padding: 50px 0px; }
    .home-1 .button-proje {
      width: 210px; }
    .home-1 .video .row_video .video1 > p {
      font-size: 24px; }
    .home-1 .blog .col-md-12 h1 {
      font-size: 36px; }
    .home-1 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .home-1 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .footer #googlemap1 {
      height: 400px; }
    .home-1 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-1 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .home-1 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .home-1 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .home-1 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .home-1 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .home-1 .side .navbar .list-group-item button {
      top: 0; }
    .home-1 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .home-1 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .home-1 .base {
      margin-left: 0 !important; }
    .home-1 .baseright {
      margin-left: 0 !important; }
    .home-1 .sile1 {
      top: 60%; }
    .home-1 .affixx {
      background: #333 !important; }
    .home-1 .affixx {
      padding-top: 20px !important; }
    .home-1 .feedback .feeb {
      font-size: 70px; }
    .home-1 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .home-1 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .home-1 .who_we_are .who_are h1 {
      font-size: 24px; }
    .home-1 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .home-1 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .home-1 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .home-1 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .home-1 .servic .col-md-12 p {
      font-size: 24px; }
    .home-1 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .home-1 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .home-1 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .home-1 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .home-1 .button_see {
      margin-top: 0; }
    .home-1 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .home-1 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .home-1 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .home-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-1 .feedback .slide_main .test p {
      font-size: 24px; }
    .home-1 .feedback .information .lazy h3 {
      font-size: 14px; }
    .home-1 * h1 {
      font-size: 24px !important; }
    .home-1 .affixx {
      position: inherit !important; }
    .home-1 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .home-1 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .home-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .home-1 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .home-1 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .home-1 .modal .modal-dialog .modal-content {
      padding: 0; }
    .home-1 .img_porfolio .col-md-4 {
      width: 100%; }
    .home-1 .feedback .feeb {
      letter-spacing: 6px; }
    .home-1 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .home-1 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .home-1 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .home-1 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .home-1 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .home-1 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .home-1 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .home-1 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .home-1 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .home-1 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .home-1 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .home-1 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .home-1 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .home-1 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .home-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-1 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .home-1 .servic .identity {
      padding-top: 20px; }
    .home-1 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .home-1 .porfolio .nav_main {
      float: left; }
    .home-1 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .home-1 .testimonials .p {
      padding: 0 25% 10px; }
    .home-1 .testimonials .pp {
      padding: 0 25%; } }
  @media screen and (max-width: 1350px) {
    .home-1 .video .row_video {
      top: 55%; }
    .home-1 .create_create_img .row .create {
      padding: 117px 30px; } }
  @media screen and (max-width: 1200px) {
    .home-1 .container {
      width: 1200px; } }
  @media screen and (max-width: 1440px) {
    .home-1 .create_create_img .row .create {
      padding: 4% 4% 0 4%; }
    .home-1 .services div .pos {
      top: 450px; }
    .home-1 .logo_footer, .home-1 .links, .home-1 .recent_post {
      padding-right: 15px; }
    .home-1 .newsletter {
      padding-left: 15px; } }
  @media screen and (max-width: 1170px) {
    .home-1 .create_create_img .row .create {
      padding: 15px 15px 0 15px; }
    .home-1 .container {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; }
    .home-1 .i2_img {
      padding-top: 25%;
      padding-bottom: 24%; }
    .home-1 .full-container {
      padding: 0 30px; }
    .home-1 .row_top {
      left: 8%; }
    .home-1 .newsletter {
      padding-left: 15px; }
    .home-1 .row_top {
      width: 91%; }
    .home-1 .affixx {
      top: 0px !important;
      padding-top: 20px; } }
  @media screen and (max-width: 1024px) {
    .home-1 .affixx .sidenav {
      padding-right: 15px; }
    .home-1 .affixx .logo {
      padding-left: 15px; }
    .home-1 .testimonials {
      padding-top: 50px; }
    .home-1 .unlimited {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .home-1 .blog {
      padding: 50px 0; }
    .home-1 .unlimited .welcome p {
      padding-bottom: 5px; }
    .home-1 .welcome .button {
      padding-bottom: 20px; }
    .home-1 .testimonials .p {
      padding: 0 15% 10px; }
    .home-1 .button1 {
      padding-top: 6px; }
    .home-1 .row_video {
      top: 60%; }
    .home-1 .sidenav a {
      padding: 8px 8px 8px 32px; }
    .home-1 .navbar-nav {
      float: none; }
    .home-1 .pull-right {
      padding-top: 6px;
      padding-right: 25px; }
    .home-1 .affixx {
      padding-bottom: 10px !important; }
    .home-1 .header-mobi {
      display: block; }
    .home-1 .header-lap {
      display: none; }
    .home-1 .layer .row_top h1 {
      font-size: 50px; }
    .home-1 .counter .col-md-3 {
      padding: 0 60px; }
    .home-1 .services div .pos {
      top: 400px; }
    .home-1 .services .product {
      padding-top: 55px; }
    .home-1 .services .design {
      padding-top: 51px; }
    .home-1 .services .testing {
      padding-top: 43px; }
    .home-1 .porfo .porfolio {
      padding: 50px 15px; }
    .home-1 .video .row_video .video1 p {
      padding-top: 15px;
      font-size: 40px; }
    .home-1 .button-proje {
      margin-top: 15px; }
    .home-1 .create_create_img .row .create h1 {
      font-size: 40px; }
    .home-1 .servic .development {
      padding: 0 40px;
      padding-bottom: 38px; }
    .home-1 .servic .identity {
      padding: 0 40px;
      padding-bottom: 40px; }
    .home-1 .servic .design {
      padding: 0 40px;
      padding-bottom: 32px; }
    .home-1 .servic .appdevelopment {
      padding: 0 40px;
      padding-top: 34px; }
    .home-1 .servic .marketing {
      padding: 0 40px;
      padding-top: 40px; }
    .home-1 .servic .creation {
      padding: 0 40px;
      padding-top: 47px; }
    .home-1 .what .what_we .i2_img {
      padding-top: 21%;
      padding-bottom: 20%; }
    .home-1 .brand_logo {
      width: 95%; }
    .home-1 .button_rea {
      margin-top: 0; }
    .home-1 .testimonials .p {
      padding: 0 15% 10px; }
    .home-1 .testimonials .pp {
      padding: 0 15%; }
    .home-1 .servic {
      padding: 50px 0; }
    .home-1 .what .what_we {
      padding: 50px 15px; }
    .home-1 .footer .full-container .footer1 {
      padding-top: 50px; } }
  @media screen and (max-width: 992px) {
    .home-1 .create_create_img .row .create {
      width: 100%;
      padding-left: 30px;
      padding-top: 30px;
      padding-bottom: 50px; }
    .home-1 .create_create_img .row .create_img {
      width: 100%;
      padding-right: 0; }
    .home-1 .cuter .counter {
      padding: 50px 0; }
    .home-1 .video .row_video {
      top: 59%; }
    .home-1 .services div .pos {
      top: 370px; }
    .home-1 .unlimited .welcome h1 {
      font-size: 40px; }
    .home-1 .unlimited .website {
      padding-left: 15px;
      padding-bottom: 15px; }
    .home-1 .unlimited .customer {
      padding-left: 15px;
      padding-bottom: 50px; }
    .home-1 .unlimited .development {
      padding-left: 15px; }
    .home-1 .unlimited .branding {
      padding-left: 15px; }
    .home-1 .unlimited .website h4 {
      padding: 9px 0; }
    .home-1 .unlimited .branding h4 {
      padding: 10px 0; }
    .home-1 .unlimited .development h4 {
      padding: 10px 0; }
    .home-1 .unlimited .customer h4 {
      padding: 10px 0; }
    .home-1 .row_top {
      width: 93%; }
    .home-1 .img_porfolio .wrap {
      margin-right: -15px; }
    .home-1 .create_create_img .row .create h1 {
      font-size: 35px; }
    .home-1 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .home-1 .what .what_we .i2_img {
      padding-top: 20%;
      padding-bottom: 18.8%;
      font-size: 14px; }
    .home-1 .button_rea {
      height: 38px; }
    .home-1 .our-recent {
      padding-bottom: 30px; }
    .home-1 .servic .col-md-12 p {
      padding-bottom: 30px; }
    .home-1 .servic .identity {
      border-right: 1px solid #ebebeb; }
    .home-1 .servic .marketing {
      border-left: 1px solid #ebebeb; }
    .home-1 .servic .appdevelopment {
      border-bottom: none; } }
  @media screen and (max-width: 813px) {
    .home-1 .testimonials {
      padding-bottom: 400px; }
    .home-1 .video .row_video {
      top: 55%; } }
  @media screen and (max-width: 768px) {
    .home-1 .navbar-inverse .navbar-nav > li > a {
      margin-right: 10px; }
    .home-1 .row_top h1 {
      font-size: 36px; }
    .home-1 .row_top {
      left: 5%;
      width: 95%; }
    .home-1 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .home-1 .layer .row_top div p {
      padding-top: 10px;
      line-height: 150%; }
    .home-1 .unlimited {
      padding-bottom: 100px;
      padding-top: 100px; }
    .home-1 .unlimited .welcome h1 {
      font-size: 40px; }
    .home-1 .welcome {
      padding-bottom: 50px; }
    .home-1 .unlimited .welcome p {
      padding-right: 27%; }
    .home-1 .testimonials .chuky {
      margin-top: 20px; }
    .home-1 .testimonials {
      padding-bottom: 250px;
      padding-top: 100px; }
    .home-1 .services div div p {
      padding: 0 15px;
      font-size: 14px; }
    .home-1 .services .product {
      padding-top: 40px;
      padding-bottom: 35px; }
    .home-1 .services .design {
      padding-top: 37px;
      padding-bottom: 35px; }
    .home-1 .services .testing {
      padding-top: 29px;
      padding-bottom: 35px; }
    .home-1 .services div .pos {
      top: 390px; }
    .home-1 .button-proje {
      width: 210px; }
    .home-1 .video .row_video .video1 p {
      font-size: 30px;
      padding-bottom: 0; }
    .home-1 .button_play {
      width: 60px;
      height: 60px; }
    .home-1 .counter .col-md-3 {
      padding: 0 30px; }
    .home-1 .counter {
      padding: 50px 0; }
    .home-1 .counter1 {
      margin-right: 0;
      margin-left: 0px; }
    .home-1 .porfolio {
      padding: 100px 0; }
    .home-1 .porfolio h1 {
      font-size: 40px; }
    .home-1 .tabs {
      padding-right: 0px; }
    .home-1 .porfolio .row {
      margin-right: 0;
      margin-left: 0; }
    .home-1 .img_porfolio .wrap {
      margin-right: 0; }
    .home-1 .our-recent {
      padding-bottom: 30px;
      padding-left: 15px;
      text-align: center; }
    .home-1 .create_create_img .row .create h1 {
      font-size: 24px; }
    .home-1 .servic {
      padding: 100px 0; }
    .home-1 .porfo .porfolio .col-md-4 .some {
      line-height: 150%; }
    .home-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 40px; }
    .home-1 .servic .row {
      margin-right: 0;
      margin-left: 0; }
    .home-1 .servic .col-md-4 p {
      font-size: 14px; }
    .home-1 .servic .development {
      padding: 0 14px 38px 15px; }
    .home-1 .servic .identity {
      padding: 0 15px 40px 15px; }
    .home-1 .servic .design {
      padding: 0 15px 32px 15px; }
    .home-1 .servic .appdevelopment {
      padding: 34px 15px 0 15px; }
    .home-1 .servic .marketing {
      padding: 40px 14px 0 15px; }
    .home-1 .servic .creation {
      padding: 47px 15px 0 15px; }
    .home-1 .what_we .col-md-12 h1 {
      font-size: 40px; }
    .home-1 .what .what_we .i2_img {
      font-size: 14px;
      padding: 0 15px;
      line-height: 150%;
      padding-top: 9.25%;
      padding-bottom: 12%; }
    .home-1 .what_we a {
      font-size: 18px; }
    .home-1 .i1_name p {
      padding-top: 5px;
      font-size: 14px; }
    .home-1 .i2_name p {
      padding-top: 5px;
      font-size: 14px; }
    .home-1 .i3_name p {
      padding-top: 5px;
      font-size: 14px; }
    .home-1 .what_we {
      padding: 100px 0; }
    .home-1 .what_we .row {
      margin-right: 0;
      margin-left: 0; }
    .home-1 .blog .col-md-12 h1 {
      font-size: 40px; }
    .home-1 .blog_name a {
      font-size: 17px; }
    .home-1 .what .what_we p {
      font-size: 14px;
      padding-top: 10px;
      line-height: 150%; }
    .home-1 .blog_name h5 {
      padding-bottom: 5px; }
    .home-1 .blog {
      padding: 100px 0; }
    .home-1 .logo_footer, .home-1 .links, .home-1 .recent_post {
      padding-right: 40px;
      padding-bottom: 60px; }
    .home-1 .logo_footer > span {
      margin-bottom: 20px; }
    .home-1 .links ul {
      -webkit-padding-start: 10px; }
    .home-1 .links > p {
      padding-bottom: 20px;
      padding-left: 10px; }
    .home-1 .recent_post > p {
      padding-bottom: 20px; }
    .home-1 .newsletter > p {
      padding-bottom: 20px; }
    .home-1 .servic .identity {
      border-right: none;
      border-left: none; }
    .home-1 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .home-1 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .home-1 .servic .marketing {
      border-left: none; }
    .home-1 .servic .development {
      border-right: 1px solid #ebebeb; } }
  @media (min-width: 767px) and (max-width: 900px) {
    .home-1 .brand .brand_logo .brand-logo img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .home-1 .affixx .sidenav {
      padding-right: 15px; }
    .home-1 .affixx .logo {
      padding-left: 15px; }
    .home-1 .i1 {
      padding-bottom: 50px; }
    .home-1 .what .what_we .i2_img p {
      padding: 0 25%; }
    .home-1 .i2 {
      padding-bottom: 50px; }
    .home-1 .brand .brand_logo .clear-left {
      clear: left; }
    .home-1 .brand .brand_logo .brand-logo {
      width: 33.3333%;
      text-align: center;
      padding-bottom: 20px; }
    .home-1 .brand1 {
      text-align: right; }
    .home-1 .blog .col-xs-12 {
      padding-bottom: 60px; }
    .home-1 .counter1 .col-xs-6 {
      padding: 15px;
      padding-left: 15%; }
    .home-1 .nav-tabs > li {
      padding-right: 0; }
    .home-1 .services .product {
      padding-bottom: 30px;
      padding-top: 30px; }
    .home-1 .services .design {
      padding: 26px 25% 30px 25%; }
    .home-1 .services .testing {
      padding: 17px 25% 30px 25%; }
    .home-1 .video .row_video .video1 p {
      padding-top: 35px;
      margin-bottom: 10px; }
    .home-1 .video .row_video {
      top: 50%; }
    .home-1 .modal-dialog {
      width: 97%; }
    .home-1 .services div .pos {
      position: inherit;
      top: 0; }
    .home-1 .services .product {
      background: #f2f2f2; }
    .home-1 .services .product {
      padding: 30px 25%; }
    .home-1 .testimonials {
      padding-bottom: 100px; }
    .home-1 .logo_footer, .home-1 .links, .home-1 .recent_post, .home-1 .newsletter {
      width: 50%; }
    .home-1 .blog {
      padding-top: 50px;
      padding-bottom: 0; }
    .home-1 .footer1 {
      padding: 50px 0; }
    .home-1 .recent_post ul {
      -webkit-padding-start: 0; }
    .home-1 .recent_post > p {
      padding-left: 0; }
    .home-1 .img_porfolio .col-xs-12 {
      width: 50%; } }
  @media screen and (max-width: 680px) {
    .home-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 30px; }
    .home-1 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .home-1 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .home-1 .modal .modal-dialog .modal-content {
      padding: 0; }
    .home-1 .counter1 .col-xs-6 {
      padding: 15px;
      padding-left: 15%; }
    .home-1 .header-mobi {
      display: block; }
    .home-1 .row_top h1 {
      font-size: 30px; }
    .home-1 .layer .row_top div p {
      font-size: 14px;
      padding-top: 0; }
    .home-1 .affixx {
      padding-top: 15px !important; }
    .home-1 .welcome {
      padding-bottom: 60px; }
    .home-1 .unlimited .welcome h1 {
      font-size: 30px; }
    .home-1 .services .product {
      padding-bottom: 30px;
      padding-top: 30px; }
    .home-1 .services .design {
      padding-top: 26px;
      padding-bottom: 30px; }
    .home-1 .services .testing {
      padding-top: 17px;
      padding-bottom: 30px; }
    .home-1 .video .row_video .video1 p {
      padding-top: 5px; }
    .home-1 .porfolio h1 {
      font-size: 30px;
      margin-top: 15px; }
    .home-1 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .home-1 .create_create_img .row .create h1 {
      margin-top: 5px; }
    .home-1 .create_create_img .row .create p {
      margin-bottom: 0;
      line-height: 140%; }
    .home-1 .servic .col-md-12 p {
      font-size: 30px; }
    .home-1 .what_we .col-md-12 h1 {
      font-size: 30px; }
    .home-1 .blog .col-md-12 h1 {
      font-size: 30px; }
    .home-1 .modal-dialog {
      width: 97%; }
    .home-1 .brand .brand_logo {
      padding: 50px 15px; }
    .home-1 .services div div p {
      padding: 0 5px;
      line-height: 150%; }
    .home-1 .services h3 {
      font-size: 18px;
      padding-bottom: 5px; }
    .home-1 .testimonials .p {
      padding: 0 9% 10px; }
    .home-1 .testimonials .pp {
      padding: 0 7%; } }
  @media screen and (max-width: 568px) {
    .home-1 .layer .row_top h1 {
      margin-top: 0; }
    .home-1 .row_top h1 {
      font-size: 24px; }
    .home-1 .layer .row_top div p {
      font-size: 14px;
      width: 103%; }
    .home-1 .button_see {
      font-size: 12px;
      width: 160px;
      margin-top: 0; }
    .home-1 .button_see span {
      margin-top: 7px;
      margin-right: 10px; }
    .home-1 .unlimited {
      padding: 50px 15px; }
    .home-1 .unlimited .welcome h1 {
      font-size: 24px;
      padding-bottom: 0; }
    .home-1 .unlimited .welcome p {
      font-size: 14px;
      line-height: 150%;
      padding-right: 0; }
    .home-1 .unlimited .customer h4 {
      font-size: 18px; }
    .home-1 .unlimited .customer p {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .unlimited .development h4 {
      font-size: 18px; }
    .home-1 .unlimited .development p {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .unlimited .website h4 {
      font-size: 18px; }
    .home-1 .unlimited .website p {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .unlimited .branding h4 {
      font-size: 18px; }
    .home-1 .unlimited .branding p {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .testimonials {
      padding-top: 50px; }
    .home-1 .testimonials .p {
      font-size: 24px; }
    .home-1 .testimonials .file {
      margin-left: 0; }
    .home-1 .testimonials .pp {
      font-size: 14px;
      line-height: 150%; }
    .home-1 .services h3 {
      font-size: 18px;
      padding-bottom: 0px; }
    .home-1 .services div div p {
      line-height: 150%; }
    .home-1 .services div {
      top: 0; }
    .home-1 .pos {
      top: 270px; }
    .home-1 .porfo .img_porfolio .col-md-6 {
      padding: 5px; }
    .home-1 .video .row_video .video1 p {
      font-size: 24px; }
    .home-1 .button-proje {
      padding-left: 10px;
      width: 170px;
      height: 35px;
      margin-top: 10px; }
    .home-1 .porfolio {
      padding: 50px 0; }
    .home-1 .porfolio h1 {
      font-size: 24px; }
    .home-1 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .home-1 .nav-tabs a {
      font-size: 12px; }
    .home-1 .create_create_img .row.create_img {
      width: 100%;
      padding-right: 0; }
    .home-1 .create_create_img .row .create {
      width: 95%;
      padding-bottom: 30px; }
    .home-1 .create_create_img .row .create h5 {
      padding-top: 30px;
      padding-bottom: 10px; }
    .home-1 .create_create_img .row .create p {
      line-height: 150%;
      padding-bottom: 20px; }
    .home-1 .servic {
      padding: 50px 0; }
    .home-1 .servic .col-md-12 p {
      font-size: 24px; }
    .home-1 .servic h4 {
      font-size: 18px; }
    .home-1 .servic p {
      line-height: 150%; }
    .home-1 .what .what_we {
      padding: 50px 0; }
    .home-1 .what .what_we .i2_img {
      padding-top: 11.4%; }
    .home-1 .blog .col-xs-4 {
      padding: 0 10px; }
    .home-1 .brand .brand_logo .brand-logo {
      width: 100%;
      text-align: center;
      padding-bottom: 30px; }
    .home-1 .logo_footer, .home-1 .links, .home-1 .recent_post, .home-1 .newsletter {
      width: 100%;
      padding-right: 20%;
      padding-left: 20%; }
    .home-1 .what_we .col-md-12 h1 {
      font-size: 24px; }
    .home-1 .blog .col-md-12 h1 {
      font-size: 24px; }
    .home-1 iframe {
      height: 300px; }
    .home-1 .counter1 .col-md-3 .counte {
      font-size: 24px;
      margin-top: 10px; } }
  @media screen and (max-width: 480px) {
    .home-1 .row_video .col-md-12 {
      padding: 0 10px; }
    .home-1 .what .what_we .i2_img p {
      padding: 0 5%; }
    .home-1 .affixx .logo span {
      margin-left: 0 !important; }
    .home-1 .row_video {
      top: 50%; }
    .home-1 .img_porfolio .col-xs-12 {
      width: 100%; }
    .home-1 .servic h4 {
      font-size: 16px; }
    .home-1 .i2_img p {
      padding: 0; }
    .home-1 .servic .development {
      padding-bottom: 15px; }
    .home-1 .servic .identity {
      padding-bottom: 17px; }
    .home-1 .servic .design {
      padding-bottom: 15px; }
    .home-1 .servic .appdevelopment {
      padding-bottom: 13px; }
    .home-1 .marketing p {
      margin-bottom: 0; }
    .home-1 .logo {
      padding-left: 15px; }
    .home-1 .sidenav {
      padding-right: 0; }
    .home-1 .modal-dialog {
      width: 94%; }
    .home-1 .affixx {
      position: inherit !important;
      background: #333 !important; }
    .home-1 .button_see {
      height: 30px;
      font-size: 12px;
      width: 120px;
      padding-left: 10px; }
    .home-1 .pos div {
      padding: 30px 10% !important; }
    .home-1 .button_play {
      width: 40px;
      height: 40px; }
    .home-1 .video .row_video .video1 {
      left: 0;
      width: 100%; }
    .home-1 .video .row_video .video1 > p {
      font-size: 18px; }
    .home-1 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .home-1 .button_see span {
      width: 15px; }
    .home-1 .counter1 .col-xs-6 {
      padding-left: 7%; }
    .home-1 .nav-tabs > li > a {
      font-size: 14px;
      letter-spacing: 1px;
      margin-right: 0; }
    .home-1 .nav-tabs > li {
      padding-left: 9px; }
    .home-1 .nav_main > .nav-tabs a {
      letter-spacing: 0 !important;
      padding-right: 5px; }
    .home-1 .logo_footer, .home-1 .links, .home-1 .recent_post, .home-1 .newsletter {
      padding-right: 5%;
      padding-left: 5%; }
    .home-1 .servic .identity {
      padding: 15px 15px 40px 15px; }
    .home-1 .servic .marketing {
      padding: 40px 14px 20px 15px; }
    .home-1 .layer .row_top {
      top: 62%;
      left: 3%;
      width: 100%; }
    .home-1 .unlimited .col-xs-6 {
      width: 100%; }
    .home-1 .unlimited .customer {
      padding-bottom: 15px; }
    .home-1 .our-recent {
      padding: 0 0 30px 0; }
    .home-1 .img_porfolio .col-xs-6 {
      width: 100%; } }
  @media screen and (max-width: 320px) {
    .home-1 .porfolio .nav_main {
      margin-left: 0 !important; } }

.home-2 {
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*mobi*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .home-2 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px;
    overflow: visible !important; }
  .home-2 .compensate-for-scrollbar {
    margin-right: 0 !important; }
  .home-2 * {
    box-sizing: border-box;
    outline: 0 !important; }
  .home-2 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .home-2 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .home-2 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .home-2 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-2 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .home-2 .sidenav a:hover {
    color: #b6aeae; }
  .home-2 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .home-2 .button_rea:hover {
      opacity: 0.7; }
    .home-2 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .home-2 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-2 .layer {
    position: relative; }
    .home-2 .layer img {
      width: 100%; }
  .home-2 .row_header {
    position: fixed;
    z-index: 1;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .home-2 .phone_top {
    padding-right: 80px;
    padding-top: 10px; }
    .home-2 .phone_top .pull-right {
      cursor: pointer;
      padding: 15px;
      padding-top: 3px; }
      .home-2 .phone_top .pull-right i {
        color: #fff;
        font-size: 20px; }
    .home-2 .phone_top span {
      float: right;
      border-right: 1px solid #a6a6a6;
      font-size: 16px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 300;
      padding-right: 20px;
      padding-left: 20px; }
    .home-2 .phone_top .phonee {
      background-image: url(../img/phone.png);
      height: 20px;
      width: 20px;
      display: inline-block;
      border-right: none !important;
      padding-left: 0 !important; }
  .home-2 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    padding-top: 50px; }
  .home-2 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .home-2 .affixx .logo {
      text-align: center; }
      .home-2 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .home-2 .affixx .navba {
      padding-left: 80px;
      padding-right: 0; }
      .home-2 .affixx .navba .navbar-inverse {
        border: none;
        background: transparent; }
        .home-2 .affixx .navba .navbar-inverse .navbar-nav li {
          margin-left: 13px;
          margin-right: 13px; }
          .home-2 .affixx .navba .navbar-inverse .navbar-nav li:hover ul {
            height: auto;
            visibility: visible;
            opacity: 1;
            transition: all 0.4s;
            overflow: visible;
            top: 103%; }
          .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap {
            background: #fff;
            display: inline-block;
            vertical-align: middle;
            padding: 10px 0;
            border: 1px solid #e9e9e9;
            list-style: none;
            height: 0px;
            top: 150%;
            visibility: hidden;
            overflow: hidden;
            opacity: 0;
            width: 160px;
            border-bottom: 1px solid;
            z-index: 1;
            position: absolute;
            margin-left: -15px; }
            .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap li {
              padding: 10px 5px; }
              .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap li:hover {
                border: none; }
              .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap li a {
                height: 0px;
                font-family: roboto condensed;
                font-weight: 700;
                color: #909090;
                transition: 0.3s;
                font-size: 14px; }
                .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap li a:hover {
                  border: 0;
                  text-decoration: none;
                  color: #b6aeae;
                  opacity: .7; }
          .home-2 .affixx .navba .navbar-inverse .navbar-nav li a {
            color: #fff;
            font-family: roboto condensed;
            font-weight: 700;
            font-size: 14px;
            letter-spacing: 1px;
            padding-right: 0;
            padding-left: 0; }
            .home-2 .affixx .navba .navbar-inverse .navbar-nav li a:hover {
              border-bottom: 1px solid #fc6955; }
        .home-2 .affixx .navba .navbar-inverse .navbar-nav .active {
          border-bottom: 1px solid #fc6955; }
          .home-2 .affixx .navba .navbar-inverse .navbar-nav .active a:hover {
            background: transparent; }
  .home-2 .sile1 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .home-2 .sile1 .row_top {
      margin-right: 0;
      margin-left: 0; }
      .home-2 .sile1 .row_top .we_are {
        padding: 0 70px; }
        .home-2 .sile1 .row_top .we_are h1 {
          font-family: roboto condensed;
          font-size: 90px;
          color: #fff;
          font-weight: 700;
          padding: 0 17%; }
        .home-2 .sile1 .row_top .we_are p {
          line-height: 170%;
          font-size: 18px;
          color: #fff;
          line-height: 185%; }
  .home-2 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .home-2 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .home-2 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .home-2 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .home-2 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .home-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .home-2 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .home-2 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .home-2 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .home-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .home-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .home-2 .who_we_are {
    padding: 150px 0; }
    .home-2 .who_we_are .who_are {
      padding-bottom: 50px;
      text-align: center; }
      .home-2 .who_we_are .who_are h5 {
        font-weight: 700;
        letter-spacing: 2px;
        color: #909090;
        font-family: roboto condensed; }
      .home-2 .who_we_are .who_are h1 {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 50px;
        padding-top: 10px;
        padding-bottom: 20px; }
      .home-2 .who_we_are .who_are p {
        font-size: 16px;
        color: #909090; }
    .home-2 .who_we_are .we_01 {
      padding: 0 50px; }
      .home-2 .who_we_are .we_01 span {
        color: #fc6a55; }
      .home-2 .who_we_are .we_01 h4 {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 20px;
        padding-bottom: 20px; }
      .home-2 .who_we_are .we_01 p {
        font-size: 16px;
        color: #909090;
        line-height: 180%; }
  .home-2 .careate {
    position: relative; }
    .home-2 .careate img {
      width: 100%; }
    .home-2 .careate .carea {
      position: absolute;
      top: 0;
      width: 50%;
      right: 0;
      bottom: 0;
      padding: 80px; }
      .home-2 .careate .carea .cust {
        background: #202737;
        padding: 15% 10%;
        height: 100%; }
        .home-2 .careate .carea .cust h1 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 50px;
          padding-top: 10px;
          padding-bottom: 20px;
          color: #fff; }
        .home-2 .careate .carea .cust p {
          font-size: 16px;
          color: #909090;
          line-height: 185%; }
        .home-2 .careate .carea .cust h5 {
          font-weight: 700;
          letter-spacing: 2px;
          color: #909090;
          font-family: roboto condensed;
          text-transform: uppercase; }
  .home-2 .feedback {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 150px; }
    .home-2 .feedback .feeb {
      font-size: 350px;
      text-align: center;
      font-family: roboto condensed;
      font-weight: 700;
      position: absolute;
      opacity: 0.1;
      color: #909090;
      padding-top: 225px;
      letter-spacing: 20px;
      width: 100%; }
    .home-2 .feedback .slide_main .test {
      text-align: center;
      padding-top: 140px; }
      .home-2 .feedback .slide_main .test h5 {
        font-weight: 700;
        letter-spacing: 2px;
        color: #909090;
        font-family: roboto condensed; }
      .home-2 .feedback .slide_main .test p {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 50px;
        padding-top: 10px;
        padding-bottom: 70px; }
    .home-2 .feedback .information .lazy {
      padding: 0 50px;
      margin: 0 80px !important; }
      .home-2 .feedback .information .lazy h3 {
        font-family: roboto condensed;
        line-height: 150%;
        padding-top: 20px; }
      .home-2 .feedback .information .lazy p {
        padding-top: 30px;
        font-weight: 700;
        font-family: roboto condensed;
        margin-bottom: 0; }
      .home-2 .feedback .information .lazy h5 {
        font-weight: 300;
        color: #909090;
        font-family: roboto; }
    .home-2 .feedback .slick-prev:before {
      content: url(../img/prev.png) !important; }
    .home-2 .feedback .slick-next:before {
      content: url(../img/next.png) !important; }
  .home-2 .slick-slide img {
    display: inline-block !important; }
  .home-2 .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2; }
  .home-2 .slick-active {
    opacity: .5; }
  .home-2 .slick-current {
    opacity: 1; }
  .home-2 .porfolio {
    padding: 80px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 65px; }
  .home-2 .porfolio .col-md-8 {
    padding-right: 0; }
  .home-2 .porfolio .col-md-12 {
    padding-right: 0;
    padding-bottom: 20px; }
  .home-2 .porfolio .col-md-pull-8 {
    padding: 237px 120px;
    background: #202737;
    margin-top: 15px; }
    .home-2 .porfolio .col-md-pull-8 h1 {
      font-family: roboto condensed;
      font-weight: 700;
      font-size: 50px;
      padding-top: 10px;
      padding-bottom: 20px;
      color: #fff; }
    .home-2 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      color: #909090;
      line-height: 185%; }
    .home-2 .porfolio .col-md-pull-8 h5 {
      font-weight: 700;
      letter-spacing: 2px;
      color: #909090;
      font-family: roboto condensed; }
  .home-2 .porfolio .nav_main {
    float: right; }
    .home-2 .porfolio .nav_main .nav-tabs {
      background: transparent;
      border: none; }
      .home-2 .porfolio .nav_main .nav-tabs li {
        padding-left: 15px;
        padding-right: 25px;
        float: left;
        margin-bottom: -1px; }
        .home-2 .porfolio .nav_main .nav-tabs li a {
          font-family: roboto condensed;
          font-weight: 400;
          color: #909090;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .home-2 .porfolio .nav_main .nav-tabs li a:hover {
            border-color: #fff;
            color: #333333; }
      .home-2 .porfolio .nav_main .nav-tabs .active > a {
        color: black;
        background: transparent;
        border-bottom: 1px solid #fc6955 !important;
        transition: 0.4s;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important; }
    .home-2 .porfolio .nav_main .nav > li > a:hover {
      background: transparent; }
  .home-2 .porfolio .img_porfolio .col-md-4 {
    padding: 15px; }
  .home-2 .porfolio .img_porfolio .item {
    position: relative;
    overflow: hidden; }
    .home-2 .porfolio .img_porfolio .item:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
    .home-2 .porfolio .img_porfolio .item img {
      width: 100%;
      transition: .4s;
      cursor: pointer; }
  .home-2 .porfolio .img_porfolio .button-pro {
    text-align: center;
    padding-top: 10%; }
  .home-2 .servic {
    text-align: center;
    padding: 150px 0; }
    .home-2 .servic .row {
      margin-right: 0; }
    .home-2 .servic .col-md-12 h5 {
      color: #909090;
      font-weight: 700;
      letter-spacing: 2px;
      font-family: roboto condensed; }
    .home-2 .servic .col-md-12 p {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px; }
    .home-2 .servic .col-md-4 p {
      font-size: 16px;
      line-height: 185%;
      color: #909090; }
    .home-2 .servic .col-md-4 h4 {
      font-family: roboto condensed;
      font-weight: 700;
      font-size: 20px; }
    .home-2 .servic .development {
      padding: 0 45px;
      padding-bottom: 58px;
      border-bottom: 1px solid #ebebeb; }
      .home-2 .servic .development span {
        background-image: url(../img/web.png);
        height: 54px;
        width: 56px;
        display: inline-block; }
    .home-2 .servic .identity {
      padding: 0 44px;
      padding-bottom: 60px;
      border-bottom: 1px solid #ebebeb;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb; }
      .home-2 .servic .identity span {
        background-image: url(../img/logoiden.png);
        height: 52px;
        width: 53px;
        display: inline-block; }
    .home-2 .servic .design {
      padding: 0 45px;
      padding-bottom: 52px;
      border-bottom: 1px solid #ebebeb; }
      .home-2 .servic .design span {
        background-image: url(../img/garphics.png);
        height: 70px;
        width: 48px;
        display: inline-block;
        margin-top: -10px; }
    .home-2 .servic .appdevelopment {
      padding: 0 45px;
      padding-top: 60px; }
      .home-2 .servic .appdevelopment span {
        background-image: url(../img/app.png);
        height: 60px;
        width: 60px;
        display: inline-block; }
    .home-2 .servic .marketing {
      padding: 0 45px;
      padding-top: 60px;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb; }
      .home-2 .servic .marketing span {
        background-image: url(../img/social.png);
        height: 53px;
        width: 49px;
        display: inline-block; }
    .home-2 .servic .creation {
      padding: 0 44px;
      padding-top: 60px; }
      .home-2 .servic .creation span {
        background-image: url(../img/content.png);
        height: 46px;
        width: 65px;
        display: inline-block; }
  .home-2 .video {
    text-align: center;
    position: relative; }
    .home-2 .video .layer2 img {
      width: 100%; }
    .home-2 .video .row_video {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .home-2 .video .row_video .video1 p {
        font-size: 50px;
        font-weight: 700;
        color: #fff;
        font-family: roboto condensed;
        padding-bottom: 10px;
        padding-top: 60px; }
      .home-2 .video .row_video .video1 .button_play {
        border-radius: 50%;
        background: #858688;
        display: inline-block;
        text-decoration: none !important;
        width: 85px;
        height: 85px;
        border: none;
        outline: 0;
        transition: all .4s; }
        .home-2 .video .row_video .video1 .button_play:hover {
          background: #909090; }
        .home-2 .video .row_video .video1 .button_play i {
          color: #fff;
          font-size: 20px;
          display: inline-block;
          padding: 38%; }
  .home-2 .cuter {
    background: #f2f2f2;
    border-bottom: 1px solid #ebebeb; }
    .home-2 .cuter .counter {
      padding: 90px 0; }
      .home-2 .cuter .counter .counter1 {
        margin-left: 0;
        margin-right: 0; }
        .home-2 .cuter .counter .counter1 .col-md-3 p {
          font-size: 14px;
          font-family: roboto condensed;
          color: #909090;
          letter-spacing: 1px; }
        .home-2 .cuter .counter .counter1 .col-md-3 .counte {
          font-weight: 700;
          font-size: 40px;
          font-family: roboto condensed; }
        .home-2 .cuter .counter .counter1 .col-md-3 span {
          height: 30px;
          border-left: 1px solid #fa6c54; }
  .home-2 .blog {
    padding: 150px 0; }
    .home-2 .blog .col-md-12 h5 {
      font-weight: 700;
      color: #909090;
      font-family: roboto condensed;
      text-align: center;
      letter-spacing: 2px; }
    .home-2 .blog .col-md-12 h1 {
      font-weight: 700;
      font-size: 50px;
      font-family: roboto condensed;
      padding-top: 10px;
      padding-bottom: 60px;
      text-align: center; }
    .home-2 .blog .col-md-4 .blog_img {
      position: relative;
      overflow: hidden; }
      .home-2 .blog .col-md-4 .blog_img:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .home-2 .blog .col-md-4 .blog_img img {
        width: 100%;
        transition: all .4s; }
    .home-2 .blog .col-md-4 .blog_name {
      padding-top: 15px; }
      .home-2 .blog .col-md-4 .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 30px;
        line-height: 185%; }
      .home-2 .blog .col-md-4 .blog_name h5 {
        color: #909090;
        padding-bottom: 13px; }
      .home-2 .blog .col-md-4 .blog_name span {
        color: #fc6a53; }
      .home-2 .blog .col-md-4 .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
  .home-2 .footer #googlemap1 {
    width: 100%;
    height: 800px; }
  .home-2 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .home-2 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .home-2 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .home-2 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .home-2 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .home-2 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .home-2 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .home-2 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .home-2 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .home-2 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .home-2 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .home-2 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-2 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .home-2 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .home-2 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .home-2 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .home-2 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .home-2 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-2 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .home-2 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .home-2 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .home-2 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .home-2 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .home-2 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-2 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .home-2 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .home-2 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .home-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .home-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .home-2 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .home-2 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .home-2 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .home-2 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .home-2 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .home-2 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .home-2 .footer .full-container .footer2 {
      padding: 20px 0; }
      .home-2 .footer .full-container .footer2 .copy {
        color: #909090; }
      .home-2 .footer .full-container .footer2 .goto {
        text-align: right; }
        .home-2 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  .home-2 .header-mobi {
    display: none; }
  .home-2 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    left: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) 3px 20px 10px; }
    .home-2 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .home-2 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .home-2 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%; }
        .home-2 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .home-2 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .home-2 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .home-2 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .home-2 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .home-2 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .home-2 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .home-2 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .home-2 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .home-2 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .home-2 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .home-2 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .home-2 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .home-2 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-2 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .home-2 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-2 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .home-2 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-2 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .home-2 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-2 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .home-2 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-2 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .home-2 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .home-2 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-2 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-2 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .home-2 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .home-2 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .home-2 .side .phone_top {
      padding-top: 15px;
      color: #fff;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .home-2 .side .phone_top .phoneee {
        background-image: url(../img/phone.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .home-2 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .home-2 .sidenav a:hover {
    color: #f1f1f1; }
  .home-2 .button1 {
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .home-2 .button1 .butt {
      width: 30px; }
    .home-2 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .home-2 .child2 {
    margin: 5px 0; }
  .home-2 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .home-2 .pull-right {
    cursor: pointer; }
  .home-2 * {
    outline: none !important; }
  .home-2 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .home-2 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .home-2 .create {
      padding: 117px 30px; }
    .home-2 .careate .carea .cust {
      padding: 15px 10px; }
    .home-2 .carea {
      padding: 40px 80px; }
    .home-2 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .home-2 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .home-2 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .home-2 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .home-2 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .home-2 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .home-2 .affixx .navba {
      padding-left: 5px; }
    .home-2 .phone_top {
      padding-right: 5px; }
    .home-2 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .home-2 .counter1 .col-md-3 {
      padding-left: 8%; }
    .home-2 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .home-2 .feedback .feeb {
      font-size: 200px; }
    .home-2 .affixx .navba {
      padding-left: 15px; }
    .home-2 .phone_top {
      padding-right: 15px; }
    .home-2 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .home-2 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .home-2 .we_are {
      padding: 0 50px; }
    .home-2 .careate .carea .cust {
      padding: 10px 10px; }
    .home-2 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .home-2 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .home-2 .cust h1 {
      padding-bottom: 0; }
    .home-2 .cust p {
      line-height: 150%; }
    .home-2 .button_see {
      margin-top: 27px; }
    .home-2 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .home-2 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .home-2 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .home-2 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .home-2 .footer .full-container {
      padding: 0 15px; }
    .home-2 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .home-2 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .home-2 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .home-2 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .home-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-2 .contacts .contact {
      padding: 20px 0; }
    .home-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .home-2 .feedback .slide_main .test {
      padding-top: 50px; }
    .home-2 .phone_top {
      padding-top: 0; }
    .home-2 .phone_top .pull-right {
      padding: 5px; }
    .home-2 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .home-2 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .home-2 .affixx .sidenav .navbar .nav {
      float: none; }
    .home-2 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .home-2 .affixx {
      padding-bottom: 10px !important; }
    .home-2 .counter1 .col-md-3 {
      padding-left: 6%; }
    .home-2 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .home-2 .header-lap {
      display: none; }
    .home-2 .header-mobi {
      display: block; }
    .home-2 .feedback {
      padding-bottom: 50px; }
    .home-2 .cust h1 {
      font-size: 30px; }
    .home-2 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .home-2 .all-pro span {
      margin-right: 5px; }
    .home-2 .phone_top span {
      display: none; }
    .home-2 .phone_top .phonee {
      display: none; }
    .home-2 .who_we_are {
      padding: 50px 0; }
    .home-2 .blog {
      padding: 50px 0; }
    .home-2 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .home-2 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .home-2 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .home-2 .who_we_are .we_01 {
      padding: 0 15px; }
    .home-2 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .home-2 .porfolio .col-md-8 {
      padding-left: 0; }
    .home-2 .feedback .feeb {
      font-size: 130px; }
    .home-2 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-2 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .home-2 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .home-2 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-2 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .home-2 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .home-2 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .home-2 .links ul {
      -webkit-padding-start: 0px; }
    .home-2 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .home-2 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .home-2 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .home-2 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .home-2 .recent_post ul {
      -webkit-padding-start: 0px; }
    .home-2 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .home-2 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .home-2 .servic {
      padding-top: 50px; }
    .home-2 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .home-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .home-2 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .home-2 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .home-2 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .home-2 .row_top div p {
      line-height: 170%; }
    .home-2 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .home-2 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .home-2 .slide_main .test {
      padding-top: 100px; }
    .home-2 .img_porfolio .col-md-4 {
      width: 50%; }
    .home-2 .servic .col-md-4 {
      width: 50%; }
    .home-2 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .home-2 .blog .col-md-4 {
      width: 33.33333%; }
    .home-2 .button_see {
      margin-top: 10px; }
    .home-2 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .home-2 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .home-2 .button_rea {
      height: 38px;
      margin-top: 0; }
    .home-2 .footer .full-container .footer2 .copy {
      text-align: center; }
    .home-2 .footer .full-container .footer2 .goto {
      text-align: center; }
    .home-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .home-2 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .home-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-2 .feedback .information .lazy h3 {
      font-size: 20px; }
    .home-2 * h1 {
      font-size: 36px !important; }
    .home-2 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .home-2 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .home-2 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .home-2 .feedback .feeb {
      font-size: 100px; }
    .home-2 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .home-2 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .home-2 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .home-2 .who_we_are .who_are p {
      font-size: 14px; }
    .home-2 .careate .carea .cust h1 {
      font-size: 36px; }
    .home-2 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .home-2 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .home-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-2 .feedback .information .lazy h3 {
      font-size: 16px; }
    .home-2 .cuter .counter {
      padding: 50px 0 0 0; }
    .home-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .home-2 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .home-2 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .home-2 .porfolio {
      padding: 50px 0px; }
    .home-2 .button-proje {
      width: 210px; }
    .home-2 .video .row_video .video1 > p {
      font-size: 24px; }
    .home-2 .blog .col-md-12 h1 {
      font-size: 36px; }
    .home-2 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .home-2 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .home-2 .footer #googlemap1 {
      height: 400px; }
    .home-2 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-2 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .home-2 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .home-2 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .home-2 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .home-2 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .home-2 .side .navbar .list-group-item button {
      top: 0; }
    .home-2 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .home-2 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .home-2 .base {
      margin-left: 0 !important; }
    .home-2 .baseright {
      margin-left: 0 !important; }
    .home-2 .sile1 {
      top: 60%; }
    .home-2 .affixx {
      background: #333 !important; }
    .home-2 .affixx {
      padding-top: 20px !important; }
    .home-2 .feedback .feeb {
      font-size: 70px; }
    .home-2 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .home-2 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .home-2 .who_we_are .who_are h1 {
      font-size: 24px; }
    .home-2 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .home-2 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .home-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .home-2 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .home-2 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .home-2 .servic .col-md-12 p {
      font-size: 24px; }
    .home-2 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .home-2 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .home-2 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .home-2 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .home-2 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .home-2 .button_see {
      margin-top: 0; }
    .home-2 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .home-2 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .home-2 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .home-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-2 .feedback .slide_main .test p {
      font-size: 24px; }
    .home-2 .feedback .information .lazy h3 {
      font-size: 14px; }
    .home-2 * h1 {
      font-size: 24px !important; }
    .home-2 .affixx {
      position: inherit !important; }
    .home-2 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .home-2 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .home-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .home-2 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .home-2 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .home-2 .modal .modal-dialog .modal-content {
      padding: 0; }
    .home-2 .img_porfolio .col-md-4 {
      width: 100%; }
    .home-2 .feedback .feeb {
      letter-spacing: 6px; }
    .home-2 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .home-2 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .home-2 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .home-2 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .home-2 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .home-2 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .home-2 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .home-2 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .home-2 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .home-2 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .home-2 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .home-2 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .home-2 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .home-2 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .home-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-2 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .home-2 .servic .identity {
      padding-top: 20px; }
    .home-2 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .home-2 .porfolio .nav_main {
      float: left; }
    .home-2 .clear-375 {
      clear: left; } }

.home-3 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .home-3 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px;
    transition: all .4s; }
  .home-3 * {
    box-sizing: border-box; }
  .home-3 .sidenav a:hover {
    color: #b6aeae; }
  .home-3 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .home-3 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .home-3 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .home-3 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-3 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .home-3 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .home-3 .button_rea:hover {
      opacity: 0.7; }
    .home-3 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .home-3 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-3 .row_top {
    margin-right: 0; }
  .home-3 .row_header {
    position: fixed;
    z-index: 1;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .home-3 .phone_top {
    padding-right: 80px;
    padding-top: 10px; }
    .home-3 .phone_top .pull-right {
      cursor: pointer;
      padding: 15px;
      padding-top: 3px; }
      .home-3 .phone_top .pull-right i {
        color: #fff;
        font-size: 20px; }
    .home-3 .phone_top span {
      float: right;
      border-right: 1px solid #a6a6a6;
      font-size: 16px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 300;
      padding-right: 20px;
      padding-left: 20px; }
    .home-3 .phone_top .phonee {
      background-image: url(../img/phone.png);
      height: 20px;
      width: 20px;
      display: inline-block;
      border-right: none !important;
      padding-left: 0 !important; }
  .home-3 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    padding-top: 50px; }
  .home-3 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1;
    padding-bottom: 15px !important; }
    .home-3 .affixx .navba {
      padding-left: 80px; }
    .home-3 .affixx .logo {
      text-align: center; }
      .home-3 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
  .home-3 .layer {
    position: relative; }
  .home-3 .sile1 {
    position: absolute;
    width: 50%;
    top: 50%;
    transform: translate(0%, -50%);
    right: 0; }
    .home-3 .sile1 .we_are {
      padding-right: 70px;
      padding-left: 0; }
      .home-3 .sile1 .we_are h1 {
        font-family: roboto condensed;
        font-size: 90px;
        color: #fff;
        font-weight: 700; }
      .home-3 .sile1 .we_are p {
        font-size: 18px;
        color: #fff;
        line-height: 185%; }
  .home-3 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .home-3 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .home-3 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .home-3 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .home-3 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .home-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .home-3 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .home-3 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .home-3 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .home-3 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .home-3 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .home-3 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    left: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) 3px 20px 10px; }
    .home-3 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .home-3 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .home-3 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .home-3 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .home-3 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .home-3 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .home-3 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .home-3 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .home-3 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .home-3 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .home-3 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .home-3 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .home-3 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .home-3 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .home-3 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .home-3 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .home-3 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-3 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .home-3 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-3 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .home-3 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-3 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .home-3 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-3 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .home-3 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-3 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .home-3 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .home-3 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-3 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-3 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .home-3 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .home-3 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .home-3 .side .phone_top {
      padding-top: 15px;
      color: #fff;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .home-3 .side .phone_top .phoneee {
        background-image: url(../img/phone.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .home-3 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .home-3 .sidenav a:hover {
    color: #f1f1f1; }
  .home-3 .button1 {
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    font-size: 30px;
    cursor: pointer;
    float: left;
    padding-left: 15px; }
    .home-3 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .home-3 .child2 {
    margin: 5px 0; }
  .home-3 .servic_home3 {
    background: #f2f2f2; }
  .home-3 .servic {
    text-align: center;
    padding: 150px 0; }
    .home-3 .servic .col-md-12 h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .home-3 .servic .col-md-12 p {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px; }
    .home-3 .servic .development {
      padding-top: 15px;
      padding-bottom: 15px; }
      .home-3 .servic .development .backg_home3 {
        background: #fff;
        padding: 50px 30px 43px 30px; }
        .home-3 .servic .development .backg_home3 span {
          background-image: url(../img/web.png);
          height: 54px;
          width: 56px;
          display: inline-block; }
        .home-3 .servic .development .backg_home3 h4 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 20px; }
        .home-3 .servic .development .backg_home3 p {
          font-size: 16px;
          color: #909090; }
    .home-3 .servic .identity {
      padding-top: 15px;
      padding-bottom: 15px; }
      .home-3 .servic .identity .backg_home3 {
        background: #fff;
        padding: 52px 30px 43px 30px; }
        .home-3 .servic .identity .backg_home3 span {
          background-image: url(../img/logoiden.png);
          height: 52px;
          width: 52px;
          display: inline-block; }
        .home-3 .servic .identity .backg_home3 h4 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 20px; }
        .home-3 .servic .identity .backg_home3 p {
          font-size: 16px;
          color: #909090; }
    .home-3 .servic .design {
      padding-top: 15px;
      padding-bottom: 15px; }
      .home-3 .servic .design .backg_home3 {
        background: #fff;
        padding: 34px 30px 43px 30px; }
        .home-3 .servic .design .backg_home3 span {
          background-image: url(../img/garphics.png);
          height: 70px;
          width: 48px;
          display: inline-block; }
        .home-3 .servic .design .backg_home3 h4 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 20px; }
        .home-3 .servic .design .backg_home3 p {
          font-size: 16px;
          color: #909090; }
    .home-3 .servic .appdevelopment {
      padding-top: 15px;
      padding-bottom: 15px; }
      .home-3 .servic .appdevelopment .backg_home3 {
        background: #fff;
        padding: 44px 30px 43px 30px; }
        .home-3 .servic .appdevelopment .backg_home3 span {
          background-image: url(../img/app.png);
          height: 60px;
          width: 60px;
          display: inline-block; }
        .home-3 .servic .appdevelopment .backg_home3 h4 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 20px; }
        .home-3 .servic .appdevelopment .backg_home3 p {
          font-size: 16px;
          color: #909090; }
    .home-3 .servic .marketing {
      padding-top: 15px;
      padding-bottom: 15px; }
      .home-3 .servic .marketing .backg_home3 {
        background: #fff;
        padding: 51px 30px 43px 30px; }
        .home-3 .servic .marketing .backg_home3 span {
          background-image: url(../img/social.png);
          height: 53px;
          width: 49px;
          display: inline-block; }
        .home-3 .servic .marketing .backg_home3 h4 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 20px; }
        .home-3 .servic .marketing .backg_home3 p {
          font-size: 16px;
          color: #909090; }
    .home-3 .servic .creation {
      padding-top: 15px;
      padding-bottom: 15px; }
      .home-3 .servic .creation .backg_home3 {
        background: #fff;
        padding: 58px 30px 43px 30px; }
        .home-3 .servic .creation .backg_home3 span {
          background-image: url(../img/content.png);
          height: 46px;
          width: 65px;
          display: inline-block; }
        .home-3 .servic .creation .backg_home3 h4 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 20px; }
        .home-3 .servic .creation .backg_home3 p {
          font-size: 16px;
          color: #909090; }
  .home-3 .team {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 150px; }
    .home-3 .team .team1 h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .home-3 .team .team1 h1 {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px; }
    .home-3 .team .col-md-4 img {
      padding-bottom: 30px;
      width: 100%; }
    .home-3 .team .col-md-4 a {
      font-size: 18px;
      color: #333333;
      font-weight: 700;
      font-family: roboto condensed;
      padding-top: 30px;
      padding-bottom: 10px; }
    .home-3 .team .col-md-4 p {
      font-size: 18px;
      color: #909090;
      padding-top: 10px;
      font-family: roboto condensed; }
  .home-3 .unlimited {
    padding-bottom: 150px;
    text-align: center;
    margin-right: 0;
    margin-left: 0; }
    .home-3 .unlimited .website {
      background: #f2f2f2;
      padding: 130px 85px 101px 85px; }
      .home-3 .unlimited .website span {
        background-image: url(../img/Shape-1.png);
        height: 64px;
        width: 30px;
        display: inline-block; }
      .home-3 .unlimited .website h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .home-3 .unlimited .website p {
        font-size: 16px;
        font-weight: 400;
        color: #909090;
        line-height: 185%; }
    .home-3 .unlimited .customer {
      background: #fc6a55;
      color: #fff;
      padding: 130px 85px 103px 85px; }
      .home-3 .unlimited .customer span {
        background-image: url(../img/Shape-44.png);
        height: 47px;
        width: 67px;
        display: inline-block;
        margin-top: 15px; }
      .home-3 .unlimited .customer h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .home-3 .unlimited .customer p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%; }
    .home-3 .unlimited .development {
      background: #333333;
      color: #fff;
      padding: 130px 85px 103px 85px; }
      .home-3 .unlimited .development span {
        background-image: url(../img/Shape-33.png);
        height: 62px;
        width: 62px;
        display: inline-block; }
      .home-3 .unlimited .development h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .home-3 .unlimited .development p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%; }
    .home-3 .unlimited .branding {
      background: #000000;
      color: #fff;
      padding: 130px 85px 106px 85px; }
      .home-3 .unlimited .branding span {
        background-image: url(../img/Shape-22.png);
        height: 59px;
        width: 66px;
        display: inline-block; }
      .home-3 .unlimited .branding h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .home-3 .unlimited .branding p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%; }
  .home-3 .who_we_are {
    margin-right: 0;
    margin-left: 0; }
    .home-3 .who_we_are .weare {
      padding-left: 280px;
      padding-right: 85px; }
      .home-3 .who_we_are .weare h5 {
        color: #909090;
        font-weight: 700;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .home-3 .who_we_are .weare h1 {
        font-weight: 700;
        font-family: roboto condensed;
        font-size: 50px;
        padding-bottom: 20px;
        padding-top: 20px; }
      .home-3 .who_we_are .weare p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090; }
      .home-3 .who_we_are .weare .bar .skills_bar {
        width: 100%;
        background-color: #909090; }
        .home-3 .who_we_are .weare .bar .skills_bar .html {
          width: 92%;
          background-color: #fc6a55;
          height: 5px; }
        .home-3 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #fc6a55;
          height: 5px; }
        .home-3 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #fc6a55;
          height: 5px; }
      .home-3 .who_we_are .weare .bar p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090;
        padding-top: 20px;
        padding-bottom: 40px; }
        .home-3 .who_we_are .weare .bar p span {
          float: right; }
    .home-3 .who_we_are .col-md-6 .detop img {
      width: 100%; }
  .home-3 .porfolio {
    margin-right: 0;
    margin-left: 0; }
    .home-3 .porfolio .mock {
      padding-right: 0; }
      .home-3 .porfolio .mock .item {
        position: relative;
        overflow: hidden; }
        .home-3 .porfolio .mock .item:hover img {
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
      .home-3 .porfolio .mock img {
        width: 100%;
        transition: all .3s; }
    .home-3 .porfolio .blanc {
      padding-left: 0; }
      .home-3 .porfolio .blanc .item {
        position: relative;
        overflow: hidden;
        padding: 0; }
        .home-3 .porfolio .blanc .item:hover img {
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
      .home-3 .porfolio .blanc img {
        width: 100%;
        transition: all .3s;
        float: left; }
  .home-3 .what1 {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 150px; }
    .home-3 .what1 .whatw h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .home-3 .what1 .whatw h1 {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px; }
    .home-3 .what1 .main-img .slick-current {
      border: 1px solid red; }
    .home-3 .what1 .main-img .slick-slide {
      margin: 0 15px; }
      .home-3 .what1 .main-img .slick-slide .rul {
        border: 1px solid #f2f2f2;
        padding: 60px 25px; }
    .home-3 .what1 .js-click-product {
      text-align: center;
      width: 100%;
      margin-top: 80px;
      height: 190px; }
      .home-3 .what1 .js-click-product .slick-list {
        display: inline-block !important; }
      .home-3 .what1 .js-click-product .slick-current {
        transform: scale(1.2); }
      .home-3 .what1 .js-click-product .slick-slide {
        width: 90px !important;
        height: 90px;
        line-height: 90px; }
        .home-3 .what1 .js-click-product .slick-slide img {
          display: inline-block; }
    .home-3 .what1 .main-img1 {
      text-align: center; }
      .home-3 .what1 .main-img1 .slick-list {
        width: 150px;
        display: inline-block; }
        .home-3 .what1 .main-img1 .slick-list p {
          color: #909090; }
        .home-3 .what1 .main-img1 .slick-list h5 {
          font-weight: 700;
          font-family: roboto condensed; }
  .home-3 .pricing-table {
    background: #f2f2f2;
    padding-top: 150px; }
    .home-3 .pricing-table .our_pri h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 1px;
      text-align: center; }
    .home-3 .pricing-table .our_pri h1 {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px;
      text-align: center; }
    .home-3 .pricing-table .center-mode {
      padding-bottom: 150px; }
      .home-3 .pricing-table .center-mode .months2 {
        border-right: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2; }
      .home-3 .pricing-table .center-mode .months {
        transition: all .5s;
        background: #fff;
        padding: 50px; }
        .home-3 .pricing-table .center-mode .months p {
          font-size: 16px;
          color: #909090;
          border-bottom: 1px solid #f2f2f2;
          padding-bottom: 20px; }
        .home-3 .pricing-table .center-mode .months:hover {
          background: #202737;
          margin-top: -5%;
          padding-top: 10%;
          padding-bottom: 10%;
          color: #fff; }
          .home-3 .pricing-table .center-mode .months:hover li, .home-3 .pricing-table .center-mode .months:hover i, .home-3 .pricing-table .center-mode .months:hover p {
            color: #fff; }
        .home-3 .pricing-table .center-mode .months h5 {
          font-weight: 700;
          font-family: roboto condensed;
          color: #fc6a55; }
        .home-3 .pricing-table .center-mode .months h1 {
          font-weight: 700;
          font-family: roboto condensed; }
          .home-3 .pricing-table .center-mode .months h1 span {
            font-size: 50px; }
        .home-3 .pricing-table .center-mode .months ul {
          padding-top: 20px;
          -webkit-padding-start: 0; }
          .home-3 .pricing-table .center-mode .months ul li {
            color: #909090;
            font-size: 18px;
            font-family: roboto condensed;
            padding-top: 10px;
            list-style: none; }
            .home-3 .pricing-table .center-mode .months ul li i {
              margin-right: 10px; }
  .home-3 .cuter {
    background: #333333; }
    .home-3 .cuter .counter {
      padding: 90px 0; }
      .home-3 .cuter .counter .counter1 {
        margin-left: 0;
        margin-right: 0; }
        .home-3 .cuter .counter .counter1 .col-md-3 p {
          font-size: 14px;
          font-family: roboto condensed;
          color: #fff;
          letter-spacing: 1px; }
        .home-3 .cuter .counter .counter1 .col-md-3 .counte {
          font-weight: 700;
          font-size: 40px;
          font-family: roboto condensed;
          color: #fff; }
        .home-3 .cuter .counter .counter1 .col-md-3 span {
          height: 30px;
          border-left: 1px solid #fa6c54; }
  .home-3 .blog {
    padding: 150px 0; }
    .home-3 .blog .col-md-12 h5 {
      font-weight: 700;
      color: #909090;
      font-family: roboto condensed;
      text-align: center;
      letter-spacing: 2px; }
    .home-3 .blog .col-md-12 h1 {
      font-weight: 700;
      font-size: 50px;
      font-family: roboto condensed;
      padding-top: 10px;
      padding-bottom: 60px;
      text-align: center; }
    .home-3 .blog .col-md-4 .blog_img img {
      width: 100%; }
    .home-3 .blog .col-md-4 .blog_name {
      padding-top: 15px; }
      .home-3 .blog .col-md-4 .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 30px;
        line-height: 185%; }
      .home-3 .blog .col-md-4 .blog_name h5 {
        color: #909090;
        padding-bottom: 13px; }
      .home-3 .blog .col-md-4 .blog_name span {
        color: #fc6a53; }
      .home-3 .blog .col-md-4 .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
  .home-3 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .home-3 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .home-3 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .home-3 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .home-3 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .home-3 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .home-3 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .home-3 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .home-3 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .home-3 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .home-3 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .home-3 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-3 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .home-3 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .home-3 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .home-3 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .home-3 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .home-3 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-3 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .home-3 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .home-3 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .home-3 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .home-3 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .home-3 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .home-3 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .home-3 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .home-3 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .home-3 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .home-3 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .home-3 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .home-3 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .home-3 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .home-3 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          width: 100%;
          text-transform: uppercase;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .home-3 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .home-3 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .home-3 .footer .full-container .footer2 {
      padding: 20px 0; }
      .home-3 .footer .full-container .footer2 .copy {
        color: #909090; }
      .home-3 .footer .full-container .footer2 .goto {
        text-align: right; }
        .home-3 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  .home-3 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .home-3 .pull-right {
    cursor: pointer; }
  .home-3 * {
    outline: none !important; }
  .home-3 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .home-3 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .home-3 .create {
      padding: 117px 30px; }
    .home-3 .careate .carea .cust {
      padding: 15px 10px; }
    .home-3 .carea {
      padding: 40px 80px; }
    .home-3 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .home-3 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .home-3 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .home-3 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .home-3 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .home-3 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .home-3 .affixx .navba {
      padding-left: 5px; }
    .home-3 .phone_top {
      padding-right: 5px; }
    .home-3 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .home-3 .counter1 .col-md-3 {
      padding-left: 8%; }
    .home-3 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .home-3 .feedback .feeb {
      font-size: 200px; }
    .home-3 .affixx .navba {
      padding-left: 15px; }
    .home-3 .phone_top {
      padding-right: 15px; }
    .home-3 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .home-3 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .home-3 .we_are {
      padding: 0 50px; }
    .home-3 .careate .carea .cust {
      padding: 10px 10px; }
    .home-3 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .home-3 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .home-3 .cust h1 {
      padding-bottom: 0; }
    .home-3 .cust p {
      line-height: 150%; }
    .home-3 .button_see {
      margin-top: 27px; }
    .home-3 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .home-3 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .home-3 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .home-3 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .home-3 .footer .full-container {
      padding: 0 15px; }
    .home-3 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .home-3 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .home-3 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .home-3 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .home-3 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-3 .contacts .contact {
      padding: 20px 0; }
    .home-3 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .home-3 .feedback .slide_main .test {
      padding-top: 50px; }
    .home-3 .phone_top {
      padding-top: 0; }
    .home-3 .phone_top .pull-right {
      padding: 5px; }
    .home-3 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .home-3 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .home-3 .affixx .sidenav .navbar .nav {
      float: none; }
    .home-3 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .home-3 .affixx {
      padding-bottom: 10px !important; }
    .home-3 .counter1 .col-md-3 {
      padding-left: 6%; }
    .home-3 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .home-3 .header-lap {
      display: none; }
    .home-3 .header-mobi {
      display: block; }
    .home-3 .feedback {
      padding-bottom: 50px; }
    .home-3 .cust h1 {
      font-size: 30px; }
    .home-3 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .home-3 .all-pro span {
      margin-right: 5px; }
    .home-3 .phone_top span {
      display: none; }
    .home-3 .phone_top .phonee {
      display: none; }
    .home-3 .who_we_are {
      padding: 50px 0; }
    .home-3 .blog {
      padding: 50px 0; }
    .home-3 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .home-3 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .home-3 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .home-3 .who_we_are .we_01 {
      padding: 0 15px; }
    .home-3 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .home-3 .porfolio .col-md-8 {
      padding-left: 0; }
    .home-3 .feedback .feeb {
      font-size: 130px; }
    .home-3 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-3 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .home-3 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .home-3 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-3 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .home-3 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .home-3 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .home-3 .links ul {
      -webkit-padding-start: 0px; }
    .home-3 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .home-3 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .home-3 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .home-3 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .home-3 .recent_post ul {
      -webkit-padding-start: 0px; }
    .home-3 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .home-3 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .home-3 .servic {
      padding-top: 50px; }
    .home-3 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .home-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .home-3 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .home-3 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .home-3 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .home-3 .row_top div p {
      line-height: 170%; }
    .home-3 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .home-3 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .home-3 .slide_main .test {
      padding-top: 100px; }
    .home-3 .img_porfolio .col-md-4 {
      width: 50%; }
    .home-3 .servic .col-md-4 {
      width: 50%; }
    .home-3 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .home-3 .blog .col-md-4 {
      width: 33.33333%; }
    .home-3 .button_see {
      margin-top: 10px; }
    .home-3 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .home-3 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .home-3 .button_rea {
      height: 38px;
      margin-top: 0; }
    .home-3 .footer .full-container .footer2 .copy {
      text-align: center; }
    .home-3 .footer .full-container .footer2 .goto {
      text-align: center; }
    .home-3 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .home-3 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .home-3 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-3 .feedback .information .lazy h3 {
      font-size: 20px; }
    .home-3 * h1 {
      font-size: 36px !important; }
    .home-3 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .home-3 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .home-3 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .home-3 .feedback .feeb {
      font-size: 100px; }
    .home-3 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .home-3 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .home-3 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .home-3 .who_we_are .who_are p {
      font-size: 14px; }
    .home-3 .careate .carea .cust h1 {
      font-size: 36px; }
    .home-3 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .home-3 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .home-3 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-3 .feedback .information .lazy h3 {
      font-size: 16px; }
    .home-3 .cuter .counter {
      padding: 50px 0 0 0; }
    .home-3 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .home-3 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .home-3 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .home-3 .porfolio {
      padding: 50px 0px; }
    .home-3 .button-proje {
      width: 210px; }
    .home-3 .video .row_video .video1 > p {
      font-size: 24px; }
    .home-3 .blog .col-md-12 h1 {
      font-size: 36px; }
    .home-3 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .home-3 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .home-3 .footer #googlemap1 {
      height: 400px; }
    .home-3 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-3 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .home-3 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .home-3 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .home-3 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .home-3 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .home-3 .side .navbar .list-group-item button {
      top: 0; }
    .home-3 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .home-3 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .home-3 .base {
      margin-left: 0 !important; }
    .home-3 .baseright {
      margin-left: 0 !important; }
    .home-3 .sile1 {
      top: 60%; }
    .home-3 .affixx {
      background: #333 !important; }
    .home-3 .affixx {
      padding-top: 20px !important; }
    .home-3 .feedback .feeb {
      font-size: 70px; }
    .home-3 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .home-3 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .home-3 .who_we_are .who_are h1 {
      font-size: 24px; }
    .home-3 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .home-3 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .home-3 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .home-3 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .home-3 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .home-3 .servic .col-md-12 p {
      font-size: 24px; }
    .home-3 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .home-3 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .home-3 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .home-3 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .home-3 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .home-3 .button_see {
      margin-top: 0; }
    .home-3 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .home-3 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .home-3 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .home-3 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-3 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-3 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-3 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-3 .feedback .slide_main .test p {
      font-size: 24px; }
    .home-3 .feedback .information .lazy h3 {
      font-size: 14px; }
    .home-3 * h1 {
      font-size: 24px !important; }
    .home-3 .affixx {
      position: inherit !important; }
    .home-3 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .home-3 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .home-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .home-3 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .home-3 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .home-3 .modal .modal-dialog .modal-content {
      padding: 0; }
    .home-3 .img_porfolio .col-md-4 {
      width: 100%; }
    .home-3 .feedback .feeb {
      letter-spacing: 6px; }
    .home-3 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .home-3 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .home-3 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .home-3 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .home-3 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .home-3 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .home-3 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .home-3 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .home-3 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .home-3 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .home-3 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .home-3 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .home-3 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .home-3 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .home-3 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-3 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-3 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-3 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-3 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .home-3 .servic .identity {
      padding-top: 20px; }
    .home-3 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .home-3 .porfolio .nav_main {
      float: left; }
    .home-3 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1360px) {
    .home-3 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .home-3 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .home-3 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .home-3 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .home-3 .who_we_are .weare {
      padding-left: 100px; }
    .home-3 .sile1 .we_are {
      padding-right: 30px; }
    .home-3 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .home-3 .sile1 .we_are h1 {
      font-size: 50px; }
    .home-3 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .home-3 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .home-3 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .home-3 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .home-3 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .home-3 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .home-3 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .home-3 .team {
      padding: 50px 0; }
    .home-3 .unlimited {
      padding-bottom: 50px; }
    .home-3 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .home-3 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .home-3 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .home-3 .servic .development {
      border: none; }
    .home-3 .servic .appdevelopment {
      border: none; }
    .home-3 .servic .marketing {
      border: none; }
    .home-3 .servic .design {
      border: none; }
    .home-3 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .home-3 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .home-3 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .home-3 .sile1 .we_are {
      padding-right: 10px; }
    .home-3 .porfolio .blanc {
      padding-right: 0; }
    .home-3 .porfolio .mock {
      padding-left: 0; }
    .home-3 .what1 .js-click-product {
      height: 120px; }
    .home-3 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .home-3 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .home-3 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .home-3 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .home-3 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-3 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .home-3 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-3 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-3 .pricing-table {
      padding-top: 100px; }
    .home-3 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .home-3 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .home-3 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .home-3 .sile1 {
      width: 100%; }
    .home-3 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .home-3 .servic .creation {
      padding-top: 19px; }
    .home-3 .servic .design {
      padding: 15px; }
    .home-3 .servic .appdevelopment {
      padding: 15px; }
    .home-3 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .home-3 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .home-3 .pricing-table {
      padding-top: 50px; }
    .home-3 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-3 .servic .col-md-12 p {
      font-size: 24px; }
    .home-3 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .home-3 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .home-3 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .home-3 .what1 .main-img .slick-slide {
      display: none; }
    .home-3 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .home-3 .porfolio .blanc img {
      width: 100%; }
    .home-3 .sile1 {
      width: 97%; }
    .home-3 .servic .col-md-4 {
      padding-left: 15px; }
    .home-3 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .home-3 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .home-3 .slick-slider .slick-track {
      width: 250px; }
    .home-3 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .home-3 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .home-3 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }

.home-4 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*con theiu buoi sau lam*/
  /*aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .home-4 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .home-4 * {
    box-sizing: border-box; }
  .home-4 .sidenav a:hover {
    color: #b6aeae; }
  .home-4 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .home-4 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .home-4 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .home-4 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-4 .button_see_contact {
    padding-left: 20px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .home-4 .button_see_contact span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .home-4 .button_see_contact:hover {
      color: #f2f2f2; }
    .home-4 .button_see_contact:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-4 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .home-4 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .home-4 .button_rea:hover {
      opacity: 0.7; }
    .home-4 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .home-4 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-4 .row_header {
    z-index: 1;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed; }
  .home-4 .phone_top {
    padding-right: 80px;
    padding-top: 15px; }
    .home-4 .phone_top .pull-right {
      cursor: pointer;
      padding: 15px;
      padding-top: 3px; }
      .home-4 .phone_top .pull-right i {
        color: #333;
        font-size: 20px; }
    .home-4 .phone_top span {
      float: right;
      border-right: 1px solid #a6a6a6;
      font-size: 16px;
      font-family: roboto condensed;
      color: #333;
      font-weight: 300;
      padding-right: 20px;
      padding-left: 20px; }
    .home-4 .phone_top .phonee {
      background-image: url(../img/phone1.png);
      height: 20px;
      width: 20px;
      display: inline-block;
      border-right: none !important;
      padding-left: 0 !important; }
  .home-4 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    padding-top: 50px; }
  .home-4 .affixx {
    top: 0 !important;
    padding-bottom: 10px !important;
    position: inherit !important;
    width: 100%;
    z-index: 1;
    padding-top: 40px; }
    .home-4 .affixx .logo {
      text-align: center; }
      .home-4 .affixx .logo span {
        background-image: url(../img/logo1.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .home-4 .affixx .navba {
      padding-left: 80px;
      padding-right: 0; }
  .home-4 .layer {
    position: relative; }
  .home-4 .sile1 {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0%, -50%);
    padding-left: 20%;
    padding-right: 27%; }
    .home-4 .sile1 .we_are {
      padding-right: 70px;
      padding-left: 0; }
      .home-4 .sile1 .we_are h1 {
        font-family: roboto condensed;
        font-size: 90px;
        color: #fff;
        font-weight: 700; }
      .home-4 .sile1 .we_are p {
        font-size: 18px;
        color: #fff;
        line-height: 185%; }
  .home-4 .layer {
    padding-top: 130px; }
  .home-4 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    left: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) 3px 20px 10px; }
    .home-4 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .home-4 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .home-4 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .home-4 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .home-4 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .home-4 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .home-4 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .home-4 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .home-4 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .home-4 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .home-4 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .home-4 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .home-4 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .home-4 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .home-4 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .home-4 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .home-4 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-4 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .home-4 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-4 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .home-4 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-4 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .home-4 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-4 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .home-4 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-4 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .home-4 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .home-4 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-4 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-4 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .home-4 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .home-4 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .home-4 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .home-4 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .home-4 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .home-4 .sidenav a:hover {
    color: #f1f1f1; }
  .home-4 .button1 {
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer;
    float: left; }
    .home-4 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #333;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .home-4 .child2 {
    margin: 5px 0; }
  .home-4 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .home-4 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .home-4 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .home-4 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .home-4 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .home-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .home-4 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .home-4 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .home-4 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .home-4 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .home-4 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .home-4 .about {
    width: 88%;
    margin: auto;
    padding-top: 110px;
    padding-bottom: 60px;
    position: relative;
    top: -110px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 22px 13px; }
    .home-4 .about .about-we {
      padding-left: 85px; }
      .home-4 .about .about-we h5 {
        color: #909090;
        font-weight: 700;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .home-4 .about .about-we h1 {
        font-size: 48px;
        font-family: roboto condensed;
        font-weight: 700; }
    .home-4 .about .corem-ipsum {
      padding-right: 85px; }
      .home-4 .about .corem-ipsum p {
        font-size: 16px;
        color: #909090;
        padding-top: 10px;
        line-height: 190%; }
  .home-4 .case-center {
    background: #333333;
    padding-top: 150px;
    padding-bottom: 200px; }
    .home-4 .case-center .case-studies {
      text-align: center; }
      .home-4 .case-center .case-studies h5 {
        font-weight: 700;
        letter-spacing: 2px;
        color: #909090;
        font-family: roboto condensed; }
      .home-4 .case-center .case-studies h1 {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 50px;
        padding-top: 10px;
        padding-bottom: 20px;
        color: #fff; }
      .home-4 .case-center .case-studies p {
        font-size: 16px;
        color: #909090;
        padding-bottom: 60px;
        padding-left: 33%;
        padding-right: 33%; }
    .home-4 .case-center .slick-centermode img {
      width: 100%; }
  .home-4 .slick-list.draggable .slick-track .slick-slide {
    width: 2.5% !important; }
  .home-4 .slick-dots li button:before {
    font-size: 11px !important;
    color: #909090 !important;
    opacity: 0.7 !important; }
  .home-4 .slick-dots {
    bottom: -80px !important; }
    .home-4 .slick-dots li.slick-active button:before {
      color: #fff !important; }
  .home-4 .slick-centermode .slick-next {
    display: none !important; }
  .home-4 .cooperate {
    padding-top: 150px;
    padding-bottom: 50px; }
    .home-4 .cooperate .brand h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .home-4 .cooperate .brand h1 {
      font-size: 50px;
      font-family: roboto condensed;
      font-weight: 700; }
    .home-4 .cooperate .brand p {
      font-size: 16px;
      color: #909090;
      line-height: 190%;
      padding-top: 20px; }
    .home-4 .cooperate .logo-brand img {
      padding-top: 0px;
      padding-bottom: 100px; }
    .home-4 .cooperate .logo-brand .logo-design img {
      padding-bottom: 50px; }
    .home-4 .cooperate .logo-brand .logo-suns img {
      padding-top: 25px; }
    .home-4 .cooperate .logo-brand .logo-class img {
      padding-top: 25px; }
  .home-4 .cases {
    margin: 0; }
    .home-4 .cases .read-mode {
      padding: 0;
      position: relative; }
      .home-4 .cases .read-mode .read-mode-img img {
        width: 100%; }
      .home-4 .cases .read-mode .read-mode-produc {
        position: absolute;
        top: 270px;
        padding-left: 50px; }
        .home-4 .cases .read-mode .read-mode-produc p {
          font-size: 30px;
          font-weight: 700;
          font-family: roboto condensed;
          color: #fff; }
  .home-4 .servic {
    text-align: center;
    padding: 150px 0; }
    .home-4 .servic .row {
      margin-right: 0; }
    .home-4 .servic .col-md-12 h5 {
      color: #909090;
      font-weight: 700;
      letter-spacing: 2px;
      font-family: roboto condensed; }
    .home-4 .servic .col-md-12 p {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px; }
    .home-4 .servic .col-md-4 p {
      font-size: 16px;
      line-height: 185%;
      color: #909090; }
    .home-4 .servic .col-md-4 h4 {
      font-family: roboto condensed;
      font-weight: 700;
      font-size: 20px; }
    .home-4 .servic .development {
      padding: 0 45px;
      padding-bottom: 58px;
      border-bottom: 1px solid #ebebeb; }
      .home-4 .servic .development span {
        background-image: url(../img/web.png);
        height: 54px;
        width: 56px;
        display: inline-block; }
    .home-4 .servic .identity {
      padding: 0 44px;
      padding-bottom: 60px;
      border-bottom: 1px solid #ebebeb;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb; }
      .home-4 .servic .identity span {
        background-image: url(../img/logoiden.png);
        height: 52px;
        width: 53px;
        display: inline-block; }
    .home-4 .servic .design {
      padding: 0 45px;
      padding-bottom: 52px;
      border-bottom: 1px solid #ebebeb; }
      .home-4 .servic .design span {
        background-image: url(../img/garphics.png);
        height: 70px;
        width: 48px;
        display: inline-block;
        margin-top: -10px; }
    .home-4 .servic .appdevelopment {
      padding: 0 45px;
      padding-top: 60px; }
      .home-4 .servic .appdevelopment span {
        background-image: url(../img/app.png);
        height: 60px;
        width: 60px;
        display: inline-block; }
    .home-4 .servic .marketing {
      padding: 0 45px;
      padding-top: 60px;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb; }
      .home-4 .servic .marketing span {
        background-image: url(../img/social.png);
        height: 53px;
        width: 49px;
        display: inline-block; }
    .home-4 .servic .creation {
      padding: 0 44px;
      padding-top: 60px; }
      .home-4 .servic .creation span {
        background-image: url(../img/content.png);
        height: 46px;
        width: 65px;
        display: inline-block; }
  .home-4 .video-skills {
    background: #f2f2f2;
    margin-left: 0;
    margin-right: 0; }
    .home-4 .video-skills .video {
      padding-left: 0; }
      .home-4 .video-skills .video img {
        width: 100%; }
    .home-4 .video-skills .skills {
      padding-left: 140px;
      padding-right: 140px;
      padding-top: 180px; }
      .home-4 .video-skills .skills h1 {
        font-family: roboto condensed;
        font-size: 48px;
        font-weight: 700; }
      .home-4 .video-skills .skills p {
        font-size: 16px;
        color: #909090;
        line-height: 185%;
        padding-top: 10px;
        padding-bottom: 70px; }
      .home-4 .video-skills .skills .snippets .skill {
        background: #333333;
        padding-top: 40px;
        padding-bottom: 40px; }
        .home-4 .video-skills .skills .snippets .skill h3 {
          font-family: roboto condensed;
          color: #fff;
          font-size: 20px;
          font-weight: 700;
          text-align: center; }
        .home-4 .video-skills .skills .snippets .skill .blue {
          width: 100px;
          height: 100px;
          line-height: 150px;
          background: none;
          margin: 0 auto;
          box-shadow: none;
          position: relative; }
          .home-4 .video-skills .skills .snippets .skill .blue .progress-left {
            left: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .home-4 .video-skills .skills .snippets .skill .blue .progress-left .progress-bar {
              width: 100%;
              height: 100%;
              background: none;
              border-width: 5px;
              border-style: solid;
              position: absolute;
              top: 0;
              border-color: #fc6a55;
              animation: loading-2 1.5s linear forwards 1.8s;
              left: 100%;
              border-top-right-radius: 80px;
              border-bottom-right-radius: 80px;
              -webkit-transform-origin: center left;
              transform-origin: center left; }
          .home-4 .video-skills .skills .snippets .skill .blue .progress-right {
            right: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .home-4 .video-skills .skills .snippets .skill .blue .progress-right .progress-bar {
              border-color: #fc6a55;
              left: -100%;
              border-top-left-radius: 80px;
              border-bottom-left-radius: 80px;
              border-right: 0;
              -webkit-transform-origin: center right;
              transform-origin: center right;
              animation: loading-1 1.8s linear forwards;
              width: 100%;
              height: 100%;
              background: none;
              border-width: -1px;
              border-style: solid;
              position: absolute;
              top: 0; }
          .home-4 .video-skills .skills .snippets .skill .blue:after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 12px solid #fff;
            position: absolute;
            top: 0;
            left: 0; }
          .home-4 .video-skills .skills .snippets .skill .blue .progress-value {
            width: 94px;
            height: 94px;
            border-radius: 96%;
            background: #333;
            font-size: 30px;
            color: #fff;
            line-height: 95px;
            text-align: center;
            position: absolute;
            top: 3px;
            left: 3px;
            z-index: 1;
            font-family: roboto condensed; }
        .home-4 .video-skills .skills .snippets .skill .yellow {
          width: 100px;
          height: 100px;
          line-height: 150px;
          background: none;
          margin: 0 auto;
          box-shadow: none;
          position: relative; }
          .home-4 .video-skills .skills .snippets .skill .yellow .progress-left {
            left: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .home-4 .video-skills .skills .snippets .skill .yellow .progress-left .progress-bar {
              width: 100%;
              height: 100%;
              background: none;
              border-width: 5px;
              border-style: solid;
              position: absolute;
              top: 0;
              border-color: #fc6a55;
              animation: loading-3 1.5s linear forwards 1.8s;
              left: 100%;
              border-top-right-radius: 80px;
              border-bottom-right-radius: 80px;
              -webkit-transform-origin: center left;
              transform-origin: center left; }
          .home-4 .video-skills .skills .snippets .skill .yellow .progress-right {
            right: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .home-4 .video-skills .skills .snippets .skill .yellow .progress-right .progress-bar {
              border-color: #fc6a55;
              left: -100%;
              border-top-left-radius: 80px;
              border-bottom-left-radius: 80px;
              border-right: 0;
              -webkit-transform-origin: center right;
              transform-origin: center right;
              animation: loading-1 1.8s linear forwards;
              width: 100%;
              height: 100%;
              background: none;
              border-width: -1px;
              border-style: solid;
              position: absolute;
              top: 0; }
          .home-4 .video-skills .skills .snippets .skill .yellow:after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 12px solid #fff;
            position: absolute;
            top: 0;
            left: 0; }
          .home-4 .video-skills .skills .snippets .skill .yellow .progress-value {
            width: 94px;
            height: 94px;
            border-radius: 96%;
            background: #333;
            font-size: 30px;
            color: #fff;
            line-height: 95px;
            text-align: center;
            position: absolute;
            top: 3px;
            left: 3px;
            z-index: 1;
            font-family: roboto condensed; }
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); } }
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg); } }
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg); } }
  .home-4 .contacts {
    background: #fc6a55; }
    .home-4 .contacts .contact {
      padding-bottom: 40px;
      padding-top: 50px; }
      .home-4 .contacts .contact p {
        font-size: 30px;
        font-family: roboto condensed;
        color: #fff; }
        .home-4 .contacts .contact p .circle {
          padding-right: 20px; }
  .home-4 .blog {
    padding-top: 120px;
    padding-bottom: 100px;
    border-bottom: 1px solid #f2f2f2; }
    .home-4 .blog .blog1 {
      padding-top: 15px; }
      .home-4 .blog .blog1 h5 {
        font-weight: 700;
        color: #909090;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .home-4 .blog .blog1 h1 {
        font-weight: 700;
        font-size: 50px;
        font-family: roboto condensed;
        padding-bottom: 20px; }
      .home-4 .blog .blog1 p {
        font-size: 16px;
        color: #909090;
        padding-right: 35px;
        line-height: 185%; }
    .home-4 .blog .blog2 .blog_name {
      padding-top: 15px;
      padding-bottom: 50px; }
      .home-4 .blog .blog2 .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 30px;
        line-height: 185%; }
      .home-4 .blog .blog2 .blog_name h5 {
        color: #909090;
        padding-bottom: 13px; }
      .home-4 .blog .blog2 .blog_name span {
        color: #fc6a53; }
      .home-4 .blog .blog2 .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
  .home-4 .who_we_are {
    margin-right: 0;
    margin-left: 0;
    padding-top: 100px; }
    .home-4 .who_we_are .weare {
      padding-left: 280px;
      padding-right: 85px; }
      .home-4 .who_we_are .weare h5 {
        color: #909090;
        font-weight: 700;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .home-4 .who_we_are .weare h1 {
        font-weight: 700;
        font-family: roboto condensed;
        font-size: 50px;
        padding-bottom: 20px;
        padding-top: 20px; }
      .home-4 .who_we_are .weare p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090; }
      .home-4 .who_we_are .weare .bar .skills_bar {
        width: 100%;
        background-color: #909090; }
        .home-4 .who_we_are .weare .bar .skills_bar .html {
          width: 92%;
          background-color: #fc6a55;
          height: 5px; }
        .home-4 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #fc6a55;
          height: 5px; }
        .home-4 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #fc6a55;
          height: 5px; }
      .home-4 .who_we_are .weare .bar p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090;
        padding-top: 20px;
        padding-bottom: 40px; }
        .home-4 .who_we_are .weare .bar p span {
          float: right; }
    .home-4 .who_we_are .col-md-6 .detop {
      text-align: center; }
  .home-4 .talk-to {
    background: #333333;
    border-top: 10px solid #fc6a55; }
    .home-4 .talk-to .row {
      padding: 150px; }
    .home-4 .talk-to .our-core {
      text-align: center; }
      .home-4 .talk-to .our-core h5 {
        font-weight: 700;
        color: #909090;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .home-4 .talk-to .our-core h1 {
        font-weight: 700;
        font-size: 50px;
        font-family: roboto condensed;
        color: #fff; }
      .home-4 .talk-to .our-core p {
        font-size: 16px;
        color: #909090;
        line-height: 185%;
        padding-bottom: 50px;
        padding-left: 14%;
        padding-right: 14%; }
    .home-4 .talk-to .input-contact {
      padding: 15px; }
      .home-4 .talk-to .input-contact input {
        width: 100%;
        height: 60px;
        outline: 0;
        padding-left: 20px;
        font-size: 16px; }
  .home-4 .button-contact {
    text-align: center;
    padding-top: 50px; }
    .home-4 .button-contact button {
      width: 36%;
      height: 60px;
      text-align: left;
      padding-left: 20px;
      background: #fc6a55;
      border: none;
      font-family: roboto condensed;
      font-weight: 700;
      color: #fff;
      padding-right: 6px;
      font-size: 14px;
      outline: 0;
      transition: all .2s;
      position: relative; }
      .home-4 .button-contact button span {
        background-image: url(../img/line.png);
        height: 1px;
        width: 20px;
        float: right;
        margin-top: 10px;
        margin-right: 21px;
        display: inline-block;
        position: relative; }
      .home-4 .button-contact button:hover {
        color: #f2f2f2; }
      .home-4 .button-contact button:hover .xoay {
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        position: relative; }
      .home-4 .button-contact button:hover {
        background: #f45740; }
  .home-4 .footer {
    background: #f2f2f2; }
    .home-4 .footer .full-container {
      padding: 0 80px; }
      .home-4 .footer .full-container .footer1 {
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 100px;
        padding-top: 100px; }
        .home-4 .footer .full-container .footer1 .logo-foo {
          margin-bottom: 60px;
          background-image: url(../img/logo1.png);
          height: 47px;
          width: 148px;
          display: inline-block; }
        .home-4 .footer .full-container .footer1 .logo_footer {
          display: inline-block;
          padding-right: 100px;
          padding-bottom: 50px; }
          .home-4 .footer .full-container .footer1 .logo_footer ul {
            list-style: none;
            -webkit-padding-start: 10px; }
            .home-4 .footer .full-container .footer1 .logo_footer ul li .loca {
              background-image: url(../img/loca1.png);
              height: 20px;
              width: 16px;
              display: inline-block;
              margin-right: 10px; }
            .home-4 .footer .full-container .footer1 .logo_footer ul li .phone {
              background-image: url(../img/phone1.png);
              height: 20px;
              width: 20px;
              display: inline-block;
              margin-right: 10px; }
            .home-4 .footer .full-container .footer1 .logo_footer ul li .emai {
              background-image: url(../img/emai1.png);
              height: 18px;
              width: 20px;
              display: inline-block;
              margin-right: 10px; }
          .home-4 .footer .full-container .footer1 .logo_footer h5 {
            padding-left: 30px;
            font-size: 16px;
            font-family: roboto condensed;
            color: #909090;
            padding-bottom: 10px;
            line-height: 140%; }
          .home-4 .footer .full-container .footer1 .logo_footer p {
            font-size: 14px;
            font-family: roboto condensed;
            font-weight: 700;
            color: #333; }
        .home-4 .footer .full-container .footer1 .links {
          display: inline-block;
          padding-right: 100px;
          padding-bottom: 110px; }
          .home-4 .footer .full-container .footer1 .links p {
            font-size: 20px;
            color: #333;
            font-weight: 700;
            padding-left: 41px;
            font-family: roboto condensed;
            padding-bottom: 60px; }
          .home-4 .footer .full-container .footer1 .links ul li {
            list-style: none;
            padding: 15px 0;
            border-bottom: 1px solid #d9d9d9; }
            .home-4 .footer .full-container .footer1 .links ul li a {
              color: #909090;
              font-family: roboto condensed;
              font-size: 16px; }
            .home-4 .footer .full-container .footer1 .links ul li span {
              line-height: 19px;
              display: list-item;
              list-style: none;
              list-style-type: square;
              color: #fd6b54;
              font-size: 16px;
              float: left;
              margin-left: 17px; }
          .home-4 .footer .full-container .footer1 .links ul .k_border {
            border-bottom: none; }
        .home-4 .footer .full-container .footer1 .recent_post {
          display: inline-block;
          padding-right: 100px; }
          .home-4 .footer .full-container .footer1 .recent_post p {
            font-size: 20px;
            color: #333;
            font-weight: 700;
            padding-left: 41px;
            font-family: roboto condensed;
            padding-bottom: 60px; }
          .home-4 .footer .full-container .footer1 .recent_post ul li {
            padding-bottom: 15px;
            padding-top: 7px;
            border-bottom: 1px solid #d9d9d9;
            list-style: none; }
            .home-4 .footer .full-container .footer1 .recent_post ul li h5 {
              margin-bottom: 5px;
              font-size: 16px;
              color: #909090;
              font-family: roboto condensed; }
            .home-4 .footer .full-container .footer1 .recent_post ul li a {
              font-size: 16px;
              font-family: roboto condensed;
              color: #333;
              font-weight: 700; }
          .home-4 .footer .full-container .footer1 .recent_post ul .k_border {
            border-bottom: none; }
        .home-4 .footer .full-container .footer1 .newsletter {
          display: inline-block;
          padding-left: 100px; }
          .home-4 .footer .full-container .footer1 .newsletter p {
            font-size: 20px;
            color: #333;
            font-weight: 700;
            font-family: roboto condensed;
            padding-bottom: 60px; }
          .home-4 .footer .full-container .footer1 .newsletter h4 {
            color: #909090;
            font-size: 16px;
            font-family: roboto condensed;
            list-style: none;
            padding: 15px 0; }
          .home-4 .footer .full-container .footer1 .newsletter .your {
            width: 100%;
            height: 50px;
            text-align: left;
            background: #323a4d;
            color: #fff;
            outline: 0;
            position: relative;
            border: none;
            font-family: roboto;
            margin-bottom: 15px;
            padding-top: 0px;
            transition: all .3s; }
            .home-4 .footer .full-container .footer1 .newsletter .your .form-control {
              background: #323a4d;
              border: none;
              font-size: 16px;
              color: #fff;
              height: 100%;
              border-radius: 0;
              box-shadow: none;
              padding: 6px  20px; }
              .home-4 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
                color: #fff; }
            .home-4 .footer .full-container .footer1 .newsletter .your .input-group-btn {
              position: absolute;
              top: 0;
              display: inline-block;
              right: 30px; }
            .home-4 .footer .full-container .footer1 .newsletter .your .button_search {
              background: transparent;
              border: none;
              height: 50px;
              margin-left: -20px; }
              .home-4 .footer .full-container .footer1 .newsletter .your .button_search span {
                float: right;
                margin-bottom: 0;
                background-image: url(../img/your.png);
                height: 11px;
                width: 14px;
                display: inline-block;
                margin-right: 15px; }
            .home-4 .footer .full-container .footer1 .newsletter .your:hover {
              background: #495163; }
          .home-4 .footer .full-container .footer1 .newsletter .subs {
            padding-left: 20px;
            position: relative;
            width: 100%;
            text-transform: uppercase;
            height: 50px;
            text-align: left;
            background: #fc6955;
            color: #fff;
            outline: 0;
            border: none;
            font-size: 14px;
            font-family: roboto condensed;
            font-weight: 700;
            padding-top: 0;
            transition: all .3s;
            margin-top: 0; }
            .home-4 .footer .full-container .footer1 .newsletter .subs:hover {
              background: #f45740; }
            .home-4 .footer .full-container .footer1 .newsletter .subs:hover .xoay {
              transform: rotate(90deg);
              -moz-transform: rotate(90deg);
              -webkit-transform: rotate(90deg);
              -o-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              position: relative; }
            .home-4 .footer .full-container .footer1 .newsletter .subs span {
              float: right;
              background-image: url(../img/line.png);
              height: 1px;
              width: 20px;
              display: inline-block;
              margin-right: 15px;
              margin-top: 10px; }
      .home-4 .footer .full-container .footer2 {
        padding: 20px 0; }
        .home-4 .footer .full-container .footer2 .copy {
          color: #909090; }
        .home-4 .footer .full-container .footer2 .goto {
          text-align: right; }
          .home-4 .footer .full-container .footer2 .goto span {
            color: #333;
            font-weight: 700;
            font-family: roboto condensed;
            cursor: pointer; }
  @media screen and (max-width: 1024px) {
    .home-4 .layer {
      padding-top: 67px; }
    .home-4 .affix-top .affixx .logo span {
      background-image: url(../img/logo1-mobi.png) !important; }
    .home-4 .affix .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; } }
  @media screen and (max-width: 1024px) {
    .home-4 .affix-top .affixx .logo span {
      background-image: url(../img/logo1-mobi.png) !important; } }
  @media screen and (max-width: 1360px) {
    .home-4 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .home-4 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .home-4 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .home-4 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .home-4 .who_we_are .weare {
      padding-left: 100px; }
    .home-4 .sile1 .we_are {
      padding-right: 30px; }
    .home-4 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .home-4 .sile1 .we_are h1 {
      font-size: 50px; }
    .home-4 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .home-4 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .home-4 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .home-4 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .home-4 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .home-4 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .home-4 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .home-4 .team {
      padding: 50px 0; }
    .home-4 .unlimited {
      padding-bottom: 50px; }
    .home-4 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .home-4 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .home-4 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .home-4 .servic .development {
      border: none; }
    .home-4 .servic .appdevelopment {
      border: none; }
    .home-4 .servic .marketing {
      border: none; }
    .home-4 .servic .design {
      border: none; }
    .home-4 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .home-4 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .home-4 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .home-4 .sile1 .we_are {
      padding-right: 10px; }
    .home-4 .porfolio .blanc {
      padding-right: 0; }
    .home-4 .porfolio .mock {
      padding-left: 0; }
    .home-4 .what1 .js-click-product {
      height: 120px; }
    .home-4 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .home-4 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .home-4 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .home-4 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .home-4 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-4 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .home-4 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-4 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-4 .pricing-table {
      padding-top: 100px; }
    .home-4 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .home-4 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .home-4 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .home-4 .sile1 {
      width: 100%; }
    .home-4 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .home-4 .servic .creation {
      padding-top: 19px; }
    .home-4 .servic .design {
      padding: 15px; }
    .home-4 .servic .appdevelopment {
      padding: 15px; }
    .home-4 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .home-4 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .home-4 .pricing-table {
      padding-top: 50px; }
    .home-4 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-4 .servic .col-md-12 p {
      font-size: 24px; }
    .home-4 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .home-4 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .home-4 .what1 .main-img .slick-slide {
      display: none; }
    .home-4 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .home-4 .porfolio .blanc img {
      width: 100%; }
    .home-4 .sile1 {
      width: 97%; }
    .home-4 .servic .col-md-4 {
      padding-left: 15px; }
    .home-4 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .home-4 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .home-4 .slick-slider .slick-track {
      width: 250px; }
    .home-4 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .home-4 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .home-4 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .home-4 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .home-4 .pull-right {
    cursor: pointer; }
  .home-4 * {
    outline: none !important; }
  .home-4 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .home-4 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .home-4 .create {
      padding: 117px 30px; }
    .home-4 .careate .carea .cust {
      padding: 15px 10px; }
    .home-4 .carea {
      padding: 40px 80px; }
    .home-4 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .home-4 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .home-4 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .home-4 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .home-4 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .home-4 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .home-4 .affixx .navba {
      padding-left: 5px; }
    .home-4 .phone_top {
      padding-right: 5px; }
    .home-4 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .home-4 .counter1 .col-md-3 {
      padding-left: 8%; }
    .home-4 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .home-4 .feedback .feeb {
      font-size: 200px; }
    .home-4 .affixx .navba {
      padding-left: 15px; }
    .home-4 .phone_top {
      padding-right: 15px; }
    .home-4 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .home-4 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .home-4 .we_are {
      padding: 0 50px; }
    .home-4 .careate .carea .cust {
      padding: 10px 10px; }
    .home-4 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .home-4 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .home-4 .cust h1 {
      padding-bottom: 0; }
    .home-4 .cust p {
      line-height: 150%; }
    .home-4 .button_see {
      margin-top: 27px; }
    .home-4 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .home-4 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .home-4 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .home-4 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .home-4 .footer .full-container {
      padding: 0 15px; }
    .home-4 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .home-4 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .home-4 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .home-4 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .home-4 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-4 .contacts .contact {
      padding: 20px 0; }
    .home-4 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .home-4 .feedback .slide_main .test {
      padding-top: 50px; }
    .home-4 .phone_top {
      padding-top: 0; }
    .home-4 .phone_top .pull-right {
      padding: 5px; }
    .home-4 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .home-4 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .home-4 .affixx .sidenav .navbar .nav {
      float: none; }
    .home-4 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .home-4 .affixx {
      padding-bottom: 10px !important; }
    .home-4 .counter1 .col-md-3 {
      padding-left: 6%; }
    .home-4 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .home-4 .header-lap {
      display: none; }
    .home-4 .header-mobi {
      display: block; }
    .home-4 .feedback {
      padding-bottom: 50px; }
    .home-4 .cust h1 {
      font-size: 30px; }
    .home-4 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .home-4 .all-pro span {
      margin-right: 5px; }
    .home-4 .phone_top span {
      display: none; }
    .home-4 .phone_top .phonee {
      display: none; }
    .home-4 .who_we_are {
      padding: 50px 0; }
    .home-4 .blog {
      padding: 50px 0; }
    .home-4 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .home-4 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .home-4 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .home-4 .who_we_are .we_01 {
      padding: 0 15px; }
    .home-4 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .home-4 .porfolio .col-md-8 {
      padding-left: 0; }
    .home-4 .feedback .feeb {
      font-size: 130px; }
    .home-4 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-4 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .home-4 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .home-4 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-4 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .home-4 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .home-4 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .home-4 .links ul {
      -webkit-padding-start: 0px; }
    .home-4 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .home-4 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .home-4 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .home-4 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .home-4 .recent_post ul {
      -webkit-padding-start: 0px; }
    .home-4 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .home-4 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .home-4 .servic {
      padding-top: 50px; }
    .home-4 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .home-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .home-4 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .home-4 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .home-4 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .home-4 .row_top div p {
      line-height: 170%; }
    .home-4 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .home-4 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .home-4 .slide_main .test {
      padding-top: 100px; }
    .home-4 .img_porfolio .col-md-4 {
      width: 50%; }
    .home-4 .servic .col-md-4 {
      width: 50%; }
    .home-4 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .home-4 .blog .col-md-4 {
      width: 33.33333%; }
    .home-4 .button_see {
      margin-top: 10px; }
    .home-4 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .home-4 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .home-4 .button_rea {
      height: 38px;
      margin-top: 0; }
    .home-4 .footer .full-container .footer2 .copy {
      text-align: center; }
    .home-4 .footer .full-container .footer2 .goto {
      text-align: center; }
    .home-4 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .home-4 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .home-4 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-4 .feedback .information .lazy h3 {
      font-size: 20px; }
    .home-4 * h1 {
      font-size: 36px !important; }
    .home-4 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .home-4 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .home-4 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .home-4 .feedback .feeb {
      font-size: 100px; }
    .home-4 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .home-4 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .home-4 .who_we_are .who_are p {
      font-size: 14px; }
    .home-4 .careate .carea .cust h1 {
      font-size: 36px; }
    .home-4 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .home-4 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .home-4 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-4 .feedback .information .lazy h3 {
      font-size: 16px; }
    .home-4 .cuter .counter {
      padding: 50px 0 0 0; }
    .home-4 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .home-4 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .home-4 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .home-4 .porfolio {
      padding: 50px 0px; }
    .home-4 .button-proje {
      width: 210px; }
    .home-4 .video .row_video .video1 > p {
      font-size: 24px; }
    .home-4 .blog .col-md-12 h1 {
      font-size: 36px; }
    .home-4 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .home-4 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .footer #googlemap1 {
      height: 400px; }
    .home-4 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-4 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .home-4 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .home-4 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .home-4 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .home-4 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .home-4 .side .navbar .list-group-item button {
      top: 0; }
    .home-4 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .home-4 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .home-4 .base {
      margin-left: 0 !important; }
    .home-4 .baseright {
      margin-left: 0 !important; }
    .home-4 .sile1 {
      top: 60%; }
    .home-4 .affixx {
      background: #333 !important; }
    .home-4 .affixx {
      padding-top: 20px !important; }
    .home-4 .feedback .feeb {
      font-size: 70px; }
    .home-4 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .home-4 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .home-4 .who_we_are .who_are h1 {
      font-size: 24px; }
    .home-4 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .home-4 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .home-4 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .home-4 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .home-4 .servic .col-md-12 p {
      font-size: 24px; }
    .home-4 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .home-4 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .home-4 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .home-4 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .home-4 .button_see {
      margin-top: 0; }
    .home-4 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .home-4 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .home-4 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .home-4 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-4 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-4 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-4 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-4 .feedback .slide_main .test p {
      font-size: 24px; }
    .home-4 .feedback .information .lazy h3 {
      font-size: 14px; }
    .home-4 * h1 {
      font-size: 24px !important; }
    .home-4 .affixx {
      position: inherit !important; }
    .home-4 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .home-4 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .home-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .home-4 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .home-4 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .home-4 .modal .modal-dialog .modal-content {
      padding: 0; }
    .home-4 .img_porfolio .col-md-4 {
      width: 100%; }
    .home-4 .feedback .feeb {
      letter-spacing: 6px; }
    .home-4 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .home-4 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .home-4 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .home-4 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .home-4 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .home-4 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .home-4 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .home-4 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .home-4 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .home-4 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .home-4 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .home-4 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .home-4 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .home-4 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .home-4 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-4 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-4 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-4 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-4 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .home-4 .servic .identity {
      padding-top: 20px; }
    .home-4 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .home-4 .porfolio .nav_main {
      float: left; }
    .home-4 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .home-4 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .home-4 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .home-4 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .home-4 .who_we_are .weare {
      padding-left: 50px; }
    .home-4 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .home-4 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .home-4 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .home-4 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .home-4 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .home-4 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .home-4 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .home-4 .video-skills .skills {
      padding: 0 15px; }
    .home-4 .contacts .contact p {
      font-size: 24px; }
    .home-4 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .home-4 .about .about-we h1 {
      font-size: 40px; }
    .home-4 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .home-4 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .home-4 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .home-4 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .home-4 .cooperate .logo-brand img {
      width: 100%; }
    .home-4 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-4 .cooperate {
      padding-top: 50px; }
    .home-4 .talk-to .row {
      padding: 50px 0; }
    .home-4 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .home-4 .sile1 .we_are {
      padding-right: 0; }
    .home-4 .about {
      top: 0;
      padding: 30px 0; }
    .home-4 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-4 .about .about-we {
      padding-left: 30px; }
    .home-4 .about .corem-ipsum {
      padding-right: 30px; }
      .home-4 .about .corem-ipsum p {
        line-height: 150%; }
    .home-4 .contacts .contact {
      text-align: center; }
    .home-4 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .home-4 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .home-4 .video-skills .video {
      padding-left: 15px; }
    .home-4 .video-skills {
      padding-bottom: 50px; }
    .home-4 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .home-4 .contacts .contact p .circle img {
      width: 8%; }
    .home-4 .contacts .contact p {
      font-size: 20px; }
    .home-4 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .home-4 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .home-4 .about .corem-ipsum {
      padding-left: 30px; }
    .home-4 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .home-4 .cooperate .logo-brand {
      text-align: center; }
    .home-4 .cooperate .logo-brand img {
      width: initial; }
    .home-4 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .home-4 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .home-4 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .home-4 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .home-4 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .home-4 .button1 .vuong {
      background: transparent !important; }
    .home-4 .button1 span {
      background: #fff !important; }
    .home-4 .phone_top .pull-right i {
      color: #fff !important; }
    .home-4 .sile1 {
      width: 65%; }
    .home-4 .about .corem-ipsum p {
      font-size: 14px; }
    .home-4 .case-center .case-studies p {
      font-size: 14px; }
    .home-4 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .slick-dots {
      bottom: -50px !important; }
    .home-4 .cooperate {
      padding-top: 50px; }
    .home-4 .who_we_are .weare {
      padding-bottom: 0; }
    .home-4 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .home-4 .button-contact button {
      height: 40px; }
    .home-4 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .home-4 .cooperate .logo-brand img {
      width: 100%; }
    .home-4 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .home-4 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .home-4 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .home-4 .talk-to .input-contact input {
      font-size: 14px; }
    .home-4 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .home-4 .servic .col-md-4 {
      padding-left: 30px; }
    .home-4 .button1 .vuong {
      background: transparent !important; }
    .home-4 .button1 span {
      background: #fff !important; }
    .home-4 .phone_top .pull-right i {
      color: #fff !important; }
    .home-4 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .home-4 .sile1 {
      width: 95%;
      left: 5%; }
    .home-4 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .home-4 .cooperate .logo-brand img {
      width: initial; }
    .home-4 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .home-4 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .home-4 .cases .read-mode {
      width: 100%; }
    .home-4 .row_top {
      width: 100%; }
    .home-4 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .home-4 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .home-4 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }

.home-5 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .home-5 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .home-5 * {
    box-sizing: border-box; }
  .home-5 .sidenav a:hover {
    color: #b6aeae; }
  .home-5 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .home-5 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .home-5 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .home-5 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-5 .button_see_contact {
    padding-left: 20px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0; }
    .home-5 .button_see_contact span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .home-5 .button_see_contact:hover {
      color: #f2f2f2; }
    .home-5 .button_see_contact:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-5 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .home-5 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .home-5 .button_rea:hover {
      opacity: 0.7; }
    .home-5 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .home-5 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .home-5 .layer {
    position: relative; }
    .home-5 .layer img {
      width: 100%; }
  .home-5 .sile1 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translate(0%, -50%); }
    .home-5 .sile1 .we_are {
      padding: 0 70px; }
      .home-5 .sile1 .we_are h1 {
        font-family: roboto condensed;
        font-size: 90px;
        color: #fff;
        font-weight: 700; }
      .home-5 .sile1 .we_are p {
        font-size: 18px;
        color: #fff;
        line-height: 185%; }
  .home-5 .phone_top {
    padding-right: 80px;
    padding-top: 15px; }
    .home-5 .phone_top .pull-right {
      cursor: pointer;
      padding: 15px;
      padding-top: 3px; }
      .home-5 .phone_top .pull-right i {
        color: #fff;
        font-size: 20px; }
    .home-5 .phone_top span {
      float: right;
      border-right: 1px solid #a6a6a6;
      font-size: 16px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 300;
      padding-right: 20px;
      padding-left: 20px; }
    .home-5 .phone_top .phonee {
      background-image: url(../img/phone1.png);
      height: 20px;
      width: 20px;
      display: inline-block;
      border-right: none !important;
      padding-left: 0 !important; }
  .home-5 .row_header5 {
    z-index: 10;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 35px;
    padding-bottom: 25px;
    background: #333; }
    .home-5 .row_header5 .logo {
      text-align: center; }
      .home-5 .row_header5 .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .home-5 .row_header5 .navba {
      padding-left: 80px;
      padding-right: 0; }
      .home-5 .row_header5 .navba .navbar-inverse {
        border: none;
        background: transparent;
        padding-right: 20px; }
        .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li {
          margin-left: 14px;
          margin-right: 14px;
          cursor: pointer; }
          .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li:hover ul {
            height: auto;
            visibility: visible;
            opacity: 1;
            overflow: visible;
            top: 103%;
            transition: all 0.4s; }
          .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap {
            background: #fff;
            display: inline-block;
            vertical-align: middle;
            padding: 10px 0;
            border: 1px solid #e9e9e9;
            list-style: none;
            height: 0px;
            top: 150%;
            visibility: hidden;
            overflow: hidden;
            opacity: 0;
            width: 160px;
            border-bottom: 1px solid;
            z-index: 1;
            position: absolute;
            margin-left: -30px; }
            .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap li {
              padding: 10px 5px; }
              .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap li:hover {
                border: none; }
              .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap li a {
                height: 0px;
                font-family: roboto condensed;
                font-weight: 700;
                color: #909090;
                transition: 0.3s;
                font-size: 14px; }
                .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap li a:hover {
                  border: 0;
                  text-decoration: none;
                  color: #b6aeae; }
          .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li a {
            color: #fff;
            font-family: roboto condensed;
            font-weight: 700;
            font-size: 14px;
            letter-spacing: 1px;
            padding-right: 0;
            padding-left: 0; }
            .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li a:hover {
              color: #998f8e; }
        .home-5 .row_header5 .navba .navbar-inverse .navbar-nav .active {
          border-bottom: 1px solid #fc6955; }
          .home-5 .row_header5 .navba .navbar-inverse .navbar-nav .active a:hover {
            background: transparent; }
  .home-5 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    left: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) 3px 20px 10px; }
    .home-5 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .home-5 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .home-5 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .home-5 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .home-5 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .home-5 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .home-5 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .home-5 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .home-5 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .home-5 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .home-5 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .home-5 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .home-5 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .home-5 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .home-5 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.5s ease 0s;
            position: relative;
            height: 2px; }
          .home-5 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .home-5 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-5 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .home-5 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-5 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .home-5 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-5 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .home-5 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-5 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .home-5 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .home-5 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .home-5 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .home-5 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .home-5 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .home-5 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .home-5 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .home-5 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .home-5 .side .phone_top {
      margin-top: 20px;
      color: #333;
      display: none;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .home-5 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .home-5 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .home-5 .sidenav a:hover {
    color: #f1f1f1; }
  .home-5 .button1 {
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer;
    float: left; }
    .home-5 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .home-5 .child2 {
    margin: 5px 0; }
  .home-5 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .home-5 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .home-5 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .home-5 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .home-5 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .home-5 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .home-5 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .home-5 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .home-5 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .home-5 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .home-5 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .home-5 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    transition: all 0.5s; }
  .home-5 .fixed-fluid {
    padding-top: 108px; }
  .home-5 .unlimited {
    padding-top: 150px;
    padding-bottom: 150px;
    background: #fff; }
    .home-5 .unlimited .welcome h5 {
      font-family: roboto condensed;
      font-weight: 700;
      color: #8f8f8f;
      letter-spacing: 2px; }
    .home-5 .unlimited .welcome h1 {
      font-family: roboto condensed;
      font-weight: 700;
      font-size: 50px;
      color: #2b2b2b;
      padding-bottom: 10px; }
    .home-5 .unlimited .welcome p {
      font-size: 16px;
      font-weight: 400;
      color: #909090;
      line-height: 185%;
      padding-bottom: 60px; }
    .home-5 .unlimited .website span {
      background-image: url(../img/Shape-1.png);
      height: 64px;
      width: 30px;
      display: inline-block; }
    .home-5 .unlimited .website h4 {
      padding: 20px 0;
      font-weight: 700;
      font-size: 20px;
      font-family: roboto condensed; }
    .home-5 .unlimited .website p {
      font-size: 16px;
      font-weight: 400;
      color: #909090;
      line-height: 185%; }
    .home-5 .unlimited .customer span {
      background-image: url(../img/Shape-4.png);
      height: 47px;
      width: 67px;
      display: inline-block;
      margin-top: 15px; }
    .home-5 .unlimited .customer h4 {
      padding: 20px 0;
      font-weight: 700;
      font-size: 20px;
      font-family: roboto condensed; }
    .home-5 .unlimited .customer p {
      font-size: 16px;
      font-weight: 400;
      line-height: 185%;
      color: #909090; }
    .home-5 .unlimited .development span {
      background-image: url(../img/Shape-3.png);
      height: 62px;
      width: 62px;
      display: inline-block; }
    .home-5 .unlimited .development h4 {
      padding: 20px 0;
      font-weight: 700;
      font-size: 20px;
      font-family: roboto condensed; }
    .home-5 .unlimited .development p {
      font-size: 16px;
      font-weight: 400;
      line-height: 185%;
      color: #909090; }
    .home-5 .unlimited .branding span {
      background-image: url(../img/Shape-2.png);
      height: 59px;
      width: 66px;
      display: inline-block; }
    .home-5 .unlimited .branding h4 {
      padding: 20px 0;
      font-weight: 700;
      font-size: 20px;
      font-family: roboto condensed; }
    .home-5 .unlimited .branding p {
      font-size: 16px;
      font-weight: 400;
      line-height: 185%;
      color: #909090; }
  .home-5 .testimonials-img img {
    width: 100%; }
  .home-5 .testimonials-design {
    text-align: center;
    padding-top: 150px;
    background: #fc6a55;
    padding-bottom: 150px; }
    .home-5 .testimonials-design .p {
      font-weight: 700;
      font-size: 30px;
      font-family: roboto condensed;
      padding-bottom: 10px;
      color: #fff;
      margin-left: 65px;
      margin-right: 65px;
      padding-left: 31%;
      padding-right: 31%; }
      .home-5 .testimonials-design .p .file {
        background-image: url(../img/file1.png);
        height: 26px;
        width: 33px;
        display: inline-block;
        margin-right: 20px;
        margin-left: -50px; }
    .home-5 .testimonials-design .pp {
      font-size: 16px;
      line-height: 185%;
      color: #fff;
      padding-left: 31%;
      padding-right: 31%; }
    .home-5 .testimonials-design .chuky {
      background-image: url(../img/chuky.png);
      height: 23px;
      width: 205px;
      display: inline-block;
      margin-top: 55px; }
  .home-5 .who_we_are {
    margin-right: 0;
    margin-left: 0;
    padding-top: 150px; }
    .home-5 .who_we_are .weare {
      padding-left: 280px;
      padding-right: 85px; }
      .home-5 .who_we_are .weare h5 {
        color: #909090;
        font-weight: 700;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .home-5 .who_we_are .weare h1 {
        font-weight: 700;
        font-family: roboto condensed;
        font-size: 50px;
        padding-bottom: 20px;
        padding-top: 20px; }
      .home-5 .who_we_are .weare p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090; }
      .home-5 .who_we_are .weare .bar .skills_bar {
        width: 100%;
        background-color: #909090; }
        .home-5 .who_we_are .weare .bar .skills_bar .html {
          width: 92%;
          background-color: #fc6a55;
          height: 5px; }
        .home-5 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #fc6a55;
          height: 5px; }
        .home-5 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #fc6a55;
          height: 5px; }
      .home-5 .who_we_are .weare .bar p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        font-family: roboto condensed;
        color: #909090;
        padding-top: 20px;
        padding-bottom: 40px; }
        .home-5 .who_we_are .weare .bar p span {
          float: right; }
    .home-5 .who_we_are .col-md-6 .detop {
      text-align: center; }
      .home-5 .who_we_are .col-md-6 .detop img {
        width: 100%; }
  .home-5 .group {
    background: #f2f2f2;
    width: 100%;
    padding-top: 150px; }
    .home-5 .group .group-img {
      padding-right: 175px; }
      .home-5 .group .group-img .img-img img {
        width: 100%;
        position: relative; }
      .home-5 .group .group-img .img-img .img-position {
        top: -120px;
        left: 100px; }
    .home-5 .group .easy-way h5 {
      font-weight: 700;
      color: #909090;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .home-5 .group .easy-way h1 {
      font-weight: 700;
      font-size: 48px;
      font-family: roboto condensed; }
    .home-5 .group .easy-way p {
      font-size: 16px;
      color: #909090;
      line-height: 185%;
      padding-bottom: 50px; }
    .home-5 .group .easy-way ul li {
      color: #909090;
      padding: 15px 0;
      font-size: 16px;
      border-bottom: 1px solid #d9d9d9;
      list-style: none; }
      .home-5 .group .easy-way ul li span {
        line-height: 19px;
        display: list-item;
        list-style-type: disc;
        color: #fd6b54;
        font-size: 25px;
        float: left;
        margin-left: 20px; }
    .home-5 .group .easy-way ul .no-border {
      border: none !important; }
  .home-5 .cuter {
    background: #333;
    border-bottom: 1px solid #ebebeb; }
    .home-5 .cuter .counter {
      padding: 90px 0; }
      .home-5 .cuter .counter .counter1 {
        margin-left: 0;
        margin-right: 0; }
        .home-5 .cuter .counter .counter1 .col-md-3 p {
          font-size: 14px;
          font-family: roboto condensed;
          color: #909090;
          letter-spacing: 1px; }
        .home-5 .cuter .counter .counter1 .col-md-3 .counte {
          font-weight: 700;
          font-size: 40px;
          font-family: roboto condensed;
          color: #fff; }
        .home-5 .cuter .counter .counter1 .col-md-3 span {
          height: 30px;
          border-left: 1px solid #fa6c54; }
  .home-5 .porfo {
    border-bottom: 1px solid #f2f2f2; }
    .home-5 .porfo .porfolio {
      padding: 150px 0; }
      .home-5 .porfo .porfolio .col-md-4 .p {
        font-family: roboto condensed;
        font-weight: 700;
        color: #909090;
        padding-top: 15px;
        letter-spacing: 2px; }
      .home-5 .porfo .porfolio .col-md-4 h1 {
        font-weight: 700;
        font-family: roboto condensed;
        font-size: 50px; }
      .home-5 .porfo .porfolio .col-md-4 .some {
        line-height: 185%;
        color: #909090;
        font-size: 16px; }
    .home-5 .porfo .nav_main {
      float: right; }
      .home-5 .porfo .nav_main .nav-tabs {
        background: transparent;
        border: none; }
        .home-5 .porfo .nav_main .nav-tabs li {
          padding-left: 15px;
          padding-right: 25px;
          float: left;
          margin-bottom: -1px; }
          .home-5 .porfo .nav_main .nav-tabs li a {
            transition: all .4s;
            font-family: roboto condensed;
            font-weight: 400;
            color: #909090;
            border: none;
            letter-spacing: 1px;
            padding-right: 0;
            padding-left: 0; }
            .home-5 .porfo .nav_main .nav-tabs li a:hover {
              border-color: #fff;
              color: #333333; }
        .home-5 .porfo .nav_main .nav-tabs .active > a {
          color: black;
          background: transparent;
          border-bottom: 1px solid #fc6955 !important;
          transition: 0.4s;
          border-top: none !important;
          border-left: none !important;
          border-right: none !important; }
      .home-5 .porfo .nav_main .nav > li > a:hover {
        background: transparent; }
    .home-5 .porfo .img_porfolio .col-md-6 {
      padding: 15px; }
    .home-5 .porfo .img_porfolio .item {
      position: relative;
      overflow: hidden; }
      .home-5 .porfo .img_porfolio .item:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .home-5 .porfo .img_porfolio .item img {
        width: 100%;
        transition: .4s;
        cursor: pointer; }
  .home-5 .blog {
    padding: 150px 0; }
    .home-5 .blog .col-md-12 h5 {
      font-weight: 700;
      color: #909090;
      font-family: roboto condensed;
      text-align: center;
      letter-spacing: 2px; }
    .home-5 .blog .col-md-12 h1 {
      font-weight: 700;
      font-size: 50px;
      font-family: roboto condensed;
      padding-top: 10px;
      padding-bottom: 60px;
      text-align: center; }
    .home-5 .blog .blog_name {
      padding-top: 15px;
      padding-bottom: 50px; }
      .home-5 .blog .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 30px;
        line-height: 185%; }
      .home-5 .blog .blog_name h5 {
        color: #909090;
        padding-bottom: 13px; }
      .home-5 .blog .blog_name span {
        color: #fc6a53; }
      .home-5 .blog .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
  .home-5 #googlemap1 {
    width: 100%;
    height: 800px; }
  .home-5 .footer {
    background: #f2f2f2; }
    .home-5 .footer .full-container {
      padding: 0 80px; }
      .home-5 .footer .full-container .footer1 {
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 100px;
        padding-top: 100px; }
        .home-5 .footer .full-container .footer1 .logo-foo {
          margin-bottom: 60px;
          background-image: url(../img/logo1.png);
          height: 47px;
          width: 148px;
          display: inline-block; }
        .home-5 .footer .full-container .footer1 .logo_footer {
          display: inline-block;
          padding-right: 100px;
          padding-bottom: 50px; }
          .home-5 .footer .full-container .footer1 .logo_footer ul {
            list-style: none;
            -webkit-padding-start: 10px; }
            .home-5 .footer .full-container .footer1 .logo_footer ul li .loca {
              background-image: url(../img/loca1.png);
              height: 20px;
              width: 16px;
              display: inline-block;
              margin-right: 10px; }
            .home-5 .footer .full-container .footer1 .logo_footer ul li .phone {
              background-image: url(../img/phone1.png);
              height: 20px;
              width: 20px;
              display: inline-block;
              margin-right: 10px; }
            .home-5 .footer .full-container .footer1 .logo_footer ul li .emai {
              background-image: url(../img/emai1.png);
              height: 18px;
              width: 20px;
              display: inline-block;
              margin-right: 10px; }
          .home-5 .footer .full-container .footer1 .logo_footer h5 {
            padding-left: 30px;
            font-size: 16px;
            font-family: roboto condensed;
            color: #909090;
            padding-bottom: 10px;
            line-height: 140%; }
          .home-5 .footer .full-container .footer1 .logo_footer p {
            font-size: 14px;
            font-family: roboto condensed;
            font-weight: 700;
            color: #333; }
        .home-5 .footer .full-container .footer1 .links {
          display: inline-block;
          padding-right: 100px;
          padding-bottom: 110px; }
          .home-5 .footer .full-container .footer1 .links p {
            font-size: 20px;
            color: #333;
            font-weight: 700;
            padding-left: 41px;
            font-family: roboto condensed;
            padding-bottom: 60px; }
          .home-5 .footer .full-container .footer1 .links ul li {
            list-style: none;
            padding: 15px 0;
            border-bottom: 1px solid #d9d9d9; }
            .home-5 .footer .full-container .footer1 .links ul li a {
              color: #909090;
              font-family: roboto condensed;
              font-size: 16px; }
            .home-5 .footer .full-container .footer1 .links ul li span {
              line-height: 19px;
              display: list-item;
              list-style: none;
              list-style-type: square;
              color: #fd6b54;
              font-size: 16px;
              float: left;
              margin-left: 17px; }
          .home-5 .footer .full-container .footer1 .links ul .k_border {
            border-bottom: none; }
        .home-5 .footer .full-container .footer1 .recent_post {
          display: inline-block;
          padding-right: 100px; }
          .home-5 .footer .full-container .footer1 .recent_post p {
            font-size: 20px;
            color: #333;
            font-weight: 700;
            padding-left: 41px;
            font-family: roboto condensed;
            padding-bottom: 60px; }
          .home-5 .footer .full-container .footer1 .recent_post ul li {
            padding-bottom: 15px;
            padding-top: 7px;
            border-bottom: 1px solid #d9d9d9;
            list-style: none; }
            .home-5 .footer .full-container .footer1 .recent_post ul li h5 {
              margin-bottom: 5px;
              font-size: 16px;
              color: #909090;
              font-family: roboto condensed; }
            .home-5 .footer .full-container .footer1 .recent_post ul li a {
              font-size: 16px;
              font-family: roboto condensed;
              color: #333;
              font-weight: 700; }
          .home-5 .footer .full-container .footer1 .recent_post ul .k_border {
            border-bottom: none; }
        .home-5 .footer .full-container .footer1 .newsletter {
          display: inline-block;
          padding-left: 100px; }
          .home-5 .footer .full-container .footer1 .newsletter p {
            font-size: 20px;
            color: #333;
            font-weight: 700;
            font-family: roboto condensed;
            padding-bottom: 60px; }
          .home-5 .footer .full-container .footer1 .newsletter h4 {
            color: #909090;
            font-size: 16px;
            font-family: roboto condensed;
            list-style: none;
            padding: 15px 0; }
          .home-5 .footer .full-container .footer1 .newsletter .your {
            width: 100%;
            height: 50px;
            text-align: left;
            background: #323a4d;
            color: #fff;
            outline: 0;
            position: relative;
            border: none;
            font-family: roboto;
            margin-bottom: 15px;
            padding-top: 0px;
            transition: all .3s; }
            .home-5 .footer .full-container .footer1 .newsletter .your .form-control {
              background: #323a4d;
              border: none;
              font-size: 16px;
              color: #fff;
              height: 100%;
              border-radius: 0;
              box-shadow: none;
              padding: 6px  20px; }
              .home-5 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
                color: #fff; }
            .home-5 .footer .full-container .footer1 .newsletter .your .input-group-btn {
              position: absolute;
              top: 0;
              display: inline-block;
              right: 30px; }
            .home-5 .footer .full-container .footer1 .newsletter .your .button_search {
              background: transparent;
              border: none;
              height: 50px;
              margin-left: -20px; }
              .home-5 .footer .full-container .footer1 .newsletter .your .button_search span {
                float: right;
                margin-bottom: 0;
                background-image: url(../img/your.png);
                height: 11px;
                width: 14px;
                display: inline-block;
                margin-right: 15px; }
            .home-5 .footer .full-container .footer1 .newsletter .your:hover {
              background: #495163; }
          .home-5 .footer .full-container .footer1 .newsletter .subs {
            padding-left: 20px;
            width: 100%;
            position: relative;
            text-transform: uppercase;
            height: 50px;
            text-align: left;
            background: #fc6955;
            color: #fff;
            outline: 0;
            border: none;
            font-size: 14px;
            font-family: roboto condensed;
            font-weight: 700;
            padding-top: 0;
            transition: all .3s;
            margin-top: 0; }
            .home-5 .footer .full-container .footer1 .newsletter .subs:hover {
              background: #f45740; }
            .home-5 .footer .full-container .footer1 .newsletter .subs:hover .xoay {
              transform: rotate(90deg);
              -moz-transform: rotate(90deg);
              -webkit-transform: rotate(90deg);
              -o-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              position: relative; }
            .home-5 .footer .full-container .footer1 .newsletter .subs span {
              float: right;
              background-image: url(../img/line.png);
              height: 1px;
              width: 20px;
              display: inline-block;
              margin-right: 15px;
              margin-top: 10px; }
      .home-5 .footer .full-container .footer2 {
        padding: 20px 0; }
        .home-5 .footer .full-container .footer2 .copy {
          color: #909090; }
        .home-5 .footer .full-container .footer2 .goto {
          text-align: right; }
          .home-5 .footer .full-container .footer2 .goto span {
            color: #333;
            font-weight: 700;
            font-family: roboto condensed;
            cursor: pointer; }
  @media screen and (max-width: 1360px) {
    .home-5 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .home-5 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .home-5 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .home-5 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .home-5 .who_we_are .weare {
      padding-left: 100px; }
    .home-5 .sile1 .we_are {
      padding-right: 30px; }
    .home-5 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .home-5 .sile1 .we_are h1 {
      font-size: 50px; }
    .home-5 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .home-5 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .home-5 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .home-5 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .home-5 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .home-5 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .home-5 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .home-5 .team {
      padding: 50px 0; }
    .home-5 .unlimited {
      padding-bottom: 50px; }
    .home-5 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .home-5 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .home-5 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .home-5 .servic .development {
      border: none; }
    .home-5 .servic .appdevelopment {
      border: none; }
    .home-5 .servic .marketing {
      border: none; }
    .home-5 .servic .design {
      border: none; }
    .home-5 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .home-5 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .home-5 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .home-5 .sile1 .we_are {
      padding-right: 10px; }
    .home-5 .porfolio .blanc {
      padding-right: 0; }
    .home-5 .porfolio .mock {
      padding-left: 0; }
    .home-5 .what1 .js-click-product {
      height: 120px; }
    .home-5 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .home-5 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .home-5 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .home-5 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .home-5 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-5 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .home-5 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-5 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .home-5 .pricing-table {
      padding-top: 100px; }
    .home-5 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .home-5 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .home-5 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .home-5 .sile1 {
      width: 100%; }
    .home-5 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .home-5 .servic .creation {
      padding-top: 19px; }
    .home-5 .servic .design {
      padding: 15px; }
    .home-5 .servic .appdevelopment {
      padding: 15px; }
    .home-5 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .home-5 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .home-5 .pricing-table {
      padding-top: 50px; }
    .home-5 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-5 .servic .col-md-12 p {
      font-size: 24px; }
    .home-5 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .home-5 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .home-5 .what1 .main-img .slick-slide {
      display: none; }
    .home-5 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .home-5 .porfolio .blanc img {
      width: 100%; }
    .home-5 .sile1 {
      width: 97%; }
    .home-5 .servic .col-md-4 {
      padding-left: 15px; }
    .home-5 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .home-5 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .home-5 .slick-slider .slick-track {
      width: 250px; }
    .home-5 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .home-5 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .home-5 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .home-5 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .home-5 .pull-right {
    cursor: pointer; }
  .home-5 * {
    outline: none !important; }
  .home-5 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .home-5 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .home-5 .create {
      padding: 117px 30px; }
    .home-5 .careate .carea .cust {
      padding: 15px 10px; }
    .home-5 .carea {
      padding: 40px 80px; }
    .home-5 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .home-5 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .home-5 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .home-5 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .home-5 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .home-5 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .home-5 .affixx .navba {
      padding-left: 5px; }
    .home-5 .phone_top {
      padding-right: 5px; }
    .home-5 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .home-5 .counter1 .col-md-3 {
      padding-left: 8%; }
    .home-5 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .home-5 .feedback .feeb {
      font-size: 200px; }
    .home-5 .affixx .navba {
      padding-left: 15px; }
    .home-5 .phone_top {
      padding-right: 15px; }
    .home-5 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .home-5 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .home-5 .we_are {
      padding: 0 50px; }
    .home-5 .careate .carea .cust {
      padding: 10px 10px; }
    .home-5 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .home-5 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .home-5 .cust h1 {
      padding-bottom: 0; }
    .home-5 .cust p {
      line-height: 150%; }
    .home-5 .button_see {
      margin-top: 27px; }
    .home-5 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .home-5 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .home-5 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .home-5 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .home-5 .footer .full-container {
      padding: 0 15px; }
    .home-5 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .home-5 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .home-5 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .home-5 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .home-5 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-5 .contacts .contact {
      padding: 20px 0; }
    .home-5 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .home-5 .feedback .slide_main .test {
      padding-top: 50px; }
    .home-5 .phone_top {
      padding-top: 0; }
    .home-5 .phone_top .pull-right {
      padding: 5px; }
    .home-5 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .home-5 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .home-5 .affixx .sidenav .navbar .nav {
      float: none; }
    .home-5 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .home-5 .affixx {
      padding-bottom: 10px !important; }
    .home-5 .counter1 .col-md-3 {
      padding-left: 6%; }
    .home-5 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .home-5 .header-lap {
      display: none; }
    .home-5 .header-mobi {
      display: block; }
    .home-5 .feedback {
      padding-bottom: 50px; }
    .home-5 .cust h1 {
      font-size: 30px; }
    .home-5 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .home-5 .all-pro span {
      margin-right: 5px; }
    .home-5 .phone_top span {
      display: none; }
    .home-5 .phone_top .phonee {
      display: none; }
    .home-5 .who_we_are {
      padding: 50px 0; }
    .home-5 .blog {
      padding: 50px 0; }
    .home-5 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .home-5 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .home-5 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .home-5 .who_we_are .we_01 {
      padding: 0 15px; }
    .home-5 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .home-5 .porfolio .col-md-8 {
      padding-left: 0; }
    .home-5 .feedback .feeb {
      font-size: 130px; }
    .home-5 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-5 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .home-5 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .home-5 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .home-5 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .home-5 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .home-5 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .home-5 .links ul {
      -webkit-padding-start: 0px; }
    .home-5 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .home-5 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .home-5 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .home-5 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .home-5 .recent_post ul {
      -webkit-padding-start: 0px; }
    .home-5 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .home-5 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .home-5 .servic {
      padding-top: 50px; }
    .home-5 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .home-5 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .home-5 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .home-5 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .home-5 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .home-5 .row_top div p {
      line-height: 170%; }
    .home-5 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .home-5 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .home-5 .slide_main .test {
      padding-top: 100px; }
    .home-5 .img_porfolio .col-md-4 {
      width: 50%; }
    .home-5 .servic .col-md-4 {
      width: 50%; }
    .home-5 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .home-5 .blog .col-md-4 {
      width: 33.33333%; }
    .home-5 .button_see {
      margin-top: 10px; }
    .home-5 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .home-5 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .home-5 .button_rea {
      height: 38px;
      margin-top: 0; }
    .home-5 .footer .full-container .footer2 .copy {
      text-align: center; }
    .home-5 .footer .full-container .footer2 .goto {
      text-align: center; }
    .home-5 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .home-5 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .home-5 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-5 .feedback .information .lazy h3 {
      font-size: 20px; }
    .home-5 * h1 {
      font-size: 36px !important; }
    .home-5 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .home-5 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .home-5 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .home-5 .feedback .feeb {
      font-size: 100px; }
    .home-5 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .home-5 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .home-5 .who_we_are .who_are p {
      font-size: 14px; }
    .home-5 .careate .carea .cust h1 {
      font-size: 36px; }
    .home-5 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .home-5 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .home-5 .feedback .slide_main .test p {
      font-size: 36px; }
    .home-5 .feedback .information .lazy h3 {
      font-size: 16px; }
    .home-5 .cuter .counter {
      padding: 50px 0 0 0; }
    .home-5 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .home-5 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .home-5 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .home-5 .porfolio {
      padding: 50px 0px; }
    .home-5 .button-proje {
      width: 210px; }
    .home-5 .video .row_video .video1 > p {
      font-size: 24px; }
    .home-5 .blog .col-md-12 h1 {
      font-size: 36px; }
    .home-5 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .home-5 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .footer #googlemap1 {
      height: 400px; }
    .home-5 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-5 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .home-5 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .home-5 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .home-5 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .home-5 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .home-5 .side .navbar .list-group-item button {
      top: 0; }
    .home-5 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .home-5 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .home-5 .base {
      margin-left: 0 !important; }
    .home-5 .baseright {
      margin-left: 0 !important; }
    .home-5 .sile1 {
      top: 60%; }
    .home-5 .affixx {
      background: #333 !important; }
    .home-5 .affixx {
      padding-top: 20px !important; }
    .home-5 .feedback .feeb {
      font-size: 70px; }
    .home-5 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .home-5 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .home-5 .who_we_are .who_are h1 {
      font-size: 24px; }
    .home-5 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .home-5 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .home-5 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .home-5 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .home-5 .servic .col-md-12 p {
      font-size: 24px; }
    .home-5 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .home-5 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .home-5 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .home-5 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .home-5 .button_see {
      margin-top: 0; }
    .home-5 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .home-5 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .home-5 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .home-5 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-5 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-5 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-5 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .home-5 .feedback .slide_main .test p {
      font-size: 24px; }
    .home-5 .feedback .information .lazy h3 {
      font-size: 14px; }
    .home-5 * h1 {
      font-size: 24px !important; }
    .home-5 .affixx {
      position: inherit !important; }
    .home-5 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .home-5 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .home-5 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .home-5 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .home-5 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .home-5 .modal .modal-dialog .modal-content {
      padding: 0; }
    .home-5 .img_porfolio .col-md-4 {
      width: 100%; }
    .home-5 .feedback .feeb {
      letter-spacing: 6px; }
    .home-5 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .home-5 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .home-5 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .home-5 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .home-5 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .home-5 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .home-5 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .home-5 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .home-5 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .home-5 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .home-5 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .home-5 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .home-5 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .home-5 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .home-5 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-5 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-5 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-5 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .home-5 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .home-5 .servic .identity {
      padding-top: 20px; }
    .home-5 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .home-5 .porfolio .nav_main {
      float: left; }
    .home-5 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .home-5 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .home-5 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .home-5 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .home-5 .who_we_are .weare {
      padding-left: 50px; }
    .home-5 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .home-5 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .home-5 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .home-5 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .home-5 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .home-5 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .home-5 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .home-5 .video-skills .skills {
      padding: 0 15px; }
    .home-5 .contacts .contact p {
      font-size: 24px; }
    .home-5 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .home-5 .about .about-we h1 {
      font-size: 40px; }
    .home-5 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .home-5 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .home-5 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .home-5 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .home-5 .cooperate .logo-brand img {
      width: 100%; }
    .home-5 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-5 .cooperate {
      padding-top: 50px; }
    .home-5 .talk-to .row {
      padding: 50px 0; }
    .home-5 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .home-5 .sile1 .we_are {
      padding-right: 0; }
    .home-5 .about {
      top: 0;
      padding: 30px 0; }
    .home-5 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .home-5 .about .about-we {
      padding-left: 30px; }
    .home-5 .about .corem-ipsum {
      padding-right: 30px; }
      .home-5 .about .corem-ipsum p {
        line-height: 150%; }
    .home-5 .contacts .contact {
      text-align: center; }
    .home-5 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .home-5 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .home-5 .video-skills .video {
      padding-left: 15px; }
    .home-5 .video-skills {
      padding-bottom: 50px; }
    .home-5 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .home-5 .contacts .contact p .circle img {
      width: 8%; }
    .home-5 .contacts .contact p {
      font-size: 20px; }
    .home-5 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .home-5 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .home-5 .about .corem-ipsum {
      padding-left: 30px; }
    .home-5 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .home-5 .cooperate .logo-brand {
      text-align: center; }
    .home-5 .cooperate .logo-brand img {
      width: initial; }
    .home-5 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .home-5 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .home-5 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .home-5 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .home-5 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .home-5 .button1 .vuong {
      background: transparent !important; }
    .home-5 .button1 span {
      background: #fff !important; }
    .home-5 .phone_top .pull-right i {
      color: #fff !important; }
    .home-5 .sile1 {
      width: 65%; }
    .home-5 .about .corem-ipsum p {
      font-size: 14px; }
    .home-5 .case-center .case-studies p {
      font-size: 14px; }
    .home-5 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .slick-dots {
      bottom: -50px !important; }
    .home-5 .cooperate {
      padding-top: 50px; }
    .home-5 .who_we_are .weare {
      padding-bottom: 0; }
    .home-5 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .home-5 .button-contact button {
      height: 40px; }
    .home-5 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .home-5 .cooperate .logo-brand img {
      width: 100%; }
    .home-5 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .home-5 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .home-5 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .home-5 .talk-to .input-contact input {
      font-size: 14px; }
    .home-5 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .home-5 .servic .col-md-4 {
      padding-left: 30px; }
    .home-5 .button1 .vuong {
      background: transparent !important; }
    .home-5 .button1 span {
      background: #fff !important; }
    .home-5 .phone_top .pull-right i {
      color: #fff !important; }
    .home-5 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .home-5 .sile1 {
      width: 95%;
      left: 5%; }
    .home-5 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .home-5 .cooperate .logo-brand img {
      width: initial; }
    .home-5 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .home-5 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .home-5 .cases .read-mode {
      width: 100%; }
    .home-5 .row_top {
      width: 100%; }
    .home-5 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .home-5 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .home-5 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1680px) {
    .home-5 .phone_top {
      padding-right: 80px; } }
  @media screen and (max-width: 1240px) {
    .home-5 .unlimited .col-md-3 {
      padding: 15px; }
    .home-5 .testimonials-design .p {
      padding-left: 17%;
      padding-right: 17%; }
    .home-5 .testimonials-design .pp {
      padding-left: 17%;
      padding-right: 17%; }
    .home-5 .group .easy-way ul li {
      padding: 10px 0;
      font-size: 14px; }
    .home-5 .easy-way {
      padding-left: 0;
      padding-right: 0; }
    .home-5 .easy-way ul {
      -webkit-padding-start: 10px; }
    .home-5 .group .easy-way p {
      font-size: 14px;
      padding-bottom: 10px; }
    .home-5 .group .easy-way h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1024px) {
    .home-5 .side .phone_top {
      display: block; }
    .home-5 .layer {
      padding-top: 0px; }
    .home-5 .group {
      padding-top: 50px; }
    .home-5 .testimonials-design {
      padding-bottom: 50px;
      padding-top: 50px; }
    .home-5 .unlimited {
      padding-top: 30px; }
    .home-5 .row_header5 .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .home-5 .row_header5 {
      padding-bottom: 10px;
      padding-top: 15px; }
    .home-5 .row_header5 .navba {
      padding-left: 15px; }
    .home-5 .phone_top {
      padding-right: 15px; } }
  @media screen and (max-width: 991px) {
    .home-5 .unlimited .col-md-3 {
      padding-bottom: 50px; }
    .home-5 .unlimited .customer {
      padding-bottom: 55px; }
    .home-5 .group {
      padding-bottom: 100px; }
    .home-5 .our-recent {
      padding-bottom: 50px; }
    .home-5 .sile1 .we_are {
      padding-left: 15px; }
    .home-5 .porfo .porfolio {
      padding: 80px 15px; }
    .home-5 .testimonials-design .p {
      padding-left: 5%;
      padding-right: 5%; }
    .home-5 .testimonials-design .pp {
      padding-left: 5%;
      padding-right: 5%; }
    .home-5 .easy-way {
      padding-left: 15px;
      padding-right: 15px; }
    .home-5 br {
      display: none; } }
  @media screen and (max-width: 768px) {
    .home-5 .blog .col-md-4 {
      width: 50%;
      text-align: left; }
    .home-5 .porfo .nav_main .nav-tabs {
      padding-left: 10px; }
    .home-5 .unlimited {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 680px) {
    .home-5 .blog .col-md-4 .blog_name a {
      font-size: 17px; }
    .home-5 .sile1 {
      width: 100%;
      left: 0; }
    .home-5 .unlimited .development {
      clear: left; } }
  @media screen and (max-width: 568px) {
    .home-5 .sile1 {
      top: 50%; }
    .home-5 .layer {
      padding-top: 0; }
    .home-5 .unlimited .col-md-3 {
      width: 100%; }
    .home-5 .testimonials-design .p {
      font-size: 24px; }
    .home-5 .testimonials-design .pp {
      font-size: 14px; }
    .home-5 .blog .col-md-4 {
      width: 100%; }
    .home-5 .blog .blog_name {
      padding-bottom: 0; }
    .home-5 #googlemap1 {
      height: 300px; }
    .home-5 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .home-5 .testimonials-design .chuky {
      margin-top: 20px; }
    .home-5 .group .easy-way ul li span {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .home-5 .fixed-fluid {
      padding-top: 60px; }
    .home-5 .sile1 {
      left: 0;
      width: 100%; }
    .home-5 .row_header5 {
      padding-top: 20px; }
    .home-5 .affix {
      padding-top: 15px;
      padding-bottom: 10px; }
    .home-5 .testimonials-design .p .file {
      margin-left: 0; }
    .home-5 .testimonials-design .p {
      margin-left: 0;
      margin-right: 0; }
    .home-5 .group .group-img {
      padding-right: 125px; }
    .home-5 .img_porfolio .col-xs-6 {
      width: 100%; }
    .home-5 .porfolio .nav_main {
      margin-left: 0; }
    .home-5 .porfolio .col-md-8 {
      padding-right: 0; }
    .home-5 .porfolio .nav_main .nav-tabs .active {
      padding-bottom: 0; }
    .home-5 .porfolio .nav_main .nav-tabs li {
      padding-bottom: 1px; } }

.page-404 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .page-404 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .page-404 * {
    box-sizing: border-box; }
  .page-404 .sidenav a:hover {
    color: #b6aeae; }
  .page-404 .button_see {
    padding-left: 10px;
    margin-top: 40px;
    width: 240px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .page-404 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 10px;
      display: inline-block;
      position: relative; }
    .page-404 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .page-404 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .page-404 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .page-404 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .page-404 .button_rea:hover {
      opacity: 0.7; }
    .page-404 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .page-404 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .page-404 .layer {
    position: relative; }
    .page-404 .layer img {
      width: 100%; }
  .page-404 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .page-404 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .page-404 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .page-404 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .page-404 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .page-404 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .page-404 .affixx .sidenav .navbar .nav {
          float: right; }
          .page-404 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .page-404 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .page-404 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .page-404 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .page-404 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .page-404 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .page-404 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .page-404 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .page-404 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .page-404 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .page-404 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .page-404 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .page-404 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .page-404 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .page-404 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .page-404 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .page-404 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .page-404 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .page-404 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .page-404 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .page-404 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .page-404 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .page-404 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .page-404 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .page-404 .header-mobi {
    display: none; }
    .page-404 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .page-404 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .page-404 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .page-404 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .page-404 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          transition: all 0.4s;
          overflow: visible;
          top: 103%; }
        .page-404 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .page-404 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .page-404 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .page-404 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .page-404 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .page-404 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .page-404 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .page-404 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .page-404 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .page-404 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .page-404 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .page-404 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .page-404 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .page-404 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-404 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .page-404 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-404 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .page-404 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-404 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .page-404 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-404 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .page-404 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-404 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .page-404 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .page-404 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-404 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-404 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .page-404 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .page-404 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .page-404 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .page-404 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .page-404 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .page-404 .sidenav a:hover {
    color: #f1f1f1; }
  .page-404 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .page-404 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .page-404 .child2 {
    margin: 5px 0; }
  .page-404 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .page-404 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .page-404 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .page-404 .container_header .breadcrumb {
      background: transparent; }
      .page-404 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .page-404 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .page-404 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .page-404 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .page-404 .contacts {
    background: #fc6a55; }
    .page-404 .contacts .contact {
      padding-bottom: 40px;
      padding-top: 50px; }
      .page-404 .contacts .contact p {
        font-size: 30px;
        font-family: roboto condensed;
        color: #fff; }
        .page-404 .contacts .contact p .circle {
          padding-right: 20px; }
  .page-404 .button_see_contact {
    padding-left: 20px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .page-404 .button_see_contact span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .page-404 .button_see_contact:hover {
      color: #f2f2f2; }
    .page-404 .button_see_contact:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .page-404 .page-404 {
    padding: 150px 15px;
    text-align: center;
    position: relative; }
    .page-404 .page-404 .welll {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .page-404 .page-404 .welll h1 {
        font-size: 50px;
        font-weight: 700;
        font-family: roboto condensed; }
      .page-404 .page-404 .welll p {
        font-size: 20px;
        font-weight: 400;
        padding-top: 20px;
        padding-bottom: 20px; }
  @media (max-width: 1680px) {
    .page-404 .over img {
      width: 100%; } }
  @media (max-width: 1360px) {
    .page-404 .page-404 img {
      width: 90%; } }
  @media (max-width: 768px) {
    .page-404 .page-404 {
      padding: 50px 15px; } }
  @media (max-width: 480px) {
    .page-404 .footer .full-container .footer1 .newsletter .subs {
      width: 100% !important; }
    .page-404 .button_see {
      width: 150px !important; }
    .page-404 .affixx {
      background: #333 !important; } }
  .page-404 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .page-404 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .page-404 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .page-404 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .page-404 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .page-404 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .page-404 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .page-404 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .page-404 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .page-404 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .page-404 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .page-404 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .page-404 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .page-404 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .page-404 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .page-404 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .page-404 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .page-404 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .page-404 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .page-404 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .page-404 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .page-404 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .page-404 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .page-404 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .page-404 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .page-404 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .page-404 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .page-404 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .page-404 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .page-404 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .page-404 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .page-404 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .page-404 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          width: 100%;
          text-transform: uppercase;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0;
          outline: 0; }
          .page-404 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .page-404 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .page-404 .footer .full-container .footer2 {
      padding: 20px 0; }
      .page-404 .footer .full-container .footer2 .copy {
        color: #909090; }
      .page-404 .footer .full-container .footer2 .goto {
        text-align: right; }
        .page-404 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media (max-width: 1680px) {
    .page-404 .post .there-is .imfor {
      padding: 50px 30px; }
    .page-404 .post .there-is1 .imfor {
      padding: 50px 30px; } }
  @media (max-width: 1440px) {
    .page-404 .post .there-is .imfor {
      padding: 20px 15px; }
    .page-404 .post .there-is1 .imfor {
      padding: 20px 15px; }
    .page-404 .post .there-is1 .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .page-404 .post .there-is1 .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; }
    .page-404 .post .there-is .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .page-404 .post .there-is .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; } }
  @media (max-width: 1200px) {
    .page-404 .post .there-is1 .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .post .there-is1 .imfor h1 {
      font-size: 24px; }
    .page-404 .post .there-is .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .post .there-is .imfor h1 {
      font-size: 24px; } }
  @media (max-width: 1024px) {
    .page-404 .post .there-is .imfor {
      padding: 5px 10px; }
    .page-404 .post .there-is1 .imfor {
      padding: 5px 10px; }
    .page-404 .post .post6 .alex {
      padding-top: 50px; }
    .page-404 .post .post1 {
      padding: 50px 15px; } }
  @media (max-width: 991px) {
    .page-404 .post .there-is .imfor {
      padding: 50px 30px; }
    .page-404 .post .there-is1 .imfor {
      padding: 50px 30px; }
    .page-404 .post .there-is1 .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .page-404 .post .there-is1 .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .page-404 .post .there-is .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .page-404 .post .there-is .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .page-404 .post .post6 .alex .boder .text p {
      font-size: 14px;
      line-height: 160%;
      padding: 0 5px 0 15px; }
    .page-404 .post .post6 .alex .boder .text h4 {
      padding-left: 15px; }
    .page-404 .post .what-you {
      padding: 50px 15px; }
    .page-404 .post .what-you2 {
      padding: 50px 15px; }
    .page-404 .post .post5 {
      padding: 50px 15px; }
    .page-404 .post .post6 {
      padding: 50px 15px; }
    .page-404 .comments .padd {
      padding: 50px 15px; }
    .page-404 .write-comments .row {
      padding: 50px 15px; }
    .page-404 .comments .alex {
      float: left; }
    .page-404 .comments .alex .boder .text p {
      font-size: 14px;
      line-height: 160%; } }
  @media (max-width: 767px) {
    .page-404 .post .post6 h4 {
      padding-left: 0; }
    .page-404 .post .post5 p {
      padding: 0 0 20px 0; }
    .page-404 .post .post6 p {
      padding: 0 0 20px 0; }
    .page-404 .post .post6 .button {
      padding-left: 0; }
    .page-404 .post .post6 .alex {
      float: left;
      padding-left: 0; }
    .page-404 .blog .col-md-4 {
      text-align: left; }
    .page-404 .post .what-you p {
      padding-right: 0; }
    .page-404 .post .what-you2 p {
      padding-right: 0; }
    .page-404 .post .what-you2 h4 {
      padding: 10px 0 0 20px; } }
  @media (max-width: 680px) {
    .page-404 .comments .alex .boder .text {
      padding-left: 15px; } }
  @media (max-width: 568px) {
    .page-404 .post .post4 {
      padding: 0 15px; }
    .page-404 p {
      font-size: 14px !important; }
    .page-404 .contacts .contact p {
      font-size: 20px !important; }
    .page-404 * h1 {
      font-size: 24px !important; }
    .page-404 .comments .alex .boder .img img {
      width: 100%; }
    .page-404 .post .post6 .alex .boder .img img {
      width: 100%;
      padding-left: 5px; }
    .page-404 .post .post6 .alex {
      padding-top: 50px; } }
  @media (max-width: 480px) {
    .page-404 .container_header .breadcrumb .active {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 150px; }
    .page-404 .container_header .breadcrumb li {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  @media (max-width: 480px) {
    .page-404 .container_header .breadcrumb .active {
      width: 118px; }
    .page-404 .write-comments .input-contact {
      width: 100%; } }
  @media (max-width: 360px) {
    .page-404 .write-comments .input-contact {
      width: 100%; } }
  @media screen and (max-width: 1360px) {
    .page-404 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .page-404 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .page-404 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .page-404 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .page-404 .who_we_are .weare {
      padding-left: 100px; }
    .page-404 .sile1 .we_are {
      padding-right: 30px; }
    .page-404 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .page-404 .sile1 .we_are h1 {
      font-size: 50px; }
    .page-404 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .page-404 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .page-404 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .page-404 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .page-404 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .page-404 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .page-404 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .page-404 .team {
      padding: 50px 0; }
    .page-404 .unlimited {
      padding-bottom: 50px; }
    .page-404 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .page-404 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .page-404 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .page-404 .servic .development {
      border: none; }
    .page-404 .servic .appdevelopment {
      border: none; }
    .page-404 .servic .marketing {
      border: none; }
    .page-404 .servic .design {
      border: none; }
    .page-404 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .page-404 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .page-404 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .page-404 .sile1 .we_are {
      padding-right: 10px; }
    .page-404 .porfolio .blanc {
      padding-right: 0; }
    .page-404 .porfolio .mock {
      padding-left: 0; }
    .page-404 .what1 .js-click-product {
      height: 120px; }
    .page-404 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .page-404 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .page-404 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .page-404 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .page-404 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .page-404 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .page-404 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .page-404 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .page-404 .pricing-table {
      padding-top: 100px; }
    .page-404 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .page-404 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .page-404 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .page-404 .sile1 {
      width: 100%; }
    .page-404 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .page-404 .servic .creation {
      padding-top: 19px; }
    .page-404 .servic .design {
      padding: 15px; }
    .page-404 .servic .appdevelopment {
      padding: 15px; }
    .page-404 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .page-404 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .page-404 .pricing-table {
      padding-top: 50px; }
    .page-404 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .page-404 .servic .col-md-12 p {
      font-size: 24px; }
    .page-404 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .page-404 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .page-404 .what1 .main-img .slick-slide {
      display: none; }
    .page-404 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .page-404 .porfolio .blanc img {
      width: 100%; }
    .page-404 .sile1 {
      width: 97%; }
    .page-404 .servic .col-md-4 {
      padding-left: 15px; }
    .page-404 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .page-404 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .page-404 .slick-slider .slick-track {
      width: 250px; }
    .page-404 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .page-404 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .page-404 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .page-404 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .page-404 .pull-right {
    cursor: pointer; }
  .page-404 * {
    outline: none !important; }
  .page-404 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .page-404 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .page-404 .create {
      padding: 117px 30px; }
    .page-404 .careate .carea .cust {
      padding: 15px 10px; }
    .page-404 .carea {
      padding: 40px 80px; }
    .page-404 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .page-404 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .page-404 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .page-404 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .page-404 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .page-404 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .page-404 .affixx .navba {
      padding-left: 5px; }
    .page-404 .phone_top {
      padding-right: 5px; }
    .page-404 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .page-404 .counter1 .col-md-3 {
      padding-left: 8%; }
    .page-404 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .page-404 .feedback .feeb {
      font-size: 200px; }
    .page-404 .affixx .navba {
      padding-left: 15px; }
    .page-404 .phone_top {
      padding-right: 15px; }
    .page-404 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .page-404 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .page-404 .we_are {
      padding: 0 50px; }
    .page-404 .careate .carea .cust {
      padding: 10px 10px; }
    .page-404 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .page-404 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .page-404 .cust h1 {
      padding-bottom: 0; }
    .page-404 .cust p {
      line-height: 150%; }
    .page-404 .button_see {
      margin-top: 27px; }
    .page-404 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .page-404 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .page-404 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .page-404 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .page-404 .footer .full-container {
      padding: 0 15px; }
    .page-404 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .page-404 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .page-404 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .page-404 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .page-404 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .page-404 .contacts .contact {
      padding: 20px 0; }
    .page-404 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .page-404 .feedback .slide_main .test {
      padding-top: 50px; }
    .page-404 .phone_top {
      padding-top: 0; }
    .page-404 .phone_top .pull-right {
      padding: 5px; }
    .page-404 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .page-404 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .page-404 .affixx .sidenav .navbar .nav {
      float: none; }
    .page-404 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .page-404 .affixx {
      padding-bottom: 10px !important; }
    .page-404 .counter1 .col-md-3 {
      padding-left: 6%; }
    .page-404 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .page-404 .header-lap {
      display: none; }
    .page-404 .header-mobi {
      display: block; }
    .page-404 .feedback {
      padding-bottom: 50px; }
    .page-404 .cust h1 {
      font-size: 30px; }
    .page-404 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .page-404 .all-pro span {
      margin-right: 5px; }
    .page-404 .phone_top span {
      display: none; }
    .page-404 .phone_top .phonee {
      display: none; }
    .page-404 .who_we_are {
      padding: 50px 0; }
    .page-404 .blog {
      padding: 50px 0; }
    .page-404 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .page-404 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .page-404 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .page-404 .who_we_are .we_01 {
      padding: 0 15px; }
    .page-404 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .page-404 .porfolio .col-md-8 {
      padding-left: 0; }
    .page-404 .feedback .feeb {
      font-size: 130px; }
    .page-404 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .page-404 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .page-404 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .page-404 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .page-404 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .page-404 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .page-404 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .page-404 .links ul {
      -webkit-padding-start: 0px; }
    .page-404 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .page-404 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .page-404 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .page-404 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .page-404 .recent_post ul {
      -webkit-padding-start: 0px; }
    .page-404 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .page-404 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .page-404 .servic {
      padding-top: 50px; }
    .page-404 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .page-404 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .page-404 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .page-404 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .page-404 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .page-404 .row_top div p {
      line-height: 170%; }
    .page-404 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .page-404 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .page-404 .slide_main .test {
      padding-top: 100px; }
    .page-404 .img_porfolio .col-md-4 {
      width: 50%; }
    .page-404 .servic .col-md-4 {
      width: 50%; }
    .page-404 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .page-404 .blog .col-md-4 {
      width: 33.33333%; }
    .page-404 .button_see {
      margin-top: 10px; }
    .page-404 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .page-404 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .page-404 .button_rea {
      height: 38px;
      margin-top: 0; }
    .page-404 .footer .full-container .footer2 .copy {
      text-align: center; }
    .page-404 .footer .full-container .footer2 .goto {
      text-align: center; }
    .page-404 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .page-404 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .page-404 .feedback .slide_main .test p {
      font-size: 36px; }
    .page-404 .feedback .information .lazy h3 {
      font-size: 20px; }
    .page-404 * h1 {
      font-size: 36px !important; }
    .page-404 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .page-404 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .page-404 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .page-404 .feedback .feeb {
      font-size: 100px; }
    .page-404 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .page-404 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .page-404 .who_we_are .who_are p {
      font-size: 14px; }
    .page-404 .careate .carea .cust h1 {
      font-size: 36px; }
    .page-404 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .page-404 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .page-404 .feedback .slide_main .test p {
      font-size: 36px; }
    .page-404 .feedback .information .lazy h3 {
      font-size: 16px; }
    .page-404 .cuter .counter {
      padding: 50px 0 0 0; }
    .page-404 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .page-404 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .page-404 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .page-404 .porfolio {
      padding: 50px 0px; }
    .page-404 .button-proje {
      width: 210px; }
    .page-404 .video .row_video .video1 > p {
      font-size: 24px; }
    .page-404 .blog .col-md-12 h1 {
      font-size: 36px; }
    .page-404 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .page-404 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .footer #googlemap1 {
      height: 400px; }
    .page-404 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .page-404 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .page-404 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .page-404 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .page-404 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .page-404 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .page-404 .side .navbar .list-group-item button {
      top: 0; }
    .page-404 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .page-404 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .page-404 .base {
      margin-left: 0 !important; }
    .page-404 .baseright {
      margin-left: 0 !important; }
    .page-404 .sile1 {
      top: 60%; }
    .page-404 .affixx {
      background: #333 !important; }
    .page-404 .affixx {
      padding-top: 20px !important; }
    .page-404 .feedback .feeb {
      font-size: 70px; }
    .page-404 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .page-404 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .page-404 .who_we_are .who_are h1 {
      font-size: 24px; }
    .page-404 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .page-404 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .page-404 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .page-404 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .page-404 .servic .col-md-12 p {
      font-size: 24px; }
    .page-404 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .page-404 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .page-404 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .page-404 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .page-404 .button_see {
      margin-top: 0; }
    .page-404 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .page-404 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .page-404 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .page-404 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .page-404 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .page-404 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .page-404 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .page-404 .feedback .slide_main .test p {
      font-size: 24px; }
    .page-404 .feedback .information .lazy h3 {
      font-size: 14px; }
    .page-404 * h1 {
      font-size: 24px !important; }
    .page-404 .affixx {
      position: inherit !important; }
    .page-404 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .page-404 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .page-404 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .page-404 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .page-404 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .page-404 .modal .modal-dialog .modal-content {
      padding: 0; }
    .page-404 .img_porfolio .col-md-4 {
      width: 100%; }
    .page-404 .feedback .feeb {
      letter-spacing: 6px; }
    .page-404 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .page-404 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .page-404 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .page-404 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .page-404 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .page-404 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .page-404 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .page-404 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .page-404 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .page-404 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .page-404 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .page-404 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .page-404 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .page-404 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .page-404 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .page-404 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .page-404 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .page-404 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .page-404 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .page-404 .servic .identity {
      padding-top: 20px; }
    .page-404 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .page-404 .porfolio .nav_main {
      float: left; }
    .page-404 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .page-404 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .page-404 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .page-404 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .page-404 .who_we_are .weare {
      padding-left: 50px; }
    .page-404 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .page-404 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .page-404 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .page-404 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .page-404 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .page-404 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .page-404 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .page-404 .video-skills .skills {
      padding: 0 15px; }
    .page-404 .contacts .contact p {
      font-size: 24px; }
    .page-404 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .page-404 .about .about-we h1 {
      font-size: 40px; }
    .page-404 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .page-404 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .page-404 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .page-404 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .page-404 .cooperate .logo-brand img {
      width: 100%; }
    .page-404 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .page-404 .cooperate {
      padding-top: 50px; }
    .page-404 .talk-to .row {
      padding: 50px 0; }
    .page-404 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .page-404 .sile1 .we_are {
      padding-right: 0; }
    .page-404 .about {
      top: 0;
      padding: 30px 0; }
    .page-404 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .page-404 .about .about-we {
      padding-left: 30px; }
    .page-404 .about .corem-ipsum {
      padding-right: 30px; }
      .page-404 .about .corem-ipsum p {
        line-height: 150%; }
    .page-404 .contacts .contact {
      text-align: center; }
    .page-404 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .page-404 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .page-404 .video-skills .video {
      padding-left: 15px; }
    .page-404 .video-skills {
      padding-bottom: 50px; }
    .page-404 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .page-404 .contacts .contact p .circle img {
      width: 8%; }
    .page-404 .contacts .contact p {
      font-size: 20px; }
    .page-404 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .page-404 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .page-404 .about .corem-ipsum {
      padding-left: 30px; }
    .page-404 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .page-404 .cooperate .logo-brand {
      text-align: center; }
    .page-404 .cooperate .logo-brand img {
      width: initial; }
    .page-404 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .page-404 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .page-404 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .page-404 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .page-404 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .page-404 .button1 .vuong {
      background: transparent !important; }
    .page-404 .button1 span {
      background: #fff !important; }
    .page-404 .phone_top .pull-right i {
      color: #fff !important; }
    .page-404 .sile1 {
      width: 65%; }
    .page-404 .about .corem-ipsum p {
      font-size: 14px; }
    .page-404 .case-center .case-studies p {
      font-size: 14px; }
    .page-404 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .slick-dots {
      bottom: -50px !important; }
    .page-404 .cooperate {
      padding-top: 50px; }
    .page-404 .who_we_are .weare {
      padding-bottom: 0; }
    .page-404 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .page-404 .button-contact button {
      height: 40px; }
    .page-404 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .page-404 .cooperate .logo-brand img {
      width: 100%; }
    .page-404 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .page-404 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .page-404 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .talk-to .input-contact input {
      font-size: 14px; }
    .page-404 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .page-404 .servic .col-md-4 {
      padding-left: 30px; }
    .page-404 .button1 .vuong {
      background: transparent !important; }
    .page-404 .button1 span {
      background: #fff !important; }
    .page-404 .phone_top .pull-right i {
      color: #fff !important; }
    .page-404 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .page-404 .sile1 {
      width: 95%;
      left: 5%; }
    .page-404 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .page-404 .cooperate .logo-brand img {
      width: initial; }
    .page-404 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .page-404 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .page-404 .cases .read-mode {
      width: 100%; }
    .page-404 .row_top {
      width: 100%; }
    .page-404 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .page-404 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .page-404 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .page-404 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .page-404 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .page-404 .contacts .contact p {
      font-size: 24px; }
    .page-404 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .page-404 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .page-404 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .page-404 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .page-404 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .page-404 .testimonials-img img {
      width: 100%; }
    .page-404 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .page-404 .cooperate {
      padding-top: 50px; }
    .page-404 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .page-404 .contacts .contact {
      text-align: center; }
    .page-404 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .page-404 .testimonials {
      padding-bottom: 50px; }
    .page-404 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .page-404 .contacts .contact p .circle img {
      width: 8%; }
    .page-404 .contacts .contact p {
      font-size: 20px; }
    .page-404 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .page-404 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .page-404 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .page-404 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .page-404 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .page-404 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .page-404 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .page-404 .gallery .col-md-4 {
      width: 100%; }
    .page-404 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .page-404 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .page-404 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .page-404 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .page-404 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .page-404 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .page-404 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .page-404 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .page-404 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .page-404 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .page-404 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .page-404 .affixx {
      padding-top: 15px !important; }
    .page-404 .pull-right {
      padding-top: 5px; }
    .page-404 .layer {
      padding-top: 0px; }
    .page-404 .pull-right {
      padding: 5px 0; }
    .page-404 .page-404 {
      padding-top: 50px 15px; }
    .page-404 .affixx .sidenav {
      padding-right: 15px; }
    .page-404 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .page-404 .careate img {
      width: 100%; }
    .page-404 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .page-404 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .page-404 .layer {
      padding-top: 62px; }
    .page-404 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .page-404 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .page-404 .container_header {
      top: 75%; }
    .page-404 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .page-404 .container_header .breadcrumb .active {
      width: auto; }
    .page-404 .blog .pagination li .prev {
      width: 80px; }
    .page-404 .container_header h1 {
      padding-bottom: 0; } }

.about-1 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .about-1 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px;
    overflow: visible !important; }
  .about-1 .compensate-for-scrollbar {
    margin-right: 0 !important; }
  .about-1 * {
    outline: 0 !important;
    box-sizing: border-box; }
  .about-1 .sidenav a:hover {
    color: #b6aeae; }
  .about-1 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .about-1 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .about-1 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .about-1 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-1 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .about-1 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .about-1 .button_rea:hover {
      opacity: 0.7; }
    .about-1 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .about-1 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-1 .layer {
    position: relative; }
    .about-1 .layer img {
      width: 100%; }
  .about-1 .affix {
    z-index: 1;
    width: 100%; }
  .about-1 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .about-1 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .about-1 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .about-1 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .about-1 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .about-1 .affixx .sidenav .navbar .nav {
          float: right; }
          .about-1 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .about-1 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .about-1 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 160px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .about-1 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .about-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .about-1 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .about-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .about-1 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .about-1 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .about-1 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .about-1 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .about-1 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .about-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .about-1 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .about-1 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .about-1 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .about-1 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .about-1 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .about-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .about-1 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .about-1 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .about-1 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .about-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .about-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .about-1 .header-mobi {
    display: none; }
    .about-1 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .about-1 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .about-1 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .about-1 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .about-1 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          transition: all 0.4s;
          overflow: visible;
          top: 103%; }
        .about-1 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .about-1 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .about-1 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .about-1 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .about-1 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .about-1 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .about-1 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .about-1 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .about-1 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .about-1 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .about-1 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .about-1 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .about-1 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .about-1 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-1 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .about-1 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-1 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .about-1 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-1 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .about-1 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-1 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .about-1 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-1 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .about-1 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .about-1 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-1 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-1 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .about-1 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .about-1 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .about-1 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .about-1 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .about-1 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .about-1 .sidenav a:hover {
    color: #f1f1f1; }
  .about-1 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .about-1 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .about-1 .child2 {
    margin: 5px 0; }
  .about-1 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .about-1 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .about-1 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .about-1 .container_header .breadcrumb {
      background: transparent; }
      .about-1 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .about-1 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .about-1 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .about-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .about-1 .testimonials-design {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 150px; }
    .about-1 .testimonials-design .p {
      font-weight: 700;
      font-size: 30px;
      font-family: roboto condensed;
      padding-bottom: 10px;
      color: #333;
      margin-left: 65px;
      margin-right: 65px;
      padding-left: 31%;
      padding-right: 31%; }
      .about-1 .testimonials-design .p .file {
        background-image: url(../img/file.png);
        height: 26px;
        width: 33px;
        display: inline-block;
        margin-right: 20px;
        margin-left: -50px; }
    .about-1 .testimonials-design .pp {
      font-size: 16px;
      line-height: 185%;
      color: #909090;
      padding-left: 31%;
      padding-right: 31%; }
    .about-1 .testimonials-design .chuky {
      background-image: url(../img/chuky.png);
      height: 23px;
      width: 205px;
      display: inline-block;
      margin-top: 55px; }
  .about-1 .careate {
    background: #f2f2f2;
    position: relative; }
    .about-1 .careate img {
      width: 50%; }
    .about-1 .careate .carea {
      position: absolute;
      top: 0;
      width: 50%;
      right: 0;
      bottom: 0;
      padding: 80px; }
      .about-1 .careate .carea .cust {
        padding: 140px 100px; }
        .about-1 .careate .carea .cust h1 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 50px;
          padding-top: 10px;
          padding-bottom: 20px;
          color: #333; }
        .about-1 .careate .carea .cust p {
          font-size: 16px;
          color: #909090;
          line-height: 185%; }
        .about-1 .careate .carea .cust h5 {
          font-weight: 700;
          letter-spacing: 2px;
          color: #909090;
          font-family: roboto condensed;
          text-transform: uppercase; }
  .about-1 .cuter {
    border-bottom: 1px solid #ebebeb; }
    .about-1 .cuter .counter {
      padding: 90px 0; }
      .about-1 .cuter .counter .counter1 {
        margin-left: 0;
        margin-right: 0; }
        .about-1 .cuter .counter .counter1 .col-md-3 p {
          font-size: 14px;
          font-family: roboto condensed;
          color: #909090;
          letter-spacing: 1px; }
        .about-1 .cuter .counter .counter1 .col-md-3 .counte {
          font-weight: 700;
          font-size: 40px;
          font-family: roboto condensed; }
        .about-1 .cuter .counter .counter1 .col-md-3 span {
          height: 30px;
          border-left: 1px solid #fa6c54; }
  .about-1 .who_we_are {
    margin-right: 0;
    margin-left: 0; }
    .about-1 .who_we_are .weare {
      padding-left: 280px;
      padding-right: 85px; }
      .about-1 .who_we_are .weare h5 {
        color: #909090;
        font-weight: 700;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .about-1 .who_we_are .weare h1 {
        font-weight: 700;
        font-family: roboto condensed;
        font-size: 50px;
        padding-bottom: 20px;
        padding-top: 20px; }
      .about-1 .who_we_are .weare p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090; }
      .about-1 .who_we_are .weare .bar .skills_bar {
        width: 100%;
        background-color: #909090; }
        .about-1 .who_we_are .weare .bar .skills_bar .html {
          width: 92%;
          background-color: #fc6a55;
          height: 5px; }
        .about-1 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #fc6a55;
          height: 5px; }
        .about-1 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #fc6a55;
          height: 5px; }
      .about-1 .who_we_are .weare .bar p {
        font-size: 16px;
        font-weight: 400;
        font-family: roboto condensed;
        line-height: 185%;
        color: #909090;
        padding-top: 20px;
        padding-bottom: 40px; }
        .about-1 .who_we_are .weare .bar p span {
          float: right; }
    .about-1 .who_we_are .col-md-6 .detop img {
      width: 100%; }
  .about-1 .unlimited {
    padding-bottom: 150px;
    text-align: center;
    margin-right: 0;
    margin-left: 0; }
    .about-1 .unlimited .website {
      background: #f2f2f2;
      padding: 130px 85px 101px 85px; }
      .about-1 .unlimited .website span {
        background-image: url(../img/Shape-1.png);
        height: 64px;
        width: 30px;
        display: inline-block; }
      .about-1 .unlimited .website h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .about-1 .unlimited .website p {
        font-size: 16px;
        font-weight: 400;
        color: #909090;
        line-height: 185%; }
    .about-1 .unlimited .customer {
      background: #fc6a55;
      color: #fff;
      padding: 130px 85px 103px 85px; }
      .about-1 .unlimited .customer span {
        background-image: url(../img/Shape-44.png);
        height: 47px;
        width: 67px;
        display: inline-block;
        margin-top: 15px; }
      .about-1 .unlimited .customer h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .about-1 .unlimited .customer p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%; }
    .about-1 .unlimited .development {
      background: #333333;
      color: #fff;
      padding: 130px 85px 103px 85px; }
      .about-1 .unlimited .development span {
        background-image: url(../img/Shape-33.png);
        height: 62px;
        width: 62px;
        display: inline-block; }
      .about-1 .unlimited .development h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .about-1 .unlimited .development p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%; }
    .about-1 .unlimited .branding {
      background: #000000;
      color: #fff;
      padding: 130px 85px 106px 85px; }
      .about-1 .unlimited .branding span {
        background-image: url(../img/Shape-22.png);
        height: 59px;
        width: 66px;
        display: inline-block; }
      .about-1 .unlimited .branding h4 {
        padding: 20px 0;
        font-weight: 700;
        font-size: 20px;
        font-family: roboto condensed; }
      .about-1 .unlimited .branding p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%; }
  .about-1 .who_we_are {
    padding: 150px 0; }
    .about-1 .who_we_are .who_are {
      padding-bottom: 50px;
      text-align: center; }
      .about-1 .who_we_are .who_are h5 {
        font-weight: 700;
        letter-spacing: 1px;
        color: #909090;
        font-family: roboto condensed; }
      .about-1 .who_we_are .who_are h1 {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 50px;
        padding-top: 10px;
        padding-bottom: 20px;
        letter-spacing: 2px; }
      .about-1 .who_we_are .who_are p {
        font-size: 16px;
        color: #909090; }
    .about-1 .who_we_are .we_01 {
      padding: 0 50px; }
      .about-1 .who_we_are .we_01 span {
        color: #fc6a55; }
      .about-1 .who_we_are .we_01 h4 {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 20px;
        padding-bottom: 20px; }
      .about-1 .who_we_are .we_01 p {
        font-size: 16px;
        color: #909090;
        line-height: 180%; }
  .about-1 .video {
    text-align: center;
    position: relative; }
    .about-1 .video .layer2 img {
      width: 100%; }
    .about-1 .video .row_video {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .about-1 .video .row_video .video1 p {
        font-size: 50px;
        font-weight: 700;
        color: #fff;
        font-family: roboto condensed;
        padding-bottom: 10px;
        padding-top: 60px; }
      .about-1 .video .row_video .video1 .button_play {
        border-radius: 50%;
        background: #858688;
        width: 85px;
        height: 85px;
        display: inline-block;
        border: none;
        transition: all .4s;
        color: #fff;
        text-decoration: none !important; }
        .about-1 .video .row_video .video1 .button_play i {
          font-size: 18px;
          color: #fff;
          display: inline-block;
          padding: 38%; }
        .about-1 .video .row_video .video1 .button_play:hover {
          opacity: .7; }
  .about-1 .cooperate {
    padding-top: 150px;
    padding-bottom: 50px; }
    .about-1 .cooperate .brand h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .about-1 .cooperate .brand h1 {
      font-size: 50px;
      font-family: roboto condensed;
      font-weight: 700; }
    .about-1 .cooperate .brand p {
      font-size: 16px;
      color: #909090;
      line-height: 190%;
      padding-top: 20px; }
    .about-1 .cooperate .logo-brand img {
      padding-top: 0px;
      padding-bottom: 100px; }
    .about-1 .cooperate .logo-brand .logo-design img {
      padding-bottom: 50px; }
    .about-1 .cooperate .logo-brand .logo-suns img {
      padding-top: 25px; }
    .about-1 .cooperate .logo-brand .logo-class img {
      padding-top: 25px; }
  .about-1 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .about-1 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .about-1 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .about-1 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .about-1 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .about-1 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .about-1 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .about-1 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .about-1 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .about-1 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .about-1 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .about-1 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-1 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .about-1 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .about-1 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .about-1 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .about-1 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .about-1 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-1 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .about-1 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .about-1 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .about-1 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .about-1 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .about-1 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-1 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .about-1 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .about-1 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .about-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .about-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .about-1 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .about-1 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .about-1 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .about-1 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .about-1 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .about-1 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .about-1 .footer .full-container .footer2 {
      padding: 20px 0; }
      .about-1 .footer .full-container .footer2 .copy {
        color: #909090; }
      .about-1 .footer .full-container .footer2 .goto {
        text-align: right; }
        .about-1 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1680px) {
    .about-1 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .about-1 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .about-1 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .about-1 .who_we_are .weare {
      padding-left: 50px; }
    .about-1 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .about-1 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .about-1 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .about-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .about-1 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .about-1 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .about-1 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .about-1 .video-skills .skills {
      padding: 0 15px; }
    .about-1 .contacts .contact p {
      font-size: 24px; }
    .about-1 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .about-1 .about .about-we h1 {
      font-size: 40px; }
    .about-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .about-1 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .about-1 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .about-1 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .about-1 .cooperate .logo-brand img {
      width: 100%; }
    .about-1 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .about-1 .cooperate {
      padding-top: 50px; }
    .about-1 .talk-to .row {
      padding: 50px 0; }
    .about-1 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .about-1 .sile1 .we_are {
      padding-right: 0; }
    .about-1 .about {
      top: 0;
      padding: 30px 0; }
    .about-1 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .about-1 .about .about-we {
      padding-left: 30px; }
    .about-1 .about .corem-ipsum {
      padding-right: 30px; }
      .about-1 .about .corem-ipsum p {
        line-height: 150%; }
    .about-1 .contacts .contact {
      text-align: center; }
    .about-1 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .about-1 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .about-1 .video-skills .video {
      padding-left: 15px; }
    .about-1 .video-skills {
      padding-bottom: 50px; }
    .about-1 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .about-1 .contacts .contact p .circle img {
      width: 8%; }
    .about-1 .contacts .contact p {
      font-size: 20px; }
    .about-1 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .about-1 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .about-1 .about .corem-ipsum {
      padding-left: 30px; }
    .about-1 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .about-1 .cooperate .logo-brand {
      text-align: center; }
    .about-1 .cooperate .logo-brand img {
      width: initial; }
    .about-1 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .about-1 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .about-1 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .about-1 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .about-1 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .about-1 .button1 .vuong {
      background: transparent !important; }
    .about-1 .button1 span {
      background: #fff !important; }
    .about-1 .phone_top .pull-right i {
      color: #fff !important; }
    .about-1 .sile1 {
      width: 65%; }
    .about-1 .about .corem-ipsum p {
      font-size: 14px; }
    .about-1 .case-center .case-studies p {
      font-size: 14px; }
    .about-1 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .slick-dots {
      bottom: -50px !important; }
    .about-1 .cooperate {
      padding-top: 50px; }
    .about-1 .who_we_are .weare {
      padding-bottom: 0; }
    .about-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .about-1 .button-contact button {
      height: 40px; }
    .about-1 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .about-1 .cooperate .logo-brand img {
      width: 100%; }
    .about-1 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .about-1 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .about-1 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .talk-to .input-contact input {
      font-size: 14px; }
    .about-1 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .about-1 .servic .col-md-4 {
      padding-left: 30px; }
    .about-1 .button1 .vuong {
      background: transparent !important; }
    .about-1 .button1 span {
      background: #fff !important; }
    .about-1 .phone_top .pull-right i {
      color: #fff !important; }
    .about-1 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .about-1 .sile1 {
      width: 95%;
      left: 5%; }
    .about-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .about-1 .cooperate .logo-brand img {
      width: initial; }
    .about-1 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .about-1 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .about-1 .cases .read-mode {
      width: 100%; }
    .about-1 .row_top {
      width: 100%; }
    .about-1 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .about-1 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .about-1 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1680px) {
    .about-1 .phone_top {
      padding-right: 80px; } }
  @media screen and (max-width: 1240px) {
    .about-1 .unlimited .col-md-3 {
      padding: 15px; }
    .about-1 .testimonials-design .p {
      padding-left: 17%;
      padding-right: 17%; }
    .about-1 .testimonials-design .pp {
      padding-left: 17%;
      padding-right: 17%; }
    .about-1 .group .easy-way ul li {
      padding: 10px 0;
      font-size: 14px; }
    .about-1 .easy-way {
      padding-left: 0;
      padding-right: 0; }
    .about-1 .easy-way ul {
      -webkit-padding-start: 10px; }
    .about-1 .group .easy-way p {
      font-size: 14px;
      padding-bottom: 10px; }
    .about-1 .group .easy-way h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1024px) {
    .about-1 .side .phone_top {
      display: block; }
    .about-1 .layer {
      padding-top: 0px; }
    .about-1 .group {
      padding-top: 50px; }
    .about-1 .testimonials-design {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-1 .unlimited {
      padding-top: 30px; }
    .about-1 .row_header5 .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .about-1 .row_header5 {
      padding-bottom: 10px;
      padding-top: 15px; }
    .about-1 .row_header5 .navba {
      padding-left: 15px; }
    .about-1 .phone_top {
      padding-right: 15px; } }
  @media screen and (max-width: 991px) {
    .about-1 .unlimited .col-md-3 {
      padding-bottom: 50px; }
    .about-1 .unlimited .customer {
      padding-bottom: 55px; }
    .about-1 .group {
      padding-bottom: 100px; }
    .about-1 .our-recent {
      padding-bottom: 50px; }
    .about-1 .sile1 .we_are {
      padding-left: 15px; }
    .about-1 .porfo .porfolio {
      padding: 80px 15px; }
    .about-1 .testimonials-design .p {
      padding-left: 5%;
      padding-right: 5%; }
    .about-1 .testimonials-design .pp {
      padding-left: 5%;
      padding-right: 5%; }
    .about-1 .easy-way {
      padding-left: 15px;
      padding-right: 15px; }
    .about-1 br {
      display: none; } }
  @media screen and (max-width: 768px) {
    .about-1 .blog .col-md-4 {
      width: 50%;
      text-align: left; }
    .about-1 .porfo .nav_main .nav-tabs {
      padding-left: 10px; }
    .about-1 .unlimited {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 680px) {
    .about-1 .blog .col-md-4 .blog_name a {
      font-size: 17px; }
    .about-1 .sile1 {
      width: 100%;
      left: 0; }
    .about-1 .unlimited .development {
      clear: left; } }
  @media screen and (max-width: 568px) {
    .about-1 .sile1 {
      top: 50%; }
    .about-1 .layer {
      padding-top: 0; }
    .about-1 .unlimited .col-md-3 {
      width: 100%; }
    .about-1 .testimonials-design .p {
      font-size: 24px; }
    .about-1 .testimonials-design .pp {
      font-size: 14px; }
    .about-1 .blog .col-md-4 {
      width: 100%; }
    .about-1 .blog .blog_name {
      padding-bottom: 0; }
    .about-1 #googlemap1 {
      height: 300px; }
    .about-1 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .about-1 .testimonials-design .chuky {
      margin-top: 20px; }
    .about-1 .group .easy-way ul li span {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .about-1 .fixed-fluid {
      padding-top: 60px; }
    .about-1 .sile1 {
      left: 0;
      width: 100%; }
    .about-1 .row_header5 {
      padding-top: 20px; }
    .about-1 .affix {
      padding-top: 15px;
      padding-bottom: 10px; }
    .about-1 .testimonials-design .p .file {
      margin-left: 0; }
    .about-1 .testimonials-design .p {
      margin-left: 0;
      margin-right: 0; }
    .about-1 .group .group-img {
      padding-right: 125px; }
    .about-1 .img_porfolio .col-xs-6 {
      width: 100%; }
    .about-1 .porfolio .nav_main {
      margin-left: 0; }
    .about-1 .porfolio .col-md-8 {
      padding-right: 0; }
    .about-1 .porfolio .nav_main .nav-tabs .active {
      padding-bottom: 0; }
    .about-1 .porfolio .nav_main .nav-tabs li {
      padding-bottom: 1px; } }
  .about-1 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .about-1 .pull-right {
    cursor: pointer; }
  .about-1 * {
    outline: none !important; }
  .about-1 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .about-1 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .about-1 .create {
      padding: 117px 30px; }
    .about-1 .careate .carea .cust {
      padding: 15px 10px; }
    .about-1 .carea {
      padding: 40px 80px; }
    .about-1 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .about-1 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .about-1 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .about-1 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .about-1 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .about-1 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .about-1 .affixx .navba {
      padding-left: 5px; }
    .about-1 .phone_top {
      padding-right: 5px; }
    .about-1 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .about-1 .counter1 .col-md-3 {
      padding-left: 8%; }
    .about-1 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .about-1 .feedback .feeb {
      font-size: 200px; }
    .about-1 .affixx .navba {
      padding-left: 15px; }
    .about-1 .phone_top {
      padding-right: 15px; }
    .about-1 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .about-1 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .about-1 .we_are {
      padding: 0 50px; }
    .about-1 .careate .carea .cust {
      padding: 10px 10px; }
    .about-1 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .about-1 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .about-1 .cust h1 {
      padding-bottom: 0; }
    .about-1 .cust p {
      line-height: 150%; }
    .about-1 .button_see {
      margin-top: 27px; }
    .about-1 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .about-1 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .about-1 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .about-1 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .about-1 .footer .full-container {
      padding: 0 15px; }
    .about-1 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .about-1 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .about-1 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .about-1 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .about-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-1 .contacts .contact {
      padding: 20px 0; }
    .about-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .about-1 .feedback .slide_main .test {
      padding-top: 50px; }
    .about-1 .phone_top {
      padding-top: 0; }
    .about-1 .phone_top .pull-right {
      padding: 5px; }
    .about-1 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .about-1 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .about-1 .affixx .sidenav .navbar .nav {
      float: none; }
    .about-1 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .about-1 .affixx {
      padding-bottom: 10px !important; }
    .about-1 .counter1 .col-md-3 {
      padding-left: 6%; }
    .about-1 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .about-1 .header-lap {
      display: none; }
    .about-1 .header-mobi {
      display: block; }
    .about-1 .feedback {
      padding-bottom: 50px; }
    .about-1 .cust h1 {
      font-size: 30px; }
    .about-1 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .about-1 .all-pro span {
      margin-right: 5px; }
    .about-1 .phone_top span {
      display: none; }
    .about-1 .phone_top .phonee {
      display: none; }
    .about-1 .who_we_are {
      padding: 50px 0; }
    .about-1 .blog {
      padding: 50px 0; }
    .about-1 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .about-1 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .about-1 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .about-1 .who_we_are .we_01 {
      padding: 0 15px; }
    .about-1 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .about-1 .porfolio .col-md-8 {
      padding-left: 0; }
    .about-1 .feedback .feeb {
      font-size: 130px; }
    .about-1 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .about-1 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .about-1 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .about-1 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .about-1 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .about-1 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .about-1 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .about-1 .links ul {
      -webkit-padding-start: 0px; }
    .about-1 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .about-1 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .about-1 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .about-1 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .about-1 .recent_post ul {
      -webkit-padding-start: 0px; }
    .about-1 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .about-1 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .about-1 .servic {
      padding-top: 50px; }
    .about-1 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .about-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .about-1 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .about-1 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .about-1 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .about-1 .row_top div p {
      line-height: 170%; }
    .about-1 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .about-1 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .about-1 .slide_main .test {
      padding-top: 100px; }
    .about-1 .img_porfolio .col-md-4 {
      width: 50%; }
    .about-1 .servic .col-md-4 {
      width: 50%; }
    .about-1 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .about-1 .blog .col-md-4 {
      width: 33.33333%; }
    .about-1 .button_see {
      margin-top: 10px; }
    .about-1 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .about-1 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .about-1 .button_rea {
      height: 38px;
      margin-top: 0; }
    .about-1 .footer .full-container .footer2 .copy {
      text-align: center; }
    .about-1 .footer .full-container .footer2 .goto {
      text-align: center; }
    .about-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .about-1 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .about-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .about-1 .feedback .information .lazy h3 {
      font-size: 20px; }
    .about-1 * h1 {
      font-size: 36px !important; }
    .about-1 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .about-1 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .about-1 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .about-1 .feedback .feeb {
      font-size: 100px; }
    .about-1 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .about-1 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .about-1 .who_we_are .who_are p {
      font-size: 14px; }
    .about-1 .careate .carea .cust h1 {
      font-size: 36px; }
    .about-1 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .about-1 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .about-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .about-1 .feedback .information .lazy h3 {
      font-size: 16px; }
    .about-1 .cuter .counter {
      padding: 50px 0 0 0; }
    .about-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .about-1 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .about-1 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .about-1 .porfolio {
      padding: 50px 0px; }
    .about-1 .button-proje {
      width: 210px; }
    .about-1 .video .row_video .video1 > p {
      font-size: 24px; }
    .about-1 .blog .col-md-12 h1 {
      font-size: 36px; }
    .about-1 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .about-1 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .footer #googlemap1 {
      height: 400px; }
    .about-1 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .about-1 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .about-1 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .about-1 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .about-1 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .about-1 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .about-1 .side .navbar .list-group-item button {
      top: 0; }
    .about-1 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .about-1 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .about-1 .base {
      margin-left: 0 !important; }
    .about-1 .baseright {
      margin-left: 0 !important; }
    .about-1 .sile1 {
      top: 60%; }
    .about-1 .affixx {
      background: #333 !important; }
    .about-1 .affixx {
      padding-top: 20px !important; }
    .about-1 .feedback .feeb {
      font-size: 70px; }
    .about-1 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .about-1 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .about-1 .who_we_are .who_are h1 {
      font-size: 24px; }
    .about-1 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .about-1 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .about-1 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .about-1 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .about-1 .servic .col-md-12 p {
      font-size: 24px; }
    .about-1 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .about-1 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .about-1 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .about-1 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .about-1 .button_see {
      margin-top: 0; }
    .about-1 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .about-1 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .about-1 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .about-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-1 .feedback .slide_main .test p {
      font-size: 24px; }
    .about-1 .feedback .information .lazy h3 {
      font-size: 14px; }
    .about-1 * h1 {
      font-size: 24px !important; }
    .about-1 .affixx {
      position: inherit !important; }
    .about-1 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .about-1 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .about-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .about-1 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .about-1 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .about-1 .modal .modal-dialog .modal-content {
      padding: 0; }
    .about-1 .img_porfolio .col-md-4 {
      width: 100%; }
    .about-1 .feedback .feeb {
      letter-spacing: 6px; }
    .about-1 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .about-1 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .about-1 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .about-1 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .about-1 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .about-1 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .about-1 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .about-1 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .about-1 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .about-1 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .about-1 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .about-1 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .about-1 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .about-1 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .about-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-1 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .about-1 .servic .identity {
      padding-top: 20px; }
    .about-1 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .about-1 .porfolio .nav_main {
      float: left; }
    .about-1 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1360px) {
    .about-1 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .about-1 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .about-1 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .about-1 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .about-1 .who_we_are .weare {
      padding-left: 100px; }
    .about-1 .sile1 .we_are {
      padding-right: 30px; }
    .about-1 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .about-1 .sile1 .we_are h1 {
      font-size: 50px; }
    .about-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .about-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .about-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .about-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .about-1 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .about-1 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .about-1 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .about-1 .team {
      padding: 50px 0; }
    .about-1 .unlimited {
      padding-bottom: 50px; }
    .about-1 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .about-1 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .about-1 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .about-1 .servic .development {
      border: none; }
    .about-1 .servic .appdevelopment {
      border: none; }
    .about-1 .servic .marketing {
      border: none; }
    .about-1 .servic .design {
      border: none; }
    .about-1 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .about-1 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .about-1 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .about-1 .sile1 .we_are {
      padding-right: 10px; }
    .about-1 .porfolio .blanc {
      padding-right: 0; }
    .about-1 .porfolio .mock {
      padding-left: 0; }
    .about-1 .what1 .js-click-product {
      height: 120px; }
    .about-1 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .about-1 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .about-1 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .about-1 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .about-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-1 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .about-1 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-1 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-1 .pricing-table {
      padding-top: 100px; }
    .about-1 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .about-1 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .about-1 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .about-1 .sile1 {
      width: 100%; }
    .about-1 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .about-1 .servic .creation {
      padding-top: 19px; }
    .about-1 .servic .design {
      padding: 15px; }
    .about-1 .servic .appdevelopment {
      padding: 15px; }
    .about-1 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .about-1 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .about-1 .pricing-table {
      padding-top: 50px; }
    .about-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-1 .servic .col-md-12 p {
      font-size: 24px; }
    .about-1 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .about-1 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .about-1 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .about-1 .what1 .main-img .slick-slide {
      display: none; }
    .about-1 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .about-1 .porfolio .blanc img {
      width: 100%; }
    .about-1 .sile1 {
      width: 97%; }
    .about-1 .servic .col-md-4 {
      padding-left: 15px; }
    .about-1 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .about-1 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .about-1 .slick-slider .slick-track {
      width: 250px; }
    .about-1 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .about-1 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .about-1 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  @media screen and (max-width: 1170px) {
    .about-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .about-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .about-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .about-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .about-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .about-1 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .about-1 .affixx {
      padding-top: 15px !important; }
    .about-1 .pull-right {
      padding-top: 5px; }
    .about-1 .layer {
      padding-top: 0px; }
    .about-1 .pull-right {
      padding: 5px 0; }
    .about-1 .page-404 {
      padding-top: 50px 15px; }
    .about-1 .affixx .sidenav {
      padding-right: 15px; }
    .about-1 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .about-1 .careate img {
      width: 100%; }
    .about-1 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .about-1 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .about-1 .layer {
      padding-top: 62px; }
    .about-1 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .about-1 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .about-1 .container_header {
      top: 75%; }
    .about-1 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .about-1 .container_header .breadcrumb .active {
      width: auto; }
    .about-1 .blog .pagination li .prev {
      width: 80px; }
    .about-1 .container_header h1 {
      padding-bottom: 0; } }

.about-2 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .about-2 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .about-2 * {
    box-sizing: border-box; }
  .about-2 .sidenav a:hover {
    color: #b6aeae; }
  .about-2 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .about-2 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .about-2 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .about-2 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-2 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .about-2 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .about-2 .button_rea:hover {
      opacity: 0.7; }
    .about-2 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .about-2 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-2 .layer {
    position: relative; }
    .about-2 .layer img {
      width: 100%; }
  .about-2 .affix {
    z-index: 1;
    width: 100%; }
  .about-2 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .about-2 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .about-2 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .about-2 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .about-2 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .about-2 .affixx .sidenav .navbar .nav {
          float: right; }
          .about-2 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .about-2 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .about-2 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .about-2 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .about-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .about-2 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .about-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .about-2 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .about-2 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .about-2 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .about-2 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .about-2 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .about-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .about-2 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .about-2 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .about-2 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .about-2 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .about-2 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .about-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .about-2 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .about-2 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .about-2 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .about-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .about-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .about-2 .header-mobi {
    display: none; }
    .about-2 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .about-2 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .about-2 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .about-2 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .about-2 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .about-2 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .about-2 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .about-2 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .about-2 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .about-2 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .about-2 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .about-2 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .about-2 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .about-2 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .about-2 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .about-2 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .about-2 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .about-2 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .about-2 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-2 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .about-2 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-2 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .about-2 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-2 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .about-2 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-2 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .about-2 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-2 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .about-2 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .about-2 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-2 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-2 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .about-2 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .about-2 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .about-2 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .about-2 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .about-2 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .about-2 .sidenav a:hover {
    color: #f1f1f1; }
  .about-2 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .about-2 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .about-2 .child2 {
    margin: 5px 0; }
  .about-2 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .about-2 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .about-2 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .about-2 .container_header .breadcrumb {
      background: transparent; }
      .about-2 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .about-2 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .about-2 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .about-2 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .about-2 .contacts {
    background: #fc6a55; }
    .about-2 .contacts .contact {
      padding-bottom: 40px;
      padding-top: 50px; }
      .about-2 .contacts .contact p {
        font-size: 30px;
        font-family: roboto condensed;
        color: #fff; }
        .about-2 .contacts .contact p .circle {
          padding-right: 20px; }
  .about-2 .button_see_contact {
    padding-left: 20px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .about-2 .button_see_contact span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .about-2 .button_see_contact:hover {
      color: #f2f2f2; }
    .about-2 .button_see_contact:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-2 .cooperate {
    padding-top: 150px;
    padding-bottom: 50px; }
    .about-2 .cooperate .brand h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .about-2 .cooperate .brand h1 {
      font-size: 50px;
      font-family: roboto condensed;
      font-weight: 700; }
    .about-2 .cooperate .brand p {
      font-size: 16px;
      color: #909090;
      line-height: 190%;
      padding-top: 20px; }
    .about-2 .cooperate .logo-brand img {
      padding-top: 0px;
      padding-bottom: 100px; }
    .about-2 .cooperate .logo-brand .logo-design img {
      padding-bottom: 50px; }
    .about-2 .cooperate .logo-brand .logo-suns img {
      padding-top: 25px; }
    .about-2 .cooperate .logo-brand .logo-class img {
      padding-top: 25px; }
  .about-2 .careate {
    position: relative; }
    .about-2 .careate img {
      width: 100%; }
    .about-2 .careate .carea {
      position: absolute;
      top: 0;
      width: 50%;
      right: 0;
      bottom: 0;
      padding: 80px; }
      .about-2 .careate .carea .cust {
        background: #202737;
        padding: 140px 100px; }
        .about-2 .careate .carea .cust h1 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 50px;
          padding-top: 10px;
          padding-bottom: 20px;
          color: #fff; }
        .about-2 .careate .carea .cust p {
          font-size: 16px;
          color: #909090;
          line-height: 185%; }
        .about-2 .careate .carea .cust h5 {
          font-weight: 700;
          letter-spacing: 2px;
          color: #909090;
          font-family: roboto condensed;
          text-transform: uppercase; }
  .about-2 .feedback {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 150px; }
    .about-2 .feedback .feeb {
      font-size: 350px;
      text-align: center;
      font-family: roboto condensed;
      font-weight: 700;
      position: absolute;
      opacity: 0.1;
      color: #909090;
      padding-top: 225px;
      letter-spacing: 20px;
      width: 100%; }
    .about-2 .feedback .slide_main .test {
      text-align: center;
      padding-top: 140px; }
      .about-2 .feedback .slide_main .test h5 {
        font-weight: 700;
        letter-spacing: 2px;
        color: #909090;
        font-family: roboto condensed; }
      .about-2 .feedback .slide_main .test p {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 50px;
        padding-top: 10px;
        padding-bottom: 70px; }
    .about-2 .feedback .information .lazy {
      padding: 0 50px;
      margin: 0 80px !important; }
      .about-2 .feedback .information .lazy h3 {
        font-family: roboto condensed;
        line-height: 150%;
        padding-top: 20px; }
      .about-2 .feedback .information .lazy p {
        padding-top: 30px;
        font-weight: 700;
        font-family: roboto condensed;
        margin-bottom: 0; }
      .about-2 .feedback .information .lazy h5 {
        font-weight: 300;
        color: #909090;
        font-family: roboto; }
    .about-2 .feedback .slick-prev:before {
      content: url(../img/prev.png) !important; }
    .about-2 .feedback .slick-next:before {
      content: url(../img/next.png) !important; }
  .about-2 .slick-slide img {
    display: inline-block !important; }
  .about-2 .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2; }
  .about-2 .slick-active {
    opacity: .5; }
  .about-2 .slick-current {
    opacity: 1; }
  .about-2 .gallery {
    padding: 150px 0;
    text-align: center; }
    .about-2 .gallery .col-md-12 h5 {
      font-weight: 700;
      color: #909090;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .about-2 .gallery .col-md-12 h1 {
      font-weight: 700;
      font-size: 50px;
      font-family: roboto condensed;
      padding-top: 10px; }
    .about-2 .gallery p {
      font-size: 16px;
      color: #909090;
      line-height: 185%;
      padding-bottom: 60px; }
    .about-2 .gallery .col-md-4 {
      padding: 15px; }
      .about-2 .gallery .col-md-4 .gallery_img {
        position: relative;
        overflow: hidden; }
        .about-2 .gallery .col-md-4 .gallery_img:hover img {
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
        .about-2 .gallery .col-md-4 .gallery_img img {
          width: 100%;
          transition: .4s;
          cursor: pointer; }
  .about-2 .our-cases {
    margin-left: 0;
    margin-right: 0;
    background: #333;
    text-align: center; }
    .about-2 .our-cases .col-md-4 {
      border-right: 1px solid #484848;
      padding: 110px 80px; }
      .about-2 .our-cases .col-md-4 p {
        font-size: 16px;
        color: #909090;
        line-height: 185%;
        padding-bottom: 20px; }
      .about-2 .our-cases .col-md-4 h4 {
        font-size: 20px;
        color: #fff;
        font-weight: 700;
        padding-bottom: 30px; }
      .about-2 .our-cases .col-md-4 span {
        width: 150px;
        border-bottom: 1px solid #fc6a55;
        display: inline-block; }
  .about-2 .testimonials {
    padding-top: 60px; }
    .about-2 .testimonials .col-md-pull-6 {
      padding-right: 0;
      padding-left: 0;
      padding-top: 100px; }
      .about-2 .testimonials .col-md-pull-6 strong {
        background-image: url(../img/file2.png);
        height: 45px;
        width: 55px;
        display: inline-block; }
      .about-2 .testimonials .col-md-pull-6 h2 {
        font-family: roboto condensed;
        padding-bottom: 70px; }
      .about-2 .testimonials .col-md-pull-6 p {
        font-size: 16px;
        color: #909090;
        line-height: 185%;
        padding-bottom: 30px; }
      .about-2 .testimonials .col-md-pull-6 span {
        width: 100px;
        border-bottom: 1px solid #fc6a55;
        display: inline-block; }
      .about-2 .testimonials .col-md-pull-6 h4 {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 20px; }
      .about-2 .testimonials .col-md-pull-6 h5 {
        color: #909090;
        font-size: 16px;
        font-weight: 300; }
  .about-2 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .about-2 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .about-2 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .about-2 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .about-2 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .about-2 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .about-2 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .about-2 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .about-2 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .about-2 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .about-2 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .about-2 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-2 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .about-2 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .about-2 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .about-2 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .about-2 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .about-2 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-2 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .about-2 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .about-2 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .about-2 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .about-2 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .about-2 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-2 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .about-2 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .about-2 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .about-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .about-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .about-2 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .about-2 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .about-2 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .about-2 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .about-2 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .about-2 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .about-2 .footer .full-container .footer2 {
      padding: 20px 0; }
      .about-2 .footer .full-container .footer2 .copy {
        color: #909090; }
      .about-2 .footer .full-container .footer2 .goto {
        text-align: right; }
        .about-2 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1680px) {
    .about-2 .phone_top {
      padding-right: 80px; } }
  @media screen and (max-width: 1240px) {
    .about-2 .unlimited .col-md-3 {
      padding: 15px; }
    .about-2 .testimonials-design .p {
      padding-left: 17%;
      padding-right: 17%; }
    .about-2 .testimonials-design .pp {
      padding-left: 17%;
      padding-right: 17%; }
    .about-2 .group .easy-way ul li {
      padding: 10px 0;
      font-size: 14px; }
    .about-2 .easy-way {
      padding-left: 0;
      padding-right: 0; }
    .about-2 .easy-way ul {
      -webkit-padding-start: 10px; }
    .about-2 .group .easy-way p {
      font-size: 14px;
      padding-bottom: 10px; }
    .about-2 .group .easy-way h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1024px) {
    .about-2 .side .phone_top {
      display: block; }
    .about-2 .layer {
      padding-top: 0px; }
    .about-2 .group {
      padding-top: 50px; }
    .about-2 .testimonials-design {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-2 .unlimited {
      padding-top: 30px; }
    .about-2 .row_header5 .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .about-2 .row_header5 {
      padding-bottom: 10px;
      padding-top: 15px; }
    .about-2 .row_header5 .navba {
      padding-left: 15px; }
    .about-2 .phone_top {
      padding-right: 15px; } }
  @media screen and (max-width: 991px) {
    .about-2 .unlimited .col-md-3 {
      padding-bottom: 50px; }
    .about-2 .unlimited .customer {
      padding-bottom: 55px; }
    .about-2 .group {
      padding-bottom: 100px; }
    .about-2 .our-recent {
      padding-bottom: 50px; }
    .about-2 .sile1 .we_are {
      padding-left: 15px; }
    .about-2 .porfo .porfolio {
      padding: 80px 15px; }
    .about-2 .testimonials-design .p {
      padding-left: 5%;
      padding-right: 5%; }
    .about-2 .testimonials-design .pp {
      padding-left: 5%;
      padding-right: 5%; }
    .about-2 .easy-way {
      padding-left: 15px;
      padding-right: 15px; }
    .about-2 br {
      display: none; } }
  @media screen and (max-width: 768px) {
    .about-2 .blog .col-md-4 {
      width: 50%;
      text-align: left; }
    .about-2 .porfo .nav_main .nav-tabs {
      padding-left: 10px; }
    .about-2 .unlimited {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 680px) {
    .about-2 .blog .col-md-4 .blog_name a {
      font-size: 17px; }
    .about-2 .sile1 {
      width: 100%;
      left: 0; }
    .about-2 .unlimited .development {
      clear: left; } }
  @media screen and (max-width: 568px) {
    .about-2 .sile1 {
      top: 50%; }
    .about-2 .layer {
      padding-top: 0; }
    .about-2 .unlimited .col-md-3 {
      width: 100%; }
    .about-2 .testimonials-design .p {
      font-size: 24px; }
    .about-2 .testimonials-design .pp {
      font-size: 14px; }
    .about-2 .blog .col-md-4 {
      width: 100%; }
    .about-2 .blog .blog_name {
      padding-bottom: 0; }
    .about-2 #googlemap1 {
      height: 300px; }
    .about-2 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .about-2 .testimonials-design .chuky {
      margin-top: 20px; }
    .about-2 .group .easy-way ul li span {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .about-2 .fixed-fluid {
      padding-top: 60px; }
    .about-2 .sile1 {
      left: 0;
      width: 100%; }
    .about-2 .row_header5 {
      padding-top: 20px; }
    .about-2 .affix {
      padding-top: 15px;
      padding-bottom: 10px; }
    .about-2 .testimonials-design .p .file {
      margin-left: 0; }
    .about-2 .testimonials-design .p {
      margin-left: 0;
      margin-right: 0; }
    .about-2 .group .group-img {
      padding-right: 125px; }
    .about-2 .img_porfolio .col-xs-6 {
      width: 100%; }
    .about-2 .porfolio .nav_main {
      margin-left: 0; }
    .about-2 .porfolio .col-md-8 {
      padding-right: 0; }
    .about-2 .porfolio .nav_main .nav-tabs .active {
      padding-bottom: 0; }
    .about-2 .porfolio .nav_main .nav-tabs li {
      padding-bottom: 1px; } }
  .about-2 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .about-2 .pull-right {
    cursor: pointer; }
  .about-2 * {
    outline: none !important; }
  .about-2 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .about-2 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .about-2 .create {
      padding: 117px 30px; }
    .about-2 .careate .carea .cust {
      padding: 15px 10px; }
    .about-2 .carea {
      padding: 40px 80px; }
    .about-2 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .about-2 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .about-2 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .about-2 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .about-2 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .about-2 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .about-2 .affixx .navba {
      padding-left: 5px; }
    .about-2 .phone_top {
      padding-right: 5px; }
    .about-2 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .about-2 .counter1 .col-md-3 {
      padding-left: 8%; }
    .about-2 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .about-2 .feedback .feeb {
      font-size: 200px; }
    .about-2 .affixx .navba {
      padding-left: 15px; }
    .about-2 .phone_top {
      padding-right: 15px; }
    .about-2 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .about-2 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .about-2 .we_are {
      padding: 0 50px; }
    .about-2 .careate .carea .cust {
      padding: 10px 10px; }
    .about-2 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .about-2 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .about-2 .cust h1 {
      padding-bottom: 0; }
    .about-2 .cust p {
      line-height: 150%; }
    .about-2 .button_see {
      margin-top: 27px; }
    .about-2 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .about-2 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .about-2 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .about-2 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .about-2 .footer .full-container {
      padding: 0 15px; }
    .about-2 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .about-2 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .about-2 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .about-2 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .about-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-2 .contacts .contact {
      padding: 20px 0; }
    .about-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .about-2 .feedback .slide_main .test {
      padding-top: 50px; }
    .about-2 .phone_top {
      padding-top: 0; }
    .about-2 .phone_top .pull-right {
      padding: 5px; }
    .about-2 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .about-2 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .about-2 .affixx .sidenav .navbar .nav {
      float: none; }
    .about-2 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .about-2 .affixx {
      padding-bottom: 10px !important; }
    .about-2 .counter1 .col-md-3 {
      padding-left: 6%; }
    .about-2 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .about-2 .header-lap {
      display: none; }
    .about-2 .header-mobi {
      display: block; }
    .about-2 .feedback {
      padding-bottom: 50px; }
    .about-2 .cust h1 {
      font-size: 30px; }
    .about-2 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .about-2 .all-pro span {
      margin-right: 5px; }
    .about-2 .phone_top span {
      display: none; }
    .about-2 .phone_top .phonee {
      display: none; }
    .about-2 .who_we_are {
      padding: 50px 0; }
    .about-2 .blog {
      padding: 50px 0; }
    .about-2 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .about-2 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .about-2 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .about-2 .who_we_are .we_01 {
      padding: 0 15px; }
    .about-2 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .about-2 .porfolio .col-md-8 {
      padding-left: 0; }
    .about-2 .feedback .feeb {
      font-size: 130px; }
    .about-2 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .about-2 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .about-2 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .about-2 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .about-2 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .about-2 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .about-2 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .about-2 .links ul {
      -webkit-padding-start: 0px; }
    .about-2 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .about-2 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .about-2 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .about-2 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .about-2 .recent_post ul {
      -webkit-padding-start: 0px; }
    .about-2 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .about-2 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .about-2 .servic {
      padding-top: 50px; }
    .about-2 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .about-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .about-2 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .about-2 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .about-2 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .about-2 .row_top div p {
      line-height: 170%; }
    .about-2 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .about-2 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .about-2 .slide_main .test {
      padding-top: 100px; }
    .about-2 .img_porfolio .col-md-4 {
      width: 50%; }
    .about-2 .servic .col-md-4 {
      width: 50%; }
    .about-2 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .about-2 .blog .col-md-4 {
      width: 33.33333%; }
    .about-2 .button_see {
      margin-top: 10px; }
    .about-2 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .about-2 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .about-2 .button_rea {
      height: 38px;
      margin-top: 0; }
    .about-2 .footer .full-container .footer2 .copy {
      text-align: center; }
    .about-2 .footer .full-container .footer2 .goto {
      text-align: center; }
    .about-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .about-2 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .about-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .about-2 .feedback .information .lazy h3 {
      font-size: 20px; }
    .about-2 * h1 {
      font-size: 36px !important; }
    .about-2 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .about-2 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .about-2 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .about-2 .feedback .feeb {
      font-size: 100px; }
    .about-2 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .about-2 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .about-2 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .about-2 .who_we_are .who_are p {
      font-size: 14px; }
    .about-2 .careate .carea .cust h1 {
      font-size: 36px; }
    .about-2 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .about-2 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .about-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .about-2 .feedback .information .lazy h3 {
      font-size: 16px; }
    .about-2 .cuter .counter {
      padding: 50px 0 0 0; }
    .about-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .about-2 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .about-2 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .about-2 .porfolio {
      padding: 50px 0px; }
    .about-2 .button-proje {
      width: 210px; }
    .about-2 .video .row_video .video1 > p {
      font-size: 24px; }
    .about-2 .blog .col-md-12 h1 {
      font-size: 36px; }
    .about-2 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .about-2 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .about-2 .footer #googlemap1 {
      height: 400px; }
    .about-2 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .about-2 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .about-2 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .about-2 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .about-2 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .about-2 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .about-2 .side .navbar .list-group-item button {
      top: 0; }
    .about-2 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .about-2 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .about-2 .base {
      margin-left: 0 !important; }
    .about-2 .baseright {
      margin-left: 0 !important; }
    .about-2 .sile1 {
      top: 60%; }
    .about-2 .affixx {
      background: #333 !important; }
    .about-2 .affixx {
      padding-top: 20px !important; }
    .about-2 .feedback .feeb {
      font-size: 70px; }
    .about-2 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .about-2 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .about-2 .who_we_are .who_are h1 {
      font-size: 24px; }
    .about-2 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .about-2 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .about-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .about-2 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .about-2 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .about-2 .servic .col-md-12 p {
      font-size: 24px; }
    .about-2 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .about-2 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .about-2 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .about-2 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .about-2 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .about-2 .button_see {
      margin-top: 0; }
    .about-2 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .about-2 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .about-2 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .about-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-2 .feedback .slide_main .test p {
      font-size: 24px; }
    .about-2 .feedback .information .lazy h3 {
      font-size: 14px; }
    .about-2 * h1 {
      font-size: 24px !important; }
    .about-2 .affixx {
      position: inherit !important; }
    .about-2 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .about-2 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .about-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .about-2 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .about-2 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .about-2 .modal .modal-dialog .modal-content {
      padding: 0; }
    .about-2 .img_porfolio .col-md-4 {
      width: 100%; }
    .about-2 .feedback .feeb {
      letter-spacing: 6px; }
    .about-2 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .about-2 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .about-2 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .about-2 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .about-2 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .about-2 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .about-2 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .about-2 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .about-2 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .about-2 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .about-2 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .about-2 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .about-2 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .about-2 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .about-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-2 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .about-2 .servic .identity {
      padding-top: 20px; }
    .about-2 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .about-2 .porfolio .nav_main {
      float: left; }
    .about-2 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1360px) {
    .about-2 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .about-2 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .about-2 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .about-2 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .about-2 .who_we_are .weare {
      padding-left: 100px; }
    .about-2 .sile1 .we_are {
      padding-right: 30px; }
    .about-2 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .about-2 .sile1 .we_are h1 {
      font-size: 50px; }
    .about-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .about-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .about-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .about-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .about-2 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .about-2 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .about-2 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .about-2 .team {
      padding: 50px 0; }
    .about-2 .unlimited {
      padding-bottom: 50px; }
    .about-2 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .about-2 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .about-2 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .about-2 .servic .development {
      border: none; }
    .about-2 .servic .appdevelopment {
      border: none; }
    .about-2 .servic .marketing {
      border: none; }
    .about-2 .servic .design {
      border: none; }
    .about-2 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .about-2 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .about-2 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .about-2 .sile1 .we_are {
      padding-right: 10px; }
    .about-2 .porfolio .blanc {
      padding-right: 0; }
    .about-2 .porfolio .mock {
      padding-left: 0; }
    .about-2 .what1 .js-click-product {
      height: 120px; }
    .about-2 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .about-2 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .about-2 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .about-2 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .about-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-2 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .about-2 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-2 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-2 .pricing-table {
      padding-top: 100px; }
    .about-2 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .about-2 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .about-2 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .about-2 .sile1 {
      width: 100%; }
    .about-2 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .about-2 .servic .creation {
      padding-top: 19px; }
    .about-2 .servic .design {
      padding: 15px; }
    .about-2 .servic .appdevelopment {
      padding: 15px; }
    .about-2 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .about-2 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .about-2 .pricing-table {
      padding-top: 50px; }
    .about-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-2 .servic .col-md-12 p {
      font-size: 24px; }
    .about-2 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .about-2 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .about-2 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .about-2 .what1 .main-img .slick-slide {
      display: none; }
    .about-2 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .about-2 .porfolio .blanc img {
      width: 100%; }
    .about-2 .sile1 {
      width: 97%; }
    .about-2 .servic .col-md-4 {
      padding-left: 15px; }
    .about-2 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .about-2 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .about-2 .slick-slider .slick-track {
      width: 250px; }
    .about-2 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .about-2 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .about-2 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  @media screen and (max-width: 1170px) {
    .about-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .about-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .about-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .about-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .about-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .about-2 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .about-2 .affixx {
      padding-top: 15px !important; }
    .about-2 .pull-right {
      padding-top: 5px; }
    .about-2 .layer {
      padding-top: 0px; }
    .about-2 .pull-right {
      padding: 5px 0; }
    .about-2 .page-404 {
      padding-top: 50px 15px; }
    .about-2 .affixx .sidenav {
      padding-right: 15px; }
    .about-2 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .about-2 .careate img {
      width: 100%; }
    .about-2 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .about-2 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .about-2 .layer {
      padding-top: 62px; }
    .about-2 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .about-2 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .about-2 .container_header {
      top: 75%; }
    .about-2 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .about-2 .container_header .breadcrumb .active {
      width: auto; }
    .about-2 .blog .pagination li .prev {
      width: 80px; }
    .about-2 .container_header h1 {
      padding-bottom: 0; } }
  @media screen and (max-width: 1820px) {
    .about-2 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .about-2 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .about-2 .contacts .contact p {
      font-size: 24px; }
    .about-2 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .about-2 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .about-2 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .about-2 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .about-2 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .about-2 .testimonials-img img {
      width: 100%; }
    .about-2 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .about-2 .cooperate {
      padding-top: 50px; }
    .about-2 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .about-2 .contacts .contact {
      text-align: center; }
    .about-2 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .about-2 .testimonials {
      padding-bottom: 50px; }
    .about-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .about-2 .contacts .contact p .circle img {
      width: 8%; }
    .about-2 .contacts .contact p {
      font-size: 20px; }
    .about-2 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .about-2 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .about-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .about-2 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .about-2 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .about-2 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .about-2 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .about-2 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .about-2 .gallery .col-md-4 {
      width: 100%; }
    .about-2 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .about-2 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .about-2 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .about-2 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .about-2 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }

.about-3 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .about-3 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .about-3 * {
    box-sizing: border-box; }
  .about-3 .sidenav a:hover {
    color: #b6aeae; }
  .about-3 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .about-3 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .about-3 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .about-3 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-3 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .about-3 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .about-3 .button_rea:hover {
      opacity: 0.7; }
    .about-3 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .about-3 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-3 .layer {
    position: relative; }
    .about-3 .layer img {
      width: 100%; }
  .about-3 .affix {
    z-index: 1;
    width: 100%; }
  .about-3 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .about-3 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .about-3 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .about-3 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .about-3 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .about-3 .affixx .sidenav .navbar .nav {
          float: right; }
          .about-3 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .about-3 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .about-3 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .about-3 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .about-3 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .about-3 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .about-3 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .about-3 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .about-3 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .about-3 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .about-3 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .about-3 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .about-3 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .about-3 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .about-3 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .about-3 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .about-3 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .about-3 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .about-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .about-3 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .about-3 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .about-3 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .about-3 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .about-3 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .about-3 .header-mobi {
    display: none; }
    .about-3 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .about-3 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .about-3 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .about-3 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .about-3 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .about-3 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .about-3 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .about-3 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .about-3 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .about-3 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .about-3 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .about-3 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .about-3 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .about-3 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .about-3 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .about-3 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .about-3 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .about-3 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .about-3 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-3 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .about-3 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-3 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .about-3 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-3 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .about-3 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-3 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .about-3 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-3 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .about-3 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .about-3 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-3 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-3 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .about-3 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .about-3 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .about-3 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .about-3 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .about-3 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .about-3 .sidenav a:hover {
    color: #f1f1f1; }
  .about-3 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .about-3 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .about-3 .pull-right {
    padding-top: 12px; }
  .about-3 .child2 {
    margin: 5px 0; }
  .about-3 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .about-3 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .about-3 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .about-3 .container_header .breadcrumb {
      background: transparent; }
      .about-3 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .about-3 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .about-3 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .about-3 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .about-3 .button_see_contact {
    padding-left: 20px;
    width: 150px;
    height: 60px;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .about-3 .button_see_contact span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .about-3 .button_see_contact:hover {
      color: #f2f2f2; }
    .about-3 .button_see_contact:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-3 .approach-mission-designers {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 100px; }
    .about-3 .approach-mission-designers .our-approach {
      background: #f2f2f2;
      padding: 100px 130px 100px 100px; }
      .about-3 .approach-mission-designers .our-approach h1 {
        font-size: 50px;
        font-weight: 700;
        font-family: roboto condensed;
        padding-bottom: 10px; }
      .about-3 .approach-mission-designers .our-approach p {
        font-size: 16px;
        line-height: 185%;
        color: #909090; }
    .about-3 .approach-mission-designers .our-mision {
      background: #333333;
      padding: 100px 80px; }
      .about-3 .approach-mission-designers .our-mision h1 {
        font-size: 50px;
        font-weight: 700;
        font-family: roboto condensed;
        padding-bottom: 10px;
        color: #fff; }
      .about-3 .approach-mission-designers .our-mision p {
        font-size: 16px;
        line-height: 185%;
        color: #fff; }
    .about-3 .approach-mission-designers .we-are-designers {
      background: #fc6a55;
      padding: 100px 80px; }
      .about-3 .approach-mission-designers .we-are-designers h1 {
        font-size: 50px;
        font-weight: 700;
        font-family: roboto condensed;
        padding-bottom: 21px;
        color: #fff; }
  .about-3 .unlimited {
    padding-top: 150px;
    padding-bottom: 150px;
    background: #fff; }
    .about-3 .unlimited .welcome h5 {
      letter-spacing: 2px;
      font-family: roboto condensed;
      font-weight: 700;
      color: #8f8f8f; }
    .about-3 .unlimited .welcome h1 {
      font-family: roboto condensed;
      font-weight: 700;
      font-size: 50px;
      color: #2b2b2b;
      padding-bottom: 10px; }
    .about-3 .unlimited .welcome p {
      font-size: 16px;
      font-weight: 400;
      color: #909090;
      line-height: 185%;
      padding-bottom: 60px; }
    .about-3 .unlimited .website span {
      background-image: url(../img/Shape-1.png);
      height: 64px;
      width: 30px;
      display: inline-block; }
    .about-3 .unlimited .website h4 {
      padding: 20px 0;
      font-weight: 700;
      font-size: 20px;
      font-family: roboto condensed; }
    .about-3 .unlimited .website p {
      font-size: 16px;
      font-weight: 400;
      color: #909090;
      line-height: 185%; }
    .about-3 .unlimited .customer span {
      background-image: url(../img/Shape-4.png);
      height: 47px;
      width: 67px;
      display: inline-block;
      margin-top: 15px; }
    .about-3 .unlimited .customer h4 {
      padding: 20px 0;
      font-weight: 700;
      font-size: 20px;
      font-family: roboto condensed; }
    .about-3 .unlimited .customer p {
      font-size: 16px;
      font-weight: 400;
      line-height: 185%;
      color: #909090; }
    .about-3 .unlimited .development span {
      background-image: url(../img/Shape-3.png);
      height: 62px;
      width: 62px;
      display: inline-block; }
    .about-3 .unlimited .development h4 {
      padding: 20px 0;
      font-weight: 700;
      font-size: 20px;
      font-family: roboto condensed; }
    .about-3 .unlimited .development p {
      font-size: 16px;
      font-weight: 400;
      line-height: 185%;
      color: #909090; }
    .about-3 .unlimited .branding span {
      background-image: url(../img/Shape-2.png);
      height: 59px;
      width: 66px;
      display: inline-block; }
    .about-3 .unlimited .branding h4 {
      padding: 20px 0;
      font-weight: 700;
      font-size: 20px;
      font-family: roboto condensed; }
    .about-3 .unlimited .branding p {
      font-size: 16px;
      font-weight: 400;
      line-height: 185%;
      color: #909090; }
  .about-3 .cuter {
    background: #333333; }
    .about-3 .cuter .counter {
      padding: 90px 0; }
      .about-3 .cuter .counter .counter1 {
        margin-left: 0;
        margin-right: 0; }
        .about-3 .cuter .counter .counter1 .col-md-3 p {
          font-size: 14px;
          font-family: roboto condensed;
          color: #fff;
          letter-spacing: 1px; }
        .about-3 .cuter .counter .counter1 .col-md-3 .counte {
          font-weight: 700;
          font-size: 40px;
          font-family: roboto condensed;
          color: #fff; }
        .about-3 .cuter .counter .counter1 .col-md-3 span {
          height: 30px;
          border-left: 1px solid #fa6c54; }
  .about-3 .what1 {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 150px; }
    .about-3 .what1 .whatw h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .about-3 .what1 .whatw h1 {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px; }
    .about-3 .what1 .main-img .slick-current {
      border: 1px solid red; }
    .about-3 .what1 .main-img .slick-slide {
      margin: 0 15px; }
      .about-3 .what1 .main-img .slick-slide .rul {
        border: 1px solid #f2f2f2;
        padding: 60px 25px; }
    .about-3 .what1 .js-click-product {
      text-align: center;
      width: 100%;
      margin-top: 80px;
      height: 190px; }
      .about-3 .what1 .js-click-product .slick-list {
        display: inline-block !important; }
      .about-3 .what1 .js-click-product .slick-current {
        transform: scale(1.2); }
      .about-3 .what1 .js-click-product .slick-slide {
        width: 90px !important;
        height: 90px;
        line-height: 90px; }
        .about-3 .what1 .js-click-product .slick-slide img {
          display: inline-block; }
    .about-3 .what1 .main-img1 {
      text-align: center; }
      .about-3 .what1 .main-img1 .slick-list {
        width: 150px;
        display: inline-block; }
        .about-3 .what1 .main-img1 .slick-list p {
          color: #909090; }
        .about-3 .what1 .main-img1 .slick-list h5 {
          font-weight: 700;
          font-family: roboto condensed; }
  .about-3 .cases {
    margin: 0; }
    .about-3 .cases .read-mode {
      padding: 0;
      position: relative; }
      .about-3 .cases .read-mode .read-mode-img img {
        width: 100%; }
      .about-3 .cases .read-mode .read-mode-produc {
        position: absolute;
        top: 270px;
        padding-left: 50px; }
        .about-3 .cases .read-mode .read-mode-produc p {
          font-size: 30px;
          font-weight: 700;
          font-family: roboto condensed;
          color: #fff; }
  .about-3 .we-are-delivering .container {
    border-bottom: 1px solid #ebebeb;
    padding: 150px 15px; }
    .about-3 .we-are-delivering .container .col-md-12 {
      text-align: center; }
      .about-3 .we-are-delivering .container .col-md-12 h5 {
        font-weight: 700;
        letter-spacing: 2px;
        color: #909090;
        font-family: roboto condensed; }
      .about-3 .we-are-delivering .container .col-md-12 h1 {
        font-family: roboto condensed;
        font-weight: 700;
        font-size: 50px;
        padding-bottom: 60px; }
    .about-3 .we-are-delivering .container img {
      width: 100%; }
  .about-3 .cooperate {
    padding-top: 150px;
    padding-bottom: 50px; }
    .about-3 .cooperate .brand h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px; }
    .about-3 .cooperate .brand h1 {
      font-size: 50px;
      font-family: roboto condensed;
      font-weight: 700; }
    .about-3 .cooperate .brand p {
      font-size: 16px;
      color: #909090;
      line-height: 190%;
      padding-top: 20px; }
    .about-3 .cooperate .logo-brand img {
      padding-top: 0px;
      padding-bottom: 100px; }
    .about-3 .cooperate .logo-brand .logo-design img {
      padding-bottom: 50px; }
    .about-3 .cooperate .logo-brand .logo-suns img {
      padding-top: 25px; }
    .about-3 .cooperate .logo-brand .logo-class img {
      padding-top: 25px; }
  .about-3 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .about-3 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .about-3 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .about-3 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .about-3 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .about-3 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .about-3 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .about-3 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .about-3 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .about-3 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .about-3 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .about-3 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-3 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .about-3 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .about-3 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .about-3 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .about-3 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .about-3 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-3 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .about-3 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .about-3 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .about-3 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .about-3 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .about-3 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-3 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .about-3 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .about-3 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .about-3 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .about-3 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .about-3 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .about-3 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .about-3 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .about-3 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .about-3 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .about-3 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .about-3 .footer .full-container .footer2 {
      padding: 20px 0; }
      .about-3 .footer .full-container .footer2 .copy {
        color: #909090; }
      .about-3 .footer .full-container .footer2 .goto {
        text-align: right; }
        .about-3 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1680px) {
    .about-3 .phone_top {
      padding-right: 80px; } }
  @media screen and (max-width: 1240px) {
    .about-3 .unlimited .col-md-3 {
      padding: 15px; }
    .about-3 .testimonials-design .p {
      padding-left: 17%;
      padding-right: 17%; }
    .about-3 .testimonials-design .pp {
      padding-left: 17%;
      padding-right: 17%; }
    .about-3 .group .easy-way ul li {
      padding: 10px 0;
      font-size: 14px; }
    .about-3 .easy-way {
      padding-left: 0;
      padding-right: 0; }
    .about-3 .easy-way ul {
      -webkit-padding-start: 10px; }
    .about-3 .group .easy-way p {
      font-size: 14px;
      padding-bottom: 10px; }
    .about-3 .group .easy-way h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1024px) {
    .about-3 .side .phone_top {
      display: block; }
    .about-3 .layer {
      padding-top: 0px; }
    .about-3 .group {
      padding-top: 50px; }
    .about-3 .testimonials-design {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-3 .unlimited {
      padding-top: 30px; }
    .about-3 .row_header5 .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .about-3 .row_header5 {
      padding-bottom: 10px;
      padding-top: 15px; }
    .about-3 .row_header5 .navba {
      padding-left: 15px; }
    .about-3 .phone_top {
      padding-right: 15px; } }
  @media screen and (max-width: 991px) {
    .about-3 .unlimited .col-md-3 {
      padding-bottom: 50px; }
    .about-3 .unlimited .customer {
      padding-bottom: 55px; }
    .about-3 .group {
      padding-bottom: 100px; }
    .about-3 .our-recent {
      padding-bottom: 50px; }
    .about-3 .sile1 .we_are {
      padding-left: 15px; }
    .about-3 .porfo .porfolio {
      padding: 80px 15px; }
    .about-3 .testimonials-design .p {
      padding-left: 5%;
      padding-right: 5%; }
    .about-3 .testimonials-design .pp {
      padding-left: 5%;
      padding-right: 5%; }
    .about-3 .easy-way {
      padding-left: 15px;
      padding-right: 15px; }
    .about-3 br {
      display: none; } }
  @media screen and (max-width: 768px) {
    .about-3 .blog .col-md-4 {
      width: 50%;
      text-align: left; }
    .about-3 .porfo .nav_main .nav-tabs {
      padding-left: 10px; }
    .about-3 .unlimited {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 680px) {
    .about-3 .blog .col-md-4 .blog_name a {
      font-size: 17px; }
    .about-3 .sile1 {
      width: 100%;
      left: 0; }
    .about-3 .unlimited .development {
      clear: left; } }
  @media screen and (max-width: 568px) {
    .about-3 .sile1 {
      top: 50%; }
    .about-3 .layer {
      padding-top: 0; }
    .about-3 .unlimited .col-md-3 {
      width: 100%; }
    .about-3 .testimonials-design .p {
      font-size: 24px; }
    .about-3 .testimonials-design .pp {
      font-size: 14px; }
    .about-3 .blog .col-md-4 {
      width: 100%; }
    .about-3 .blog .blog_name {
      padding-bottom: 0; }
    .about-3 #googlemap1 {
      height: 300px; }
    .about-3 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .about-3 .testimonials-design .chuky {
      margin-top: 20px; }
    .about-3 .group .easy-way ul li span {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .about-3 .fixed-fluid {
      padding-top: 60px; }
    .about-3 .sile1 {
      left: 0;
      width: 100%; }
    .about-3 .row_header5 {
      padding-top: 20px; }
    .about-3 .affix {
      padding-top: 15px;
      padding-bottom: 10px; }
    .about-3 .testimonials-design .p .file {
      margin-left: 0; }
    .about-3 .testimonials-design .p {
      margin-left: 0;
      margin-right: 0; }
    .about-3 .group .group-img {
      padding-right: 125px; }
    .about-3 .img_porfolio .col-xs-6 {
      width: 100%; }
    .about-3 .porfolio .nav_main {
      margin-left: 0; }
    .about-3 .porfolio .col-md-8 {
      padding-right: 0; }
    .about-3 .porfolio .nav_main .nav-tabs .active {
      padding-bottom: 0; }
    .about-3 .porfolio .nav_main .nav-tabs li {
      padding-bottom: 1px; } }
  .about-3 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .about-3 .pull-right {
    cursor: pointer; }
  .about-3 * {
    outline: none !important; }
  .about-3 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .about-3 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .about-3 .create {
      padding: 117px 30px; }
    .about-3 .careate .carea .cust {
      padding: 15px 10px; }
    .about-3 .carea {
      padding: 40px 80px; }
    .about-3 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .about-3 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .about-3 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .about-3 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .about-3 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .about-3 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .about-3 .affixx .navba {
      padding-left: 5px; }
    .about-3 .phone_top {
      padding-right: 5px; }
    .about-3 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .about-3 .counter1 .col-md-3 {
      padding-left: 8%; }
    .about-3 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .about-3 .feedback .feeb {
      font-size: 200px; }
    .about-3 .affixx .navba {
      padding-left: 15px; }
    .about-3 .phone_top {
      padding-right: 15px; }
    .about-3 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .about-3 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .about-3 .we_are {
      padding: 0 50px; }
    .about-3 .careate .carea .cust {
      padding: 10px 10px; }
    .about-3 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .about-3 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .about-3 .cust h1 {
      padding-bottom: 0; }
    .about-3 .cust p {
      line-height: 150%; }
    .about-3 .button_see {
      margin-top: 27px; }
    .about-3 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .about-3 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .about-3 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .about-3 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .about-3 .footer .full-container {
      padding: 0 15px; }
    .about-3 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .about-3 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .about-3 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .about-3 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .about-3 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-3 .contacts .contact {
      padding: 20px 0; }
    .about-3 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .about-3 .feedback .slide_main .test {
      padding-top: 50px; }
    .about-3 .phone_top {
      padding-top: 0; }
    .about-3 .phone_top .pull-right {
      padding: 5px; }
    .about-3 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .about-3 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .about-3 .affixx .sidenav .navbar .nav {
      float: none; }
    .about-3 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .about-3 .affixx {
      padding-bottom: 10px !important; }
    .about-3 .counter1 .col-md-3 {
      padding-left: 6%; }
    .about-3 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .about-3 .header-lap {
      display: none; }
    .about-3 .header-mobi {
      display: block; }
    .about-3 .feedback {
      padding-bottom: 50px; }
    .about-3 .cust h1 {
      font-size: 30px; }
    .about-3 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .about-3 .all-pro span {
      margin-right: 5px; }
    .about-3 .phone_top span {
      display: none; }
    .about-3 .phone_top .phonee {
      display: none; }
    .about-3 .who_we_are {
      padding: 50px 0; }
    .about-3 .blog {
      padding: 50px 0; }
    .about-3 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .about-3 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .about-3 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .about-3 .who_we_are .we_01 {
      padding: 0 15px; }
    .about-3 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .about-3 .porfolio .col-md-8 {
      padding-left: 0; }
    .about-3 .feedback .feeb {
      font-size: 130px; }
    .about-3 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .about-3 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .about-3 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .about-3 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .about-3 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .about-3 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .about-3 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .about-3 .links ul {
      -webkit-padding-start: 0px; }
    .about-3 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .about-3 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .about-3 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .about-3 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .about-3 .recent_post ul {
      -webkit-padding-start: 0px; }
    .about-3 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .about-3 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .about-3 .servic {
      padding-top: 50px; }
    .about-3 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .about-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .about-3 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .about-3 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .about-3 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .about-3 .row_top div p {
      line-height: 170%; }
    .about-3 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .about-3 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .about-3 .slide_main .test {
      padding-top: 100px; }
    .about-3 .img_porfolio .col-md-4 {
      width: 50%; }
    .about-3 .servic .col-md-4 {
      width: 50%; }
    .about-3 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .about-3 .blog .col-md-4 {
      width: 33.33333%; }
    .about-3 .button_see {
      margin-top: 10px; }
    .about-3 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .about-3 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .about-3 .button_rea {
      height: 38px;
      margin-top: 0; }
    .about-3 .footer .full-container .footer2 .copy {
      text-align: center; }
    .about-3 .footer .full-container .footer2 .goto {
      text-align: center; }
    .about-3 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .about-3 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .about-3 .feedback .slide_main .test p {
      font-size: 36px; }
    .about-3 .feedback .information .lazy h3 {
      font-size: 20px; }
    .about-3 * h1 {
      font-size: 36px !important; }
    .about-3 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .about-3 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .about-3 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .about-3 .feedback .feeb {
      font-size: 100px; }
    .about-3 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .about-3 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .about-3 .who_we_are .who_are p {
      font-size: 14px; }
    .about-3 .careate .carea .cust h1 {
      font-size: 36px; }
    .about-3 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .about-3 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .about-3 .feedback .slide_main .test p {
      font-size: 36px; }
    .about-3 .feedback .information .lazy h3 {
      font-size: 16px; }
    .about-3 .cuter .counter {
      padding: 50px 0 0 0; }
    .about-3 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .about-3 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .about-3 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .about-3 .porfolio {
      padding: 50px 0px; }
    .about-3 .button-proje {
      width: 210px; }
    .about-3 .video .row_video .video1 > p {
      font-size: 24px; }
    .about-3 .blog .col-md-12 h1 {
      font-size: 36px; }
    .about-3 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .about-3 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .footer #googlemap1 {
      height: 400px; }
    .about-3 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .about-3 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .about-3 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .about-3 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .about-3 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .about-3 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .about-3 .side .navbar .list-group-item button {
      top: 0; }
    .about-3 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .about-3 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .about-3 .base {
      margin-left: 0 !important; }
    .about-3 .baseright {
      margin-left: 0 !important; }
    .about-3 .sile1 {
      top: 60%; }
    .about-3 .affixx {
      background: #333 !important; }
    .about-3 .affixx {
      padding-top: 20px !important; }
    .about-3 .feedback .feeb {
      font-size: 70px; }
    .about-3 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .about-3 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .about-3 .who_we_are .who_are h1 {
      font-size: 24px; }
    .about-3 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .about-3 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .about-3 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .about-3 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .about-3 .servic .col-md-12 p {
      font-size: 24px; }
    .about-3 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .about-3 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .about-3 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .about-3 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .about-3 .button_see {
      margin-top: 0; }
    .about-3 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .about-3 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .about-3 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .about-3 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-3 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-3 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-3 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-3 .feedback .slide_main .test p {
      font-size: 24px; }
    .about-3 .feedback .information .lazy h3 {
      font-size: 14px; }
    .about-3 * h1 {
      font-size: 24px !important; }
    .about-3 .affixx {
      position: inherit !important; }
    .about-3 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .about-3 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .about-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .about-3 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .about-3 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .about-3 .modal .modal-dialog .modal-content {
      padding: 0; }
    .about-3 .img_porfolio .col-md-4 {
      width: 100%; }
    .about-3 .feedback .feeb {
      letter-spacing: 6px; }
    .about-3 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .about-3 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .about-3 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .about-3 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .about-3 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .about-3 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .about-3 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .about-3 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .about-3 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .about-3 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .about-3 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .about-3 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .about-3 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .about-3 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .about-3 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-3 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-3 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-3 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-3 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .about-3 .servic .identity {
      padding-top: 20px; }
    .about-3 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .about-3 .porfolio .nav_main {
      float: left; }
    .about-3 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1360px) {
    .about-3 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .about-3 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .about-3 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .about-3 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .about-3 .who_we_are .weare {
      padding-left: 100px; }
    .about-3 .sile1 .we_are {
      padding-right: 30px; }
    .about-3 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .about-3 .sile1 .we_are h1 {
      font-size: 50px; }
    .about-3 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .about-3 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .about-3 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .about-3 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .about-3 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .about-3 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .about-3 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .about-3 .team {
      padding: 50px 0; }
    .about-3 .unlimited {
      padding-bottom: 50px; }
    .about-3 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .about-3 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .about-3 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .about-3 .servic .development {
      border: none; }
    .about-3 .servic .appdevelopment {
      border: none; }
    .about-3 .servic .marketing {
      border: none; }
    .about-3 .servic .design {
      border: none; }
    .about-3 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .about-3 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .about-3 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .about-3 .sile1 .we_are {
      padding-right: 10px; }
    .about-3 .porfolio .blanc {
      padding-right: 0; }
    .about-3 .porfolio .mock {
      padding-left: 0; }
    .about-3 .what1 .js-click-product {
      height: 120px; }
    .about-3 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .about-3 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .about-3 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .about-3 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .about-3 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-3 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .about-3 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-3 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .about-3 .pricing-table {
      padding-top: 100px; }
    .about-3 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .about-3 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .about-3 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .about-3 .sile1 {
      width: 100%; }
    .about-3 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .about-3 .servic .creation {
      padding-top: 19px; }
    .about-3 .servic .design {
      padding: 15px; }
    .about-3 .servic .appdevelopment {
      padding: 15px; }
    .about-3 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .about-3 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .about-3 .pricing-table {
      padding-top: 50px; }
    .about-3 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-3 .servic .col-md-12 p {
      font-size: 24px; }
    .about-3 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .about-3 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .about-3 .what1 .main-img .slick-slide {
      display: none; }
    .about-3 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .about-3 .porfolio .blanc img {
      width: 100%; }
    .about-3 .sile1 {
      width: 97%; }
    .about-3 .servic .col-md-4 {
      padding-left: 15px; }
    .about-3 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .about-3 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .about-3 .slick-slider .slick-track {
      width: 250px; }
    .about-3 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .about-3 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .about-3 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  @media screen and (max-width: 1680px) {
    .about-3 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; } }
  @media screen and (max-width: 1440px) {
    .about-3 .approach-mission-designers .our-mision {
      padding: 100px 40px; }
    .about-3 .approach-mission-designers .our-approach {
      padding: 100px 30px; } }
  @media screen and (max-width: 1360px) {
    .about-3 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .about-3 .cases .read-mode .read-mode-produc {
      top: 100px; } }
  @media screen and (max-width: 1170px) {
    .about-3 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .about-3 .approach-mission-designers .our-mision {
      padding: 50px 15px; }
      .about-3 .approach-mission-designers .our-mision h1 {
        font-size: 40px; }
    .about-3 .approach-mission-designers .our-approach {
      padding: 50px 15px;
      padding-bottom: 21px; }
      .about-3 .approach-mission-designers .our-approach h1 {
        font-size: 40px; }
    .about-3 .approach-mission-designers .we-are-designers {
      padding: 50px 15px;
      padding-bottom: 61px; }
      .about-3 .approach-mission-designers .we-are-designers h1 {
        font-size: 40px; }
    .about-3 .affixx {
      padding-top: 15px !important; } }
  @media screen and (max-width: 1024px) {
    .about-3 .approach-mission-designers .we-are-designers {
      padding-bottom: 90px; }
    .about-3 .pull-right {
      padding: 5px; }
    .about-3 .affixx .logo {
      padding-left: 15px; }
    .about-3 .affixx .sidenav {
      padding-right: 15px; }
    .about-3 .we-are-delivering .container {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .about-3 .approach-mission-designers .we-are-designers {
      padding-bottom: 76px; }
    .about-3 .approach-mission-designers .our-approach {
      padding: 50px 15px; }
    .about-3 h1 {
      font-size: 36px !important; } }
  @media screen and (max-width: 768px) {
    .about-3 .affixx .logo {
      padding-left: 15px; }
    .about-3 .affixx .sidenav {
      padding-right: 15px; } }
  @media screen and (max-width: 680px) {
    .about-3 .approach-mission-designers .we-are-designers {
      padding: 30px 15px; }
    .about-3 .approach-mission-designers .we-are-designers h1 {
      padding-right: 20%; } }
  @media screen and (max-width: 568px) {
    .about-3 h1 {
      font-size: 24px !important; }
    .about-3 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .about-3 .approach-mission-designers .col-md-3 {
      width: 100%; }
    .about-3 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .about-3 .approach-mission-designers {
      padding-bottom: 0; }
    .about-3 .cooperate {
      padding-top: 50px; }
    .about-3 .we-are-delivering .container {
      padding: 50px 15px; }
    .about-3 .container_header {
      top: 70%; } }
  @media screen and (max-width: 480px) {
    .about-3 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .about-3 .what1 .main-img .slick-slide {
      display: none; }
    .about-3 .cases .read-mode {
      width: 100%; }
    .about-3 .approach-mission-designers .our-approach p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .approach-mission-designers .our-mision p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .unlimited .welcome p {
      font-size: 14px;
      line-height: 150%;
      padding-bottom: 30px; }
    .about-3 .unlimited .col-md-3 {
      padding: 30px 15px; }
      .about-3 .unlimited .col-md-3 p {
        font-size: 14px;
        line-height: 150%; } }
  @media screen and (max-width: 1820px) {
    .about-3 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .about-3 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .about-3 .contacts .contact p {
      font-size: 24px; }
    .about-3 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .about-3 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .about-3 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .about-3 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .about-3 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .about-3 .testimonials-img img {
      width: 100%; }
    .about-3 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .about-3 .cooperate {
      padding-top: 50px; }
    .about-3 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .about-3 .contacts .contact {
      text-align: center; }
    .about-3 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .about-3 .testimonials {
      padding-bottom: 50px; }
    .about-3 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .about-3 .contacts .contact p .circle img {
      width: 8%; }
    .about-3 .contacts .contact p {
      font-size: 20px; }
    .about-3 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .about-3 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .about-3 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .about-3 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .about-3 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .about-3 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .about-3 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .about-3 .gallery .col-md-4 {
      width: 100%; }
    .about-3 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .about-3 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .about-3 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .about-3 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .about-3 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }

.about-4 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .about-4 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .about-4 * {
    box-sizing: border-box; }
  .about-4 .sidenav a:hover {
    color: #b6aeae; }
  .about-4 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .about-4 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .about-4 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .about-4 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-4 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .about-4 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .about-4 .button_rea:hover {
      opacity: 0.7; }
    .about-4 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .about-4 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .about-4 .layer {
    position: relative; }
    .about-4 .layer img {
      width: 100%; }
  .about-4 .affix {
    z-index: 1;
    width: 100%; }
  .about-4 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .about-4 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .about-4 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .about-4 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .about-4 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .about-4 .affixx .sidenav .navbar .nav {
          float: right; }
          .about-4 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .about-4 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .about-4 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .about-4 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .about-4 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .about-4 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .about-4 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .about-4 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .about-4 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .about-4 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .about-4 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .about-4 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .about-4 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .about-4 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .about-4 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .about-4 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .about-4 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .about-4 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .about-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .about-4 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .about-4 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .about-4 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .about-4 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .about-4 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .about-4 .header-mobi {
    display: none; }
    .about-4 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .about-4 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .about-4 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .about-4 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .about-4 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .about-4 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .about-4 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .about-4 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .about-4 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .about-4 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .about-4 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .about-4 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .about-4 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .about-4 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .about-4 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .about-4 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .about-4 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .about-4 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .about-4 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-4 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .about-4 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-4 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .about-4 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-4 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .about-4 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-4 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .about-4 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .about-4 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .about-4 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .about-4 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .about-4 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .about-4 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .about-4 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .about-4 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .about-4 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .about-4 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .about-4 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .about-4 .sidenav a:hover {
    color: #f1f1f1; }
  .about-4 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .about-4 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .about-4 .pull-right {
    padding-top: 12px; }
  .about-4 .child2 {
    margin: 5px 0; }
  .about-4 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .about-4 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .about-4 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .about-4 .container_header .breadcrumb {
      background: transparent; }
      .about-4 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .about-4 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .about-4 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .about-4 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .about-4 .container-fluid .col-md-1:nth-child(12n+1), .about-4 .container-fluid .col-md-2:nth-child(6n+1), .about-4 .container-fluid .col-md-3:nth-child(4n+1), .about-4 .container-fluid .col-md-4:nth-child(3n+1), .about-4 .container-fluid .col-md-6:nth-child(2n+1),
  .about-4 .container-fluid .col-sm-1:nth-child(12n+1), .about-4 .container-fluid .col-sm-2:nth-child(6n+1), .about-4 .container-fluid .col-sm-3:nth-child(4n+1), .about-4 .container-fluid .col-sm-4:nth-child(3n+1), .about-4 .container-fluid .col-sm-6:nth-child(2n+1),
  .about-4 .container-fluid .col-xs-1:nth-child(12n+1), .about-4 .container-fluid .col-xs-2:nth-child(6n+1), .about-4 .container-fluid .col-xs-3:nth-child(4n+1), .about-4 .container-fluid .col-xs-4:nth-child(3n+1), .about-4 .container-fluid .col-xs-6:nth-child(2n+1) {
    clear: none; }
  .about-4 .container-fluid .col-lg-1:nth-child(12n+1), .about-4 .container-fluid .col-lg-2:nth-child(6n+1), .about-4 .container-fluid .col-lg-3:nth-child(4n+1), .about-4 .container-fluid .col-lg-4:nth-child(3n+1), .about-4 .container-fluid .col-lg-6:nth-child(2n+1) {
    clear: left; }
  .about-4 .container-fluid {
    background: #f2f2f2; }
    .about-4 .container-fluid .img {
      padding-left: 0;
      padding: 0; }
      .about-4 .container-fluid .img img {
        width: 100%; }
    .about-4 .container-fluid .porodu {
      text-align: center;
      padding: 10% 5%  0 5%; }
      .about-4 .container-fluid .porodu p {
        font-size: 16px;
        color: #909090;
        line-height: 185%; }
      .about-4 .container-fluid .porodu h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: roboto condensed;
        padding: 10px 0; }
      .about-4 .container-fluid .porodu .about {
        background-image: url(../img/Shape-3.png);
        height: 62px;
        width: 62px;
        display: inline-block; }
      .about-4 .container-fluid .porodu .manifesto {
        background-image: url(../img/Forma-1.png);
        height: 54px;
        width: 54px;
        display: inline-block; }
      .about-4 .container-fluid .porodu .skills {
        background-image: url(../img/Shape-4.png);
        height: 47px;
        width: 62px;
        display: inline-block; }
      .about-4 .container-fluid .porodu .we-are-hiring {
        background-image: url(../img/Shape-2.png);
        height: 59px;
        width: 66px;
        display: inline-block; }
      .about-4 .container-fluid .porodu .awards {
        background-image: url(../img/Forma-11.png);
        height: 50px;
        width: 58px;
        display: inline-block; }
  .about-4 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .about-4 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .about-4 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .about-4 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .about-4 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .about-4 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .about-4 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .about-4 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .about-4 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .about-4 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .about-4 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .about-4 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-4 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .about-4 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .about-4 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .about-4 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .about-4 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .about-4 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-4 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .about-4 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .about-4 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .about-4 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .about-4 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .about-4 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .about-4 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .about-4 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .about-4 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .about-4 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .about-4 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .about-4 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .about-4 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .about-4 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .about-4 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .about-4 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .about-4 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .about-4 .footer .full-container .footer2 {
      padding: 20px 0; }
      .about-4 .footer .full-container .footer2 .copy {
        color: #909090; }
      .about-4 .footer .full-container .footer2 .goto {
        text-align: right; }
        .about-4 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1680px) {
    .about-4 .phone_top {
      padding-right: 80px; } }
  @media screen and (max-width: 1240px) {
    .about-4 .unlimited .col-md-3 {
      padding: 15px; }
    .about-4 .testimonials-design .p {
      padding-left: 17%;
      padding-right: 17%; }
    .about-4 .testimonials-design .pp {
      padding-left: 17%;
      padding-right: 17%; }
    .about-4 .group .easy-way ul li {
      padding: 10px 0;
      font-size: 14px; }
    .about-4 .easy-way {
      padding-left: 0;
      padding-right: 0; }
    .about-4 .easy-way ul {
      -webkit-padding-start: 10px; }
    .about-4 .group .easy-way p {
      font-size: 14px;
      padding-bottom: 10px; }
    .about-4 .group .easy-way h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1024px) {
    .about-4 .side .phone_top {
      display: block; }
    .about-4 .layer {
      padding-top: 0px; }
    .about-4 .group {
      padding-top: 50px; }
    .about-4 .testimonials-design {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-4 .unlimited {
      padding-top: 30px; }
    .about-4 .row_header5 .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .about-4 .row_header5 {
      padding-bottom: 10px;
      padding-top: 15px; }
    .about-4 .row_header5 .navba {
      padding-left: 15px; }
    .about-4 .phone_top {
      padding-right: 15px; } }
  @media screen and (max-width: 991px) {
    .about-4 .unlimited .col-md-3 {
      padding-bottom: 50px; }
    .about-4 .unlimited .customer {
      padding-bottom: 55px; }
    .about-4 .group {
      padding-bottom: 100px; }
    .about-4 .our-recent {
      padding-bottom: 50px; }
    .about-4 .sile1 .we_are {
      padding-left: 15px; }
    .about-4 .porfo .porfolio {
      padding: 80px 15px; }
    .about-4 .testimonials-design .p {
      padding-left: 5%;
      padding-right: 5%; }
    .about-4 .testimonials-design .pp {
      padding-left: 5%;
      padding-right: 5%; }
    .about-4 .easy-way {
      padding-left: 15px;
      padding-right: 15px; }
    .about-4 br {
      display: none; } }
  @media screen and (max-width: 768px) {
    .about-4 .blog .col-md-4 {
      width: 50%;
      text-align: left; }
    .about-4 .porfo .nav_main .nav-tabs {
      padding-left: 10px; }
    .about-4 .unlimited {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 680px) {
    .about-4 .blog .col-md-4 .blog_name a {
      font-size: 17px; }
    .about-4 .sile1 {
      width: 100%;
      left: 0; }
    .about-4 .unlimited .development {
      clear: left; } }
  @media screen and (max-width: 568px) {
    .about-4 .sile1 {
      top: 50%; }
    .about-4 .layer {
      padding-top: 0; }
    .about-4 .unlimited .col-md-3 {
      width: 100%; }
    .about-4 .testimonials-design .p {
      font-size: 24px; }
    .about-4 .testimonials-design .pp {
      font-size: 14px; }
    .about-4 .blog .col-md-4 {
      width: 100%; }
    .about-4 .blog .blog_name {
      padding-bottom: 0; }
    .about-4 #googlemap1 {
      height: 300px; }
    .about-4 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .about-4 .testimonials-design .chuky {
      margin-top: 20px; }
    .about-4 .group .easy-way ul li span {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .about-4 .fixed-fluid {
      padding-top: 60px; }
    .about-4 .sile1 {
      left: 0;
      width: 100%; }
    .about-4 .row_header5 {
      padding-top: 20px; }
    .about-4 .affix {
      padding-top: 15px;
      padding-bottom: 10px; }
    .about-4 .testimonials-design .p .file {
      margin-left: 0; }
    .about-4 .testimonials-design .p {
      margin-left: 0;
      margin-right: 0; }
    .about-4 .group .group-img {
      padding-right: 125px; }
    .about-4 .img_porfolio .col-xs-6 {
      width: 100%; }
    .about-4 .porfolio .nav_main {
      margin-left: 0; }
    .about-4 .porfolio .col-md-8 {
      padding-right: 0; }
    .about-4 .porfolio .nav_main .nav-tabs .active {
      padding-bottom: 0; }
    .about-4 .porfolio .nav_main .nav-tabs li {
      padding-bottom: 1px; } }
  .about-4 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .about-4 .pull-right {
    cursor: pointer; }
  .about-4 * {
    outline: none !important; }
  .about-4 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .about-4 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .about-4 .create {
      padding: 117px 30px; }
    .about-4 .careate .carea .cust {
      padding: 15px 10px; }
    .about-4 .carea {
      padding: 40px 80px; }
    .about-4 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .about-4 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .about-4 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .about-4 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .about-4 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .about-4 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .about-4 .affixx .navba {
      padding-left: 5px; }
    .about-4 .phone_top {
      padding-right: 5px; }
    .about-4 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .about-4 .counter1 .col-md-3 {
      padding-left: 8%; }
    .about-4 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .about-4 .feedback .feeb {
      font-size: 200px; }
    .about-4 .affixx .navba {
      padding-left: 15px; }
    .about-4 .phone_top {
      padding-right: 15px; }
    .about-4 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .about-4 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .about-4 .we_are {
      padding: 0 50px; }
    .about-4 .careate .carea .cust {
      padding: 10px 10px; }
    .about-4 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .about-4 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .about-4 .cust h1 {
      padding-bottom: 0; }
    .about-4 .cust p {
      line-height: 150%; }
    .about-4 .button_see {
      margin-top: 27px; }
    .about-4 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .about-4 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .about-4 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .about-4 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .about-4 .footer .full-container {
      padding: 0 15px; }
    .about-4 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .about-4 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .about-4 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .about-4 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .about-4 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .about-4 .contacts .contact {
      padding: 20px 0; }
    .about-4 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .about-4 .feedback .slide_main .test {
      padding-top: 50px; }
    .about-4 .phone_top {
      padding-top: 0; }
    .about-4 .phone_top .pull-right {
      padding: 5px; }
    .about-4 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .about-4 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .about-4 .affixx .sidenav .navbar .nav {
      float: none; }
    .about-4 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .about-4 .affixx {
      padding-bottom: 10px !important; }
    .about-4 .counter1 .col-md-3 {
      padding-left: 6%; }
    .about-4 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .about-4 .header-lap {
      display: none; }
    .about-4 .header-mobi {
      display: block; }
    .about-4 .feedback {
      padding-bottom: 50px; }
    .about-4 .cust h1 {
      font-size: 30px; }
    .about-4 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .about-4 .all-pro span {
      margin-right: 5px; }
    .about-4 .phone_top span {
      display: none; }
    .about-4 .phone_top .phonee {
      display: none; }
    .about-4 .who_we_are {
      padding: 50px 0; }
    .about-4 .blog {
      padding: 50px 0; }
    .about-4 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .about-4 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .about-4 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .about-4 .who_we_are .we_01 {
      padding: 0 15px; }
    .about-4 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .about-4 .porfolio .col-md-8 {
      padding-left: 0; }
    .about-4 .feedback .feeb {
      font-size: 130px; }
    .about-4 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .about-4 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .about-4 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .about-4 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .about-4 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .about-4 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .about-4 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .about-4 .links ul {
      -webkit-padding-start: 0px; }
    .about-4 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .about-4 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .about-4 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .about-4 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .about-4 .recent_post ul {
      -webkit-padding-start: 0px; }
    .about-4 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .about-4 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .about-4 .servic {
      padding-top: 50px; }
    .about-4 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .about-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .about-4 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .about-4 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .about-4 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .about-4 .row_top div p {
      line-height: 170%; }
    .about-4 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .about-4 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .about-4 .slide_main .test {
      padding-top: 100px; }
    .about-4 .img_porfolio .col-md-4 {
      width: 50%; }
    .about-4 .servic .col-md-4 {
      width: 50%; }
    .about-4 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .about-4 .blog .col-md-4 {
      width: 33.33333%; }
    .about-4 .button_see {
      margin-top: 10px; }
    .about-4 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .about-4 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .about-4 .button_rea {
      height: 38px;
      margin-top: 0; }
    .about-4 .footer .full-container .footer2 .copy {
      text-align: center; }
    .about-4 .footer .full-container .footer2 .goto {
      text-align: center; }
    .about-4 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .about-4 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .about-4 .feedback .slide_main .test p {
      font-size: 36px; }
    .about-4 .feedback .information .lazy h3 {
      font-size: 20px; }
    .about-4 * h1 {
      font-size: 36px !important; }
    .about-4 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .about-4 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .about-4 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .about-4 .feedback .feeb {
      font-size: 100px; }
    .about-4 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .about-4 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .about-4 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .about-4 .who_we_are .who_are p {
      font-size: 14px; }
    .about-4 .careate .carea .cust h1 {
      font-size: 36px; }
    .about-4 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .about-4 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .about-4 .feedback .slide_main .test p {
      font-size: 36px; }
    .about-4 .feedback .information .lazy h3 {
      font-size: 16px; }
    .about-4 .cuter .counter {
      padding: 50px 0 0 0; }
    .about-4 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .about-4 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .about-4 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .about-4 .porfolio {
      padding: 50px 0px; }
    .about-4 .button-proje {
      width: 210px; }
    .about-4 .video .row_video .video1 > p {
      font-size: 24px; }
    .about-4 .blog .col-md-12 h1 {
      font-size: 36px; }
    .about-4 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .about-4 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .about-4 .footer #googlemap1 {
      height: 400px; }
    .about-4 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .about-4 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .about-4 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .about-4 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .about-4 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .about-4 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .about-4 .side .navbar .list-group-item button {
      top: 0; }
    .about-4 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .about-4 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .about-4 .base {
      margin-left: 0 !important; }
    .about-4 .baseright {
      margin-left: 0 !important; }
    .about-4 .sile1 {
      top: 60%; }
    .about-4 .affixx {
      background: #333 !important; }
    .about-4 .affixx {
      padding-top: 20px !important; }
    .about-4 .feedback .feeb {
      font-size: 70px; }
    .about-4 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .about-4 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .about-4 .who_we_are .who_are h1 {
      font-size: 24px; }
    .about-4 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .about-4 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .about-4 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .about-4 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .about-4 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .about-4 .servic .col-md-12 p {
      font-size: 24px; }
    .about-4 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .about-4 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .about-4 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .about-4 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .about-4 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .about-4 .button_see {
      margin-top: 0; }
    .about-4 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .about-4 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .about-4 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .about-4 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-4 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-4 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-4 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .about-4 .feedback .slide_main .test p {
      font-size: 24px; }
    .about-4 .feedback .information .lazy h3 {
      font-size: 14px; }
    .about-4 * h1 {
      font-size: 24px !important; }
    .about-4 .affixx {
      position: inherit !important; }
    .about-4 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .about-4 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .about-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .about-4 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .about-4 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .about-4 .modal .modal-dialog .modal-content {
      padding: 0; }
    .about-4 .img_porfolio .col-md-4 {
      width: 100%; }
    .about-4 .feedback .feeb {
      letter-spacing: 6px; }
    .about-4 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .about-4 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .about-4 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .about-4 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .about-4 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .about-4 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .about-4 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .about-4 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .about-4 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .about-4 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .about-4 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .about-4 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .about-4 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .about-4 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .about-4 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-4 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-4 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-4 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .about-4 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .about-4 .servic .identity {
      padding-top: 20px; }
    .about-4 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .about-4 .porfolio .nav_main {
      float: left; }
    .about-4 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1440px) {
    .about-4 .container-fluid .porodu {
      padding: 5% 5% 0 5%; } }
  @media screen and (max-width: 1360px) {
    .about-4 .container-fluid .porodu {
      padding: 4% 1% 0 1%; } }
  @media screen and (max-width: 1170px) {
    .about-4 .container-fluid .porodu {
      padding: 2% 1% 0 1%; } }
  @media screen and (max-width: 1024px) {
    .about-4 .container-fluid .porodu h4 {
      padding: 5px 0; }
    .about-4 .porodu {
      border-top: 1px solid #bebebe; } }
  @media screen and (max-width: 991px) {
    .about-4 .container-fluid .col-md-1:nth-child(12n+1), .about-4 .container-fluid .col-md-2:nth-child(6n+1), .about-4 .container-fluid .col-md-3:nth-child(4n+1), .about-4 .container-fluid .col-md-4:nth-child(3n+1), .about-4 .container-fluid .col-md-6:nth-child(2n+1),
    .about-4 .container-fluid .col-lg-1:nth-child(12n+1), .about-4 .container-fluid .col-lg-2:nth-child(6n+1), .about-4 .container-fluid .col-lg-3:nth-child(4n+1), .about-4 .container-fluid .col-lg-4:nth-child(3n+1), .about-4 .container-fluid .col-lg-6:nth-child(2n+1),
    .about-4 .container-fluid .col-xs-1:nth-child(12n+1), .about-4 .container-fluid .col-xs-2:nth-child(6n+1), .about-4 .container-fluid .col-xs-3:nth-child(4n+1), .about-4 .container-fluid .col-xs-4:nth-child(3n+1), .about-4 .container-fluid .col-xs-6:nth-child(2n+1) {
      clear: none; }
    .about-4 .container-fluid .col-sm-1:nth-child(12n+1), .about-4 .container-fluid .col-sm-2:nth-child(6n+1), .about-4 .container-fluid .col-sm-3:nth-child(4n+1), .about-4 .container-fluid .col-sm-4:nth-child(3n+1), .about-4 .container-fluid .col-sm-6:nth-child(2n+1) {
      clear: left; }
    .about-4 .container-fluid .porodu {
      padding: 10% 1% 0 1%; } }
  @media screen and (max-width: 768px) {
    .about-4 .container-fluid .porodu {
      padding: 5% 1% 0 1%; }
    .about-4 .container-fluid .poroduc {
      padding-bottom: 5%; } }
  @media screen and (max-width: 680px) {
    .about-4 .container-fluid .col-lg-4 {
      width: 100%;
      padding: 10% 2% 10% 2%; }
    .about-4 .porodu {
      border-top: none; } }
  @media screen and (max-width: 480px) {
    .about-4 .container-fluid .porodu p {
      font-size: 14px !important; }
    .about-4 .contacts .contact p {
      font-size: 20px !important; } }
  @media screen and (max-width: 1680px) {
    .about-4 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; } }
  @media screen and (max-width: 1440px) {
    .about-4 .approach-mission-designers .our-mision {
      padding: 100px 40px; }
    .about-4 .approach-mission-designers .our-approach {
      padding: 100px 30px; } }
  @media screen and (max-width: 1360px) {
    .about-4 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .about-4 .cases .read-mode .read-mode-produc {
      top: 100px; } }
  @media screen and (max-width: 1170px) {
    .about-4 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .about-4 .approach-mission-designers .our-mision {
      padding: 50px 15px; }
      .about-4 .approach-mission-designers .our-mision h1 {
        font-size: 40px; }
    .about-4 .approach-mission-designers .our-approach {
      padding: 50px 15px;
      padding-bottom: 21px; }
      .about-4 .approach-mission-designers .our-approach h1 {
        font-size: 40px; }
    .about-4 .approach-mission-designers .we-are-designers {
      padding: 50px 15px;
      padding-bottom: 61px; }
      .about-4 .approach-mission-designers .we-are-designers h1 {
        font-size: 40px; }
    .about-4 .affixx {
      padding-top: 15px !important; } }
  @media screen and (max-width: 1024px) {
    .about-4 .approach-mission-designers .we-are-designers {
      padding-bottom: 90px; }
    .about-4 .pull-right {
      padding: 5px; }
    .about-4 .affixx .logo {
      padding-left: 15px; }
    .about-4 .affixx .sidenav {
      padding-right: 15px; }
    .about-4 .we-are-delivering .container {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .about-4 .approach-mission-designers .we-are-designers {
      padding-bottom: 76px; }
    .about-4 .approach-mission-designers .our-approach {
      padding: 50px 15px; }
    .about-4 h1 {
      font-size: 36px !important; } }
  @media screen and (max-width: 768px) {
    .about-4 .affixx .logo {
      padding-left: 15px; }
    .about-4 .affixx .sidenav {
      padding-right: 15px; } }
  @media screen and (max-width: 680px) {
    .about-4 .approach-mission-designers .we-are-designers {
      padding: 30px 15px; }
    .about-4 .approach-mission-designers .we-are-designers h1 {
      padding-right: 20%; } }
  @media screen and (max-width: 568px) {
    .about-4 h1 {
      font-size: 24px !important; }
    .about-4 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .about-4 .approach-mission-designers .col-md-3 {
      width: 100%; }
    .about-4 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .about-4 .approach-mission-designers {
      padding-bottom: 0; }
    .about-4 .cooperate {
      padding-top: 50px; }
    .about-4 .we-are-delivering .container {
      padding: 50px 15px; }
    .about-4 .container_header {
      top: 70%; } }
  @media screen and (max-width: 480px) {
    .about-4 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .about-4 .what1 .main-img .slick-slide {
      display: none; }
    .about-4 .cases .read-mode {
      width: 100%; }
    .about-4 .approach-mission-designers .our-approach p {
      font-size: 14px;
      line-height: 150%; }
    .about-4 .approach-mission-designers .our-mision p {
      font-size: 14px;
      line-height: 150%; }
    .about-4 .unlimited .welcome p {
      font-size: 14px;
      line-height: 150%;
      padding-bottom: 30px; }
    .about-4 .unlimited .col-md-3 {
      padding: 30px 15px; }
      .about-4 .unlimited .col-md-3 p {
        font-size: 14px;
        line-height: 150%; } }
  @media screen and (max-width: 1820px) {
    .about-4 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .about-4 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .about-4 .contacts .contact p {
      font-size: 24px; }
    .about-4 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .about-4 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .about-4 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .about-4 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .about-4 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .about-4 .testimonials-img img {
      width: 100%; }
    .about-4 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .about-4 .cooperate {
      padding-top: 50px; }
    .about-4 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .about-4 .contacts .contact {
      text-align: center; }
    .about-4 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .about-4 .testimonials {
      padding-bottom: 50px; }
    .about-4 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .about-4 .contacts .contact p .circle img {
      width: 8%; }
    .about-4 .contacts .contact p {
      font-size: 20px; }
    .about-4 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .about-4 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .about-4 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .about-4 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .about-4 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .about-4 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .about-4 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .about-4 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .about-4 .gallery .col-md-4 {
      width: 100%; }
    .about-4 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .about-4 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .about-4 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .about-4 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .about-4 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }

.blog-1 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .blog-1 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .blog-1 * {
    box-sizing: border-box; }
  .blog-1 .sidenav a:hover {
    color: #b6aeae; }
  .blog-1 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .blog-1 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .blog-1 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .blog-1 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blog-1 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .blog-1 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .blog-1 .button_rea:hover {
      opacity: 0.7; }
    .blog-1 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .blog-1 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blog-1 .layer {
    position: relative; }
    .blog-1 .layer img {
      width: 100%; }
  .blog-1 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .blog-1 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .blog-1 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .blog-1 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .blog-1 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .blog-1 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .blog-1 .affixx .sidenav .navbar .nav {
          float: right; }
          .blog-1 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .blog-1 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .blog-1 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .blog-1 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .blog-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .blog-1 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .blog-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .blog-1 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .blog-1 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .blog-1 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .blog-1 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .blog-1 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .blog-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .blog-1 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .blog-1 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .blog-1 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .blog-1 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .blog-1 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .blog-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .blog-1 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .blog-1 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .blog-1 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .blog-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .blog-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .blog-1 .header-mobi {
    display: none; }
    .blog-1 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .blog-1 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .blog-1 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .blog-1 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .blog-1 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .blog-1 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .blog-1 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .blog-1 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .blog-1 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .blog-1 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .blog-1 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .blog-1 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .blog-1 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .blog-1 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .blog-1 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .blog-1 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .blog-1 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .blog-1 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .blog-1 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-1 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-1 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-1 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-1 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-1 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-1 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-1 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-1 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-1 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-1 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .blog-1 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-1 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-1 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .blog-1 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .blog-1 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .blog-1 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .blog-1 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .blog-1 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .blog-1 .sidenav a:hover {
    color: #f1f1f1; }
  .blog-1 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .blog-1 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .blog-1 .child2 {
    margin: 5px 0; }
  .blog-1 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .blog-1 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .blog-1 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .blog-1 .container_header .breadcrumb {
      background: transparent; }
      .blog-1 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .blog-1 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .blog-1 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .blog-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .blog-1 .blog {
    padding: 150px 0; }
    .blog-1 .blog .col-md-4 {
      padding: 20px 15px; }
      .blog-1 .blog .col-md-4 .blog_img {
        position: relative;
        overflow: hidden; }
        .blog-1 .blog .col-md-4 .blog_img:hover img {
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
        .blog-1 .blog .col-md-4 .blog_img img {
          width: 100%;
          transition: all .3s; }
      .blog-1 .blog .col-md-4 .blog_name {
        padding-top: 15px; }
        .blog-1 .blog .col-md-4 .blog_name p {
          font-size: 16px;
          color: #909090;
          padding-top: 30px;
          line-height: 185%; }
        .blog-1 .blog .col-md-4 .blog_name h5 {
          color: #909090;
          padding-bottom: 13px; }
        .blog-1 .blog .col-md-4 .blog_name span {
          color: #fc6a53; }
        .blog-1 .blog .col-md-4 .blog_name a {
          color: #333;
          font-size: 20px;
          font-family: roboto condensed;
          font-weight: 700; }
    .blog-1 .blog .pagination {
      padding-top: 60px; }
      .blog-1 .blog .pagination .active a {
        color: #909090;
        background: #e1e1e1;
        border-color: #e1e1e1; }
      .blog-1 .blog .pagination li a {
        color: #333;
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        transition: all .4s; }
        .blog-1 .blog .pagination li a:hover {
          background: #e1e1e1;
          color: #909090; }
      .blog-1 .blog .pagination li .prev {
        color: #909090;
        border-radius: 0;
        width: 100px; }
  .blog-1 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .blog-1 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .blog-1 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .blog-1 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .blog-1 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .blog-1 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .blog-1 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .blog-1 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .blog-1 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .blog-1 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .blog-1 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .blog-1 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-1 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .blog-1 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .blog-1 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .blog-1 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .blog-1 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .blog-1 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-1 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .blog-1 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .blog-1 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .blog-1 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .blog-1 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .blog-1 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-1 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .blog-1 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .blog-1 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .blog-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .blog-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .blog-1 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .blog-1 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .blog-1 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .blog-1 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .blog-1 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .blog-1 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .blog-1 .footer .full-container .footer2 {
      padding: 20px 0; }
      .blog-1 .footer .full-container .footer2 .copy {
        color: #909090; }
      .blog-1 .footer .full-container .footer2 .goto {
        text-align: right; }
        .blog-1 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 568px) {
    .blog-1 .team1 .team .img-information .information h5 {
      font-size: 18px; }
    .blog-1 .team1 .team .img-information .information h4 {
      font-size: 14px; }
    .blog-1 .team1 .team .img-information .information p {
      font-size: 14px; }
    .blog-1 .team1 {
      padding: 50px 0; } }
  @media screen and (max-width: 568px) {
    .blog-1 .team1 .team {
      width: 100%; } }
  @media screen and (max-width: 1360px) {
    .blog-1 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .blog-1 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .blog-1 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .blog-1 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .blog-1 .who_we_are .weare {
      padding-left: 100px; }
    .blog-1 .sile1 .we_are {
      padding-right: 30px; }
    .blog-1 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .blog-1 .sile1 .we_are h1 {
      font-size: 50px; }
    .blog-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blog-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blog-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blog-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-1 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .blog-1 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .blog-1 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-1 .team {
      padding: 50px 0; }
    .blog-1 .unlimited {
      padding-bottom: 50px; }
    .blog-1 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .blog-1 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .blog-1 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .blog-1 .servic .development {
      border: none; }
    .blog-1 .servic .appdevelopment {
      border: none; }
    .blog-1 .servic .marketing {
      border: none; }
    .blog-1 .servic .design {
      border: none; }
    .blog-1 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .blog-1 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .blog-1 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .blog-1 .sile1 .we_are {
      padding-right: 10px; }
    .blog-1 .porfolio .blanc {
      padding-right: 0; }
    .blog-1 .porfolio .mock {
      padding-left: 0; }
    .blog-1 .what1 .js-click-product {
      height: 120px; }
    .blog-1 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .blog-1 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .blog-1 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .blog-1 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .blog-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-1 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .blog-1 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-1 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-1 .pricing-table {
      padding-top: 100px; }
    .blog-1 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .blog-1 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .blog-1 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .blog-1 .sile1 {
      width: 100%; }
    .blog-1 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .blog-1 .servic .creation {
      padding-top: 19px; }
    .blog-1 .servic .design {
      padding: 15px; }
    .blog-1 .servic .appdevelopment {
      padding: 15px; }
    .blog-1 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .blog-1 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .blog-1 .pricing-table {
      padding-top: 50px; }
    .blog-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blog-1 .servic .col-md-12 p {
      font-size: 24px; }
    .blog-1 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-1 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .blog-1 .what1 .main-img .slick-slide {
      display: none; }
    .blog-1 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .blog-1 .porfolio .blanc img {
      width: 100%; }
    .blog-1 .sile1 {
      width: 97%; }
    .blog-1 .servic .col-md-4 {
      padding-left: 15px; }
    .blog-1 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .blog-1 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .blog-1 .slick-slider .slick-track {
      width: 250px; }
    .blog-1 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .blog-1 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .blog-1 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .blog-1 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .blog-1 .pull-right {
    cursor: pointer; }
  .blog-1 * {
    outline: none !important; }
  .blog-1 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .blog-1 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .blog-1 .create {
      padding: 117px 30px; }
    .blog-1 .careate .carea .cust {
      padding: 15px 10px; }
    .blog-1 .carea {
      padding: 40px 80px; }
    .blog-1 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .blog-1 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .blog-1 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .blog-1 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .blog-1 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .blog-1 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .blog-1 .affixx .navba {
      padding-left: 5px; }
    .blog-1 .phone_top {
      padding-right: 5px; }
    .blog-1 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .blog-1 .counter1 .col-md-3 {
      padding-left: 8%; }
    .blog-1 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .blog-1 .feedback .feeb {
      font-size: 200px; }
    .blog-1 .affixx .navba {
      padding-left: 15px; }
    .blog-1 .phone_top {
      padding-right: 15px; }
    .blog-1 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .blog-1 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .blog-1 .we_are {
      padding: 0 50px; }
    .blog-1 .careate .carea .cust {
      padding: 10px 10px; }
    .blog-1 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .blog-1 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .blog-1 .cust h1 {
      padding-bottom: 0; }
    .blog-1 .cust p {
      line-height: 150%; }
    .blog-1 .button_see {
      margin-top: 27px; }
    .blog-1 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .blog-1 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .blog-1 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .blog-1 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .blog-1 .footer .full-container {
      padding: 0 15px; }
    .blog-1 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .blog-1 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .blog-1 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .blog-1 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .blog-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blog-1 .contacts .contact {
      padding: 20px 0; }
    .blog-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .blog-1 .feedback .slide_main .test {
      padding-top: 50px; }
    .blog-1 .phone_top {
      padding-top: 0; }
    .blog-1 .phone_top .pull-right {
      padding: 5px; }
    .blog-1 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .blog-1 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .blog-1 .affixx .sidenav .navbar .nav {
      float: none; }
    .blog-1 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .blog-1 .affixx {
      padding-bottom: 10px !important; }
    .blog-1 .counter1 .col-md-3 {
      padding-left: 6%; }
    .blog-1 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .blog-1 .header-lap {
      display: none; }
    .blog-1 .header-mobi {
      display: block; }
    .blog-1 .feedback {
      padding-bottom: 50px; }
    .blog-1 .cust h1 {
      font-size: 30px; }
    .blog-1 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .blog-1 .all-pro span {
      margin-right: 5px; }
    .blog-1 .phone_top span {
      display: none; }
    .blog-1 .phone_top .phonee {
      display: none; }
    .blog-1 .who_we_are {
      padding: 50px 0; }
    .blog-1 .blog {
      padding: 50px 0; }
    .blog-1 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .blog-1 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .blog-1 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .blog-1 .who_we_are .we_01 {
      padding: 0 15px; }
    .blog-1 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .blog-1 .porfolio .col-md-8 {
      padding-left: 0; }
    .blog-1 .feedback .feeb {
      font-size: 130px; }
    .blog-1 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blog-1 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .blog-1 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .blog-1 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blog-1 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .blog-1 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .blog-1 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .blog-1 .links ul {
      -webkit-padding-start: 0px; }
    .blog-1 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .blog-1 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .blog-1 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .blog-1 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .blog-1 .recent_post ul {
      -webkit-padding-start: 0px; }
    .blog-1 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .blog-1 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .blog-1 .servic {
      padding-top: 50px; }
    .blog-1 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .blog-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .blog-1 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .blog-1 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .blog-1 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .blog-1 .row_top div p {
      line-height: 170%; }
    .blog-1 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .blog-1 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .blog-1 .slide_main .test {
      padding-top: 100px; }
    .blog-1 .img_porfolio .col-md-4 {
      width: 50%; }
    .blog-1 .servic .col-md-4 {
      width: 50%; }
    .blog-1 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .blog-1 .blog .col-md-4 {
      width: 33.33333%; }
    .blog-1 .button_see {
      margin-top: 10px; }
    .blog-1 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .blog-1 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .blog-1 .button_rea {
      height: 38px;
      margin-top: 0; }
    .blog-1 .footer .full-container .footer2 .copy {
      text-align: center; }
    .blog-1 .footer .full-container .footer2 .goto {
      text-align: center; }
    .blog-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .blog-1 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .blog-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .blog-1 .feedback .information .lazy h3 {
      font-size: 20px; }
    .blog-1 * h1 {
      font-size: 36px !important; }
    .blog-1 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .blog-1 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .blog-1 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .blog-1 .feedback .feeb {
      font-size: 100px; }
    .blog-1 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .blog-1 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .blog-1 .who_we_are .who_are p {
      font-size: 14px; }
    .blog-1 .careate .carea .cust h1 {
      font-size: 36px; }
    .blog-1 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .blog-1 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .blog-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .blog-1 .feedback .information .lazy h3 {
      font-size: 16px; }
    .blog-1 .cuter .counter {
      padding: 50px 0 0 0; }
    .blog-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .blog-1 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .blog-1 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .blog-1 .porfolio {
      padding: 50px 0px; }
    .blog-1 .button-proje {
      width: 210px; }
    .blog-1 .video .row_video .video1 > p {
      font-size: 24px; }
    .blog-1 .blog .col-md-12 h1 {
      font-size: 36px; }
    .blog-1 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .blog-1 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .footer #googlemap1 {
      height: 400px; }
    .blog-1 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-1 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .blog-1 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .blog-1 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .blog-1 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .blog-1 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .blog-1 .side .navbar .list-group-item button {
      top: 0; }
    .blog-1 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .blog-1 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .blog-1 .base {
      margin-left: 0 !important; }
    .blog-1 .baseright {
      margin-left: 0 !important; }
    .blog-1 .sile1 {
      top: 60%; }
    .blog-1 .affixx {
      background: #333 !important; }
    .blog-1 .affixx {
      padding-top: 20px !important; }
    .blog-1 .feedback .feeb {
      font-size: 70px; }
    .blog-1 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .blog-1 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .blog-1 .who_we_are .who_are h1 {
      font-size: 24px; }
    .blog-1 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .blog-1 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .blog-1 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .blog-1 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .blog-1 .servic .col-md-12 p {
      font-size: 24px; }
    .blog-1 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .blog-1 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .blog-1 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .blog-1 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .blog-1 .button_see {
      margin-top: 0; }
    .blog-1 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .blog-1 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .blog-1 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .blog-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-1 .feedback .slide_main .test p {
      font-size: 24px; }
    .blog-1 .feedback .information .lazy h3 {
      font-size: 14px; }
    .blog-1 * h1 {
      font-size: 24px !important; }
    .blog-1 .affixx {
      position: inherit !important; }
    .blog-1 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .blog-1 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .blog-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .blog-1 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .blog-1 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .blog-1 .modal .modal-dialog .modal-content {
      padding: 0; }
    .blog-1 .img_porfolio .col-md-4 {
      width: 100%; }
    .blog-1 .feedback .feeb {
      letter-spacing: 6px; }
    .blog-1 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .blog-1 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .blog-1 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .blog-1 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .blog-1 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .blog-1 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .blog-1 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .blog-1 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .blog-1 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .blog-1 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .blog-1 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .blog-1 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .blog-1 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .blog-1 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .blog-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-1 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .blog-1 .servic .identity {
      padding-top: 20px; }
    .blog-1 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .blog-1 .porfolio .nav_main {
      float: left; }
    .blog-1 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .blog-1 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .blog-1 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .blog-1 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .blog-1 .who_we_are .weare {
      padding-left: 50px; }
    .blog-1 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .blog-1 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .blog-1 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .blog-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .blog-1 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .blog-1 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .blog-1 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .blog-1 .video-skills .skills {
      padding: 0 15px; }
    .blog-1 .contacts .contact p {
      font-size: 24px; }
    .blog-1 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .blog-1 .about .about-we h1 {
      font-size: 40px; }
    .blog-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .blog-1 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .blog-1 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .blog-1 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .blog-1 .cooperate .logo-brand img {
      width: 100%; }
    .blog-1 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-1 .cooperate {
      padding-top: 50px; }
    .blog-1 .talk-to .row {
      padding: 50px 0; }
    .blog-1 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .blog-1 .sile1 .we_are {
      padding-right: 0; }
    .blog-1 .about {
      top: 0;
      padding: 30px 0; }
    .blog-1 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-1 .about .about-we {
      padding-left: 30px; }
    .blog-1 .about .corem-ipsum {
      padding-right: 30px; }
      .blog-1 .about .corem-ipsum p {
        line-height: 150%; }
    .blog-1 .contacts .contact {
      text-align: center; }
    .blog-1 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .blog-1 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .blog-1 .video-skills .video {
      padding-left: 15px; }
    .blog-1 .video-skills {
      padding-bottom: 50px; }
    .blog-1 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .blog-1 .contacts .contact p .circle img {
      width: 8%; }
    .blog-1 .contacts .contact p {
      font-size: 20px; }
    .blog-1 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .blog-1 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .blog-1 .about .corem-ipsum {
      padding-left: 30px; }
    .blog-1 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .blog-1 .cooperate .logo-brand {
      text-align: center; }
    .blog-1 .cooperate .logo-brand img {
      width: initial; }
    .blog-1 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .blog-1 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .blog-1 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .blog-1 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .blog-1 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blog-1 .button1 .vuong {
      background: transparent !important; }
    .blog-1 .button1 span {
      background: #fff !important; }
    .blog-1 .phone_top .pull-right i {
      color: #fff !important; }
    .blog-1 .sile1 {
      width: 65%; }
    .blog-1 .about .corem-ipsum p {
      font-size: 14px; }
    .blog-1 .case-center .case-studies p {
      font-size: 14px; }
    .blog-1 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .slick-dots {
      bottom: -50px !important; }
    .blog-1 .cooperate {
      padding-top: 50px; }
    .blog-1 .who_we_are .weare {
      padding-bottom: 0; }
    .blog-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blog-1 .button-contact button {
      height: 40px; }
    .blog-1 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .blog-1 .cooperate .logo-brand img {
      width: 100%; }
    .blog-1 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .blog-1 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .blog-1 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .talk-to .input-contact input {
      font-size: 14px; }
    .blog-1 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-1 .servic .col-md-4 {
      padding-left: 30px; }
    .blog-1 .button1 .vuong {
      background: transparent !important; }
    .blog-1 .button1 span {
      background: #fff !important; }
    .blog-1 .phone_top .pull-right i {
      color: #fff !important; }
    .blog-1 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .blog-1 .sile1 {
      width: 95%;
      left: 5%; }
    .blog-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .blog-1 .cooperate .logo-brand img {
      width: initial; }
    .blog-1 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .blog-1 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .blog-1 .cases .read-mode {
      width: 100%; }
    .blog-1 .row_top {
      width: 100%; }
    .blog-1 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .blog-1 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .blog-1 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .blog-1 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .blog-1 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .blog-1 .contacts .contact p {
      font-size: 24px; }
    .blog-1 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .blog-1 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .blog-1 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .blog-1 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .blog-1 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .blog-1 .testimonials-img img {
      width: 100%; }
    .blog-1 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .blog-1 .cooperate {
      padding-top: 50px; }
    .blog-1 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .blog-1 .contacts .contact {
      text-align: center; }
    .blog-1 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .blog-1 .testimonials {
      padding-bottom: 50px; }
    .blog-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .blog-1 .contacts .contact p .circle img {
      width: 8%; }
    .blog-1 .contacts .contact p {
      font-size: 20px; }
    .blog-1 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .blog-1 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .blog-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .blog-1 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .blog-1 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .blog-1 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-1 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .blog-1 .gallery .col-md-4 {
      width: 100%; }
    .blog-1 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .blog-1 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .blog-1 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .blog-1 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .blog-1 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .blog-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blog-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blog-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blog-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-1 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-1 .affixx {
      padding-top: 15px !important; }
    .blog-1 .pull-right {
      padding-top: 5px; }
    .blog-1 .layer {
      padding-top: 0px; }
    .blog-1 .pull-right {
      padding: 5px 0; }
    .blog-1 .page-404 {
      padding-top: 50px 15px; }
    .blog-1 .affixx .sidenav {
      padding-right: 15px; }
    .blog-1 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .blog-1 .careate img {
      width: 100%; }
    .blog-1 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .blog-1 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .blog-1 .layer {
      padding-top: 62px; }
    .blog-1 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .blog-1 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .blog-1 .container_header {
      top: 75%; }
    .blog-1 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .blog-1 .container_header .breadcrumb .active {
      width: auto; }
    .blog-1 .blog .pagination li .prev {
      width: 80px; }
    .blog-1 .container_header h1 {
      padding-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-1 .pricing-table .center-mode {
      padding-bottom: 50px; }
    .blog-1 .pricing-table {
      padding-top: 50px; }
    .blog-1 .servic .col-md-12 p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .blog-1 .affixx .logo {
      padding-left: 15px; }
    .blog-1 .affixx .sidenav {
      padding-right: 15px; } }
  @media (min-width: 767px) and (max-width: 900px) {
    .blog-1 .brand .brand_logo .brand-logo img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .blog-1 .brand .brand_logo .clear-left {
      clear: left; }
    .blog-1 .brand .brand_logo .brand-logo {
      width: 33.3333%;
      text-align: center;
      padding-bottom: 20px; } }
  @media screen and (max-width: 680px) {
    .blog-1 .brand .brand_logo {
      padding: 50px 15px; } }
  @media screen and (max-width: 568px) {
    .blog-1 .brand .brand_logo .brand-logo {
      width: 100%;
      text-align: center;
      padding-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .blog-1 .video-skills .video .helo .button_play {
      padding: 30px; } }

.blog-2 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .blog-2 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .blog-2 * {
    box-sizing: border-box; }
  .blog-2 .sidenav a:hover {
    color: #b6aeae; }
  .blog-2 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .blog-2 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .blog-2 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .blog-2 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blog-2 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .blog-2 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .blog-2 .button_rea:hover {
      opacity: 0.7; }
    .blog-2 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .blog-2 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blog-2 .layer {
    position: relative; }
    .blog-2 .layer img {
      width: 100%; }
  .blog-2 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .blog-2 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .blog-2 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .blog-2 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .blog-2 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .blog-2 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .blog-2 .affixx .sidenav .navbar .nav {
          float: right; }
          .blog-2 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .blog-2 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .blog-2 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .blog-2 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .blog-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .blog-2 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .blog-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    color: #b6aeae;
                    text-decoration: none; }
            .blog-2 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .blog-2 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .blog-2 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .blog-2 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .blog-2 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .blog-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .blog-2 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .blog-2 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .blog-2 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .blog-2 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .blog-2 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .blog-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .blog-2 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .blog-2 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .blog-2 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .blog-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .blog-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .blog-2 .header-mobi {
    display: none; }
    .blog-2 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .blog-2 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .blog-2 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .blog-2 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .blog-2 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .blog-2 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .blog-2 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .blog-2 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .blog-2 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .blog-2 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .blog-2 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .blog-2 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .blog-2 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .blog-2 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .blog-2 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .blog-2 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .blog-2 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .blog-2 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .blog-2 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-2 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-2 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-2 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-2 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-2 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-2 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-2 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-2 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-2 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-2 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .blog-2 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-2 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-2 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .blog-2 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .blog-2 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .blog-2 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .blog-2 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .blog-2 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .blog-2 .sidenav a:hover {
    color: #f1f1f1; }
  .blog-2 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .blog-2 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .blog-2 .child2 {
    margin: 5px 0; }
  .blog-2 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .blog-2 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .blog-2 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .blog-2 .container_header .breadcrumb {
      background: transparent; }
      .blog-2 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .blog-2 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .blog-2 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .blog-2 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .blog-2 .blog {
    padding: 150px 0; }
    .blog-2 .blog .col-md-4 {
      padding: 20px 15px; }
    .blog-2 .blog .blog_name {
      padding-top: 15px; }
      .blog-2 .blog .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 30px;
        line-height: 185%; }
      .blog-2 .blog .blog_name h5 {
        color: #909090;
        padding-bottom: 13px; }
      .blog-2 .blog .blog_name span {
        color: #fc6a53; }
      .blog-2 .blog .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
    .blog-2 .blog .pagination {
      padding-top: 60px; }
      .blog-2 .blog .pagination .active a {
        color: #909090;
        background: #e1e1e1;
        border-color: #e1e1e1; }
      .blog-2 .blog .pagination li a {
        color: #333;
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        transition: all .4s; }
        .blog-2 .blog .pagination li a:hover {
          background: #e1e1e1;
          color: #909090; }
      .blog-2 .blog .pagination li .prev {
        color: #909090;
        border-radius: 0;
        width: 100px;
        overflow: h; }
  .blog-2 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .blog-2 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .blog-2 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .blog-2 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .blog-2 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .blog-2 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .blog-2 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .blog-2 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .blog-2 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .blog-2 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .blog-2 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .blog-2 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-2 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .blog-2 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .blog-2 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .blog-2 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .blog-2 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .blog-2 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-2 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .blog-2 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .blog-2 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .blog-2 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .blog-2 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .blog-2 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-2 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .blog-2 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .blog-2 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .blog-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .blog-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .blog-2 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .blog-2 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .blog-2 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .blog-2 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          width: 100%;
          text-transform: uppercase;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .blog-2 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .blog-2 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .blog-2 .footer .full-container .footer2 {
      padding: 20px 0; }
      .blog-2 .footer .full-container .footer2 .copy {
        color: #909090; }
      .blog-2 .footer .full-container .footer2 .goto {
        text-align: right; }
        .blog-2 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 568px) {
    .blog-2 .team1 .team .img-information .information h5 {
      font-size: 18px; }
    .blog-2 .team1 .team .img-information .information h4 {
      font-size: 14px; }
    .blog-2 .team1 .team .img-information .information p {
      font-size: 14px; }
    .blog-2 .team1 {
      padding: 50px 0; } }
  @media screen and (max-width: 568px) {
    .blog-2 .team1 .team {
      width: 100%; } }
  @media screen and (max-width: 1360px) {
    .blog-2 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .blog-2 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .blog-2 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .blog-2 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .blog-2 .who_we_are .weare {
      padding-left: 100px; }
    .blog-2 .sile1 .we_are {
      padding-right: 30px; }
    .blog-2 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .blog-2 .sile1 .we_are h1 {
      font-size: 50px; }
    .blog-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blog-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blog-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blog-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-2 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .blog-2 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .blog-2 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-2 .team {
      padding: 50px 0; }
    .blog-2 .unlimited {
      padding-bottom: 50px; }
    .blog-2 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .blog-2 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .blog-2 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .blog-2 .servic .development {
      border: none; }
    .blog-2 .servic .appdevelopment {
      border: none; }
    .blog-2 .servic .marketing {
      border: none; }
    .blog-2 .servic .design {
      border: none; }
    .blog-2 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .blog-2 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .blog-2 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .blog-2 .sile1 .we_are {
      padding-right: 10px; }
    .blog-2 .porfolio .blanc {
      padding-right: 0; }
    .blog-2 .porfolio .mock {
      padding-left: 0; }
    .blog-2 .what1 .js-click-product {
      height: 120px; }
    .blog-2 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .blog-2 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .blog-2 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .blog-2 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .blog-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-2 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .blog-2 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-2 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-2 .pricing-table {
      padding-top: 100px; }
    .blog-2 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .blog-2 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .blog-2 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .blog-2 .sile1 {
      width: 100%; }
    .blog-2 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .blog-2 .servic .creation {
      padding-top: 19px; }
    .blog-2 .servic .design {
      padding: 15px; }
    .blog-2 .servic .appdevelopment {
      padding: 15px; }
    .blog-2 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .blog-2 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .blog-2 .pricing-table {
      padding-top: 50px; }
    .blog-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blog-2 .servic .col-md-12 p {
      font-size: 24px; }
    .blog-2 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-2 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .blog-2 .what1 .main-img .slick-slide {
      display: none; }
    .blog-2 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .blog-2 .porfolio .blanc img {
      width: 100%; }
    .blog-2 .sile1 {
      width: 97%; }
    .blog-2 .servic .col-md-4 {
      padding-left: 15px; }
    .blog-2 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .blog-2 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .blog-2 .slick-slider .slick-track {
      width: 250px; }
    .blog-2 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .blog-2 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .blog-2 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .blog-2 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .blog-2 .pull-right {
    cursor: pointer; }
  .blog-2 * {
    outline: none !important; }
  .blog-2 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .blog-2 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .blog-2 .create {
      padding: 117px 30px; }
    .blog-2 .careate .carea .cust {
      padding: 15px 10px; }
    .blog-2 .carea {
      padding: 40px 80px; }
    .blog-2 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .blog-2 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .blog-2 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .blog-2 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .blog-2 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .blog-2 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .blog-2 .affixx .navba {
      padding-left: 5px; }
    .blog-2 .phone_top {
      padding-right: 5px; }
    .blog-2 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .blog-2 .counter1 .col-md-3 {
      padding-left: 8%; }
    .blog-2 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .blog-2 .feedback .feeb {
      font-size: 200px; }
    .blog-2 .affixx .navba {
      padding-left: 15px; }
    .blog-2 .phone_top {
      padding-right: 15px; }
    .blog-2 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .blog-2 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .blog-2 .we_are {
      padding: 0 50px; }
    .blog-2 .careate .carea .cust {
      padding: 10px 10px; }
    .blog-2 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .blog-2 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .blog-2 .cust h1 {
      padding-bottom: 0; }
    .blog-2 .cust p {
      line-height: 150%; }
    .blog-2 .button_see {
      margin-top: 27px; }
    .blog-2 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .blog-2 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .blog-2 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .blog-2 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .blog-2 .footer .full-container {
      padding: 0 15px; }
    .blog-2 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .blog-2 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .blog-2 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .blog-2 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .blog-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blog-2 .contacts .contact {
      padding: 20px 0; }
    .blog-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .blog-2 .feedback .slide_main .test {
      padding-top: 50px; }
    .blog-2 .phone_top {
      padding-top: 0; }
    .blog-2 .phone_top .pull-right {
      padding: 5px; }
    .blog-2 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .blog-2 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .blog-2 .affixx .sidenav .navbar .nav {
      float: none; }
    .blog-2 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .blog-2 .affixx {
      padding-bottom: 10px !important; }
    .blog-2 .counter1 .col-md-3 {
      padding-left: 6%; }
    .blog-2 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .blog-2 .header-lap {
      display: none; }
    .blog-2 .header-mobi {
      display: block; }
    .blog-2 .feedback {
      padding-bottom: 50px; }
    .blog-2 .cust h1 {
      font-size: 30px; }
    .blog-2 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .blog-2 .all-pro span {
      margin-right: 5px; }
    .blog-2 .phone_top span {
      display: none; }
    .blog-2 .phone_top .phonee {
      display: none; }
    .blog-2 .who_we_are {
      padding: 50px 0; }
    .blog-2 .blog {
      padding: 50px 0; }
    .blog-2 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .blog-2 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .blog-2 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .blog-2 .who_we_are .we_01 {
      padding: 0 15px; }
    .blog-2 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .blog-2 .porfolio .col-md-8 {
      padding-left: 0; }
    .blog-2 .feedback .feeb {
      font-size: 130px; }
    .blog-2 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blog-2 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .blog-2 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .blog-2 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blog-2 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .blog-2 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .blog-2 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .blog-2 .links ul {
      -webkit-padding-start: 0px; }
    .blog-2 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .blog-2 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .blog-2 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .blog-2 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .blog-2 .recent_post ul {
      -webkit-padding-start: 0px; }
    .blog-2 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .blog-2 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .blog-2 .servic {
      padding-top: 50px; }
    .blog-2 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .blog-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .blog-2 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .blog-2 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .blog-2 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .blog-2 .row_top div p {
      line-height: 170%; }
    .blog-2 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .blog-2 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .blog-2 .slide_main .test {
      padding-top: 100px; }
    .blog-2 .img_porfolio .col-md-4 {
      width: 50%; }
    .blog-2 .servic .col-md-4 {
      width: 50%; }
    .blog-2 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .blog-2 .blog .col-md-4 {
      width: 33.33333%; }
    .blog-2 .button_see {
      margin-top: 10px; }
    .blog-2 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .blog-2 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .blog-2 .button_rea {
      height: 38px;
      margin-top: 0; }
    .blog-2 .footer .full-container .footer2 .copy {
      text-align: center; }
    .blog-2 .footer .full-container .footer2 .goto {
      text-align: center; }
    .blog-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .blog-2 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .blog-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .blog-2 .feedback .information .lazy h3 {
      font-size: 20px; }
    .blog-2 * h1 {
      font-size: 36px !important; }
    .blog-2 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .blog-2 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .blog-2 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .blog-2 .feedback .feeb {
      font-size: 100px; }
    .blog-2 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .blog-2 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .blog-2 .who_we_are .who_are p {
      font-size: 14px; }
    .blog-2 .careate .carea .cust h1 {
      font-size: 36px; }
    .blog-2 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .blog-2 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .blog-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .blog-2 .feedback .information .lazy h3 {
      font-size: 16px; }
    .blog-2 .cuter .counter {
      padding: 50px 0 0 0; }
    .blog-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .blog-2 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .blog-2 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .blog-2 .porfolio {
      padding: 50px 0px; }
    .blog-2 .button-proje {
      width: 210px; }
    .blog-2 .video .row_video .video1 > p {
      font-size: 24px; }
    .blog-2 .blog .col-md-12 h1 {
      font-size: 36px; }
    .blog-2 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .blog-2 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .footer #googlemap1 {
      height: 400px; }
    .blog-2 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-2 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .blog-2 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .blog-2 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .blog-2 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .blog-2 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .blog-2 .side .navbar .list-group-item button {
      top: 0; }
    .blog-2 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .blog-2 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .blog-2 .base {
      margin-left: 0 !important; }
    .blog-2 .baseright {
      margin-left: 0 !important; }
    .blog-2 .sile1 {
      top: 60%; }
    .blog-2 .affixx {
      background: #333 !important; }
    .blog-2 .affixx {
      padding-top: 20px !important; }
    .blog-2 .feedback .feeb {
      font-size: 70px; }
    .blog-2 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .blog-2 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .blog-2 .who_we_are .who_are h1 {
      font-size: 24px; }
    .blog-2 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .blog-2 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .blog-2 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .blog-2 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .blog-2 .servic .col-md-12 p {
      font-size: 24px; }
    .blog-2 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .blog-2 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .blog-2 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .blog-2 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .blog-2 .button_see {
      margin-top: 0; }
    .blog-2 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .blog-2 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .blog-2 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .blog-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-2 .feedback .slide_main .test p {
      font-size: 24px; }
    .blog-2 .feedback .information .lazy h3 {
      font-size: 14px; }
    .blog-2 * h1 {
      font-size: 24px !important; }
    .blog-2 .affixx {
      position: inherit !important; }
    .blog-2 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .blog-2 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .blog-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .blog-2 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .blog-2 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .blog-2 .modal .modal-dialog .modal-content {
      padding: 0; }
    .blog-2 .img_porfolio .col-md-4 {
      width: 100%; }
    .blog-2 .feedback .feeb {
      letter-spacing: 6px; }
    .blog-2 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .blog-2 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .blog-2 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .blog-2 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .blog-2 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .blog-2 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .blog-2 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .blog-2 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .blog-2 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .blog-2 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .blog-2 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .blog-2 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .blog-2 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .blog-2 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .blog-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-2 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .blog-2 .servic .identity {
      padding-top: 20px; }
    .blog-2 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .blog-2 .porfolio .nav_main {
      float: left; }
    .blog-2 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .blog-2 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .blog-2 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .blog-2 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .blog-2 .who_we_are .weare {
      padding-left: 50px; }
    .blog-2 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .blog-2 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .blog-2 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .blog-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .blog-2 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .blog-2 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .blog-2 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .blog-2 .video-skills .skills {
      padding: 0 15px; }
    .blog-2 .contacts .contact p {
      font-size: 24px; }
    .blog-2 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .blog-2 .about .about-we h1 {
      font-size: 40px; }
    .blog-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .blog-2 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .blog-2 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .blog-2 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .blog-2 .cooperate .logo-brand img {
      width: 100%; }
    .blog-2 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-2 .cooperate {
      padding-top: 50px; }
    .blog-2 .talk-to .row {
      padding: 50px 0; }
    .blog-2 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .blog-2 .sile1 .we_are {
      padding-right: 0; }
    .blog-2 .about {
      top: 0;
      padding: 30px 0; }
    .blog-2 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-2 .about .about-we {
      padding-left: 30px; }
    .blog-2 .about .corem-ipsum {
      padding-right: 30px; }
      .blog-2 .about .corem-ipsum p {
        line-height: 150%; }
    .blog-2 .contacts .contact {
      text-align: center; }
    .blog-2 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .blog-2 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .blog-2 .video-skills .video {
      padding-left: 15px; }
    .blog-2 .video-skills {
      padding-bottom: 50px; }
    .blog-2 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .blog-2 .contacts .contact p .circle img {
      width: 8%; }
    .blog-2 .contacts .contact p {
      font-size: 20px; }
    .blog-2 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .blog-2 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .blog-2 .about .corem-ipsum {
      padding-left: 30px; }
    .blog-2 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .blog-2 .cooperate .logo-brand {
      text-align: center; }
    .blog-2 .cooperate .logo-brand img {
      width: initial; }
    .blog-2 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .blog-2 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .blog-2 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .blog-2 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .blog-2 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blog-2 .button1 .vuong {
      background: transparent !important; }
    .blog-2 .button1 span {
      background: #fff !important; }
    .blog-2 .phone_top .pull-right i {
      color: #fff !important; }
    .blog-2 .sile1 {
      width: 65%; }
    .blog-2 .about .corem-ipsum p {
      font-size: 14px; }
    .blog-2 .case-center .case-studies p {
      font-size: 14px; }
    .blog-2 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .slick-dots {
      bottom: -50px !important; }
    .blog-2 .cooperate {
      padding-top: 50px; }
    .blog-2 .who_we_are .weare {
      padding-bottom: 0; }
    .blog-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blog-2 .button-contact button {
      height: 40px; }
    .blog-2 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .blog-2 .cooperate .logo-brand img {
      width: 100%; }
    .blog-2 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .blog-2 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .blog-2 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .talk-to .input-contact input {
      font-size: 14px; }
    .blog-2 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-2 .servic .col-md-4 {
      padding-left: 30px; }
    .blog-2 .button1 .vuong {
      background: transparent !important; }
    .blog-2 .button1 span {
      background: #fff !important; }
    .blog-2 .phone_top .pull-right i {
      color: #fff !important; }
    .blog-2 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .blog-2 .sile1 {
      width: 95%;
      left: 5%; }
    .blog-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .blog-2 .cooperate .logo-brand img {
      width: initial; }
    .blog-2 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .blog-2 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .blog-2 .cases .read-mode {
      width: 100%; }
    .blog-2 .row_top {
      width: 100%; }
    .blog-2 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .blog-2 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .blog-2 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .blog-2 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .blog-2 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .blog-2 .contacts .contact p {
      font-size: 24px; }
    .blog-2 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .blog-2 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .blog-2 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .blog-2 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .blog-2 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .blog-2 .testimonials-img img {
      width: 100%; }
    .blog-2 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .blog-2 .cooperate {
      padding-top: 50px; }
    .blog-2 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .blog-2 .contacts .contact {
      text-align: center; }
    .blog-2 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .blog-2 .testimonials {
      padding-bottom: 50px; }
    .blog-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .blog-2 .contacts .contact p .circle img {
      width: 8%; }
    .blog-2 .contacts .contact p {
      font-size: 20px; }
    .blog-2 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .blog-2 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .blog-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .blog-2 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .blog-2 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .blog-2 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-2 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .blog-2 .gallery .col-md-4 {
      width: 100%; }
    .blog-2 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .blog-2 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .blog-2 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .blog-2 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .blog-2 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .blog-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blog-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blog-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blog-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-2 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-2 .affixx {
      padding-top: 15px !important; }
    .blog-2 .pull-right {
      padding-top: 5px; }
    .blog-2 .layer {
      padding-top: 0px; }
    .blog-2 .pull-right {
      padding: 5px 0; }
    .blog-2 .page-404 {
      padding-top: 50px 15px; }
    .blog-2 .affixx .sidenav {
      padding-right: 15px; }
    .blog-2 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .blog-2 .careate img {
      width: 100%; }
    .blog-2 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .blog-2 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .blog-2 .layer {
      padding-top: 62px; }
    .blog-2 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .blog-2 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .blog-2 .container_header {
      top: 75%; }
    .blog-2 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .blog-2 .container_header .breadcrumb .active {
      width: auto; }
    .blog-2 .blog .pagination li .prev {
      width: 80px; }
    .blog-2 .container_header h1 {
      padding-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-2 .pricing-table .center-mode {
      padding-bottom: 50px; }
    .blog-2 .pricing-table {
      padding-top: 50px; }
    .blog-2 .servic .col-md-12 p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .blog-2 .affixx .logo {
      padding-left: 15px; }
    .blog-2 .affixx .sidenav {
      padding-right: 15px; } }
  @media (min-width: 767px) and (max-width: 900px) {
    .blog-2 .brand .brand_logo .brand-logo img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .blog-2 .brand .brand_logo .clear-left {
      clear: left; }
    .blog-2 .brand .brand_logo .brand-logo {
      width: 33.3333%;
      text-align: center;
      padding-bottom: 20px; } }
  @media screen and (max-width: 680px) {
    .blog-2 .brand .brand_logo {
      padding: 50px 15px; } }
  @media screen and (max-width: 568px) {
    .blog-2 .brand .brand_logo .brand-logo {
      width: 100%;
      text-align: center;
      padding-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .blog-2 .video-skills .video .helo .button_play {
      padding: 30px; } }

.blog-3 {
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .blog-3 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .blog-3 * {
    outline: 0;
    outline: 0px auto -webkit-focus-ring-color !important;
    box-sizing: border-box; }
  .blog-3 .sidenav a:hover {
    color: #b6aeae; }
  .blog-3 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .blog-3 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .blog-3 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .blog-3 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blog-3 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .blog-3 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .blog-3 .button_rea:hover {
      opacity: 0.7; }
    .blog-3 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .blog-3 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blog-3 .layer {
    position: relative; }
    .blog-3 .layer img {
      width: 100%; }
  .blog-3 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .blog-3 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .blog-3 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .blog-3 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .blog-3 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .blog-3 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .blog-3 .affixx .sidenav .navbar .nav {
          float: right; }
          .blog-3 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .blog-3 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .blog-3 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .blog-3 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .blog-3 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .blog-3 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .blog-3 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .blog-3 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .blog-3 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .blog-3 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .blog-3 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .blog-3 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .blog-3 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .blog-3 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .blog-3 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .blog-3 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .blog-3 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .blog-3 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .blog-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .blog-3 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .blog-3 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .blog-3 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .blog-3 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .blog-3 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .blog-3 .header-mobi {
    display: none; }
    .blog-3 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .blog-3 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .blog-3 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .blog-3 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .blog-3 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .blog-3 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .blog-3 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .blog-3 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .blog-3 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .blog-3 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .blog-3 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .blog-3 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .blog-3 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .blog-3 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .blog-3 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .blog-3 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .blog-3 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .blog-3 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .blog-3 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-3 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-3 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-3 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-3 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-3 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-3 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-3 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-3 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-3 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-3 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .blog-3 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-3 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-3 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .blog-3 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .blog-3 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .blog-3 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .blog-3 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .blog-3 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .blog-3 .sidenav a:hover {
    color: #f1f1f1; }
  .blog-3 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .blog-3 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .blog-3 .child2 {
    margin: 5px 0; }
  .blog-3 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .blog-3 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .blog-3 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .blog-3 .container_header .breadcrumb {
      background: transparent; }
      .blog-3 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .blog-3 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .blog-3 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .blog-3 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .blog-3 .basel {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .blog-3 .fiter {
    visibility: hidden;
    font-size: 18px !important;
    color: #fff;
    background: #fc6a55;
    padding: 5px 10px;
    position: fixed;
    z-index: 3; }
  .blog-3 .sidenav-blog {
    padding: 100px 0; }
    .blog-3 .sidenav-blog .blog .name_img {
      padding: 62px 0;
      border-bottom: 1px solid #ebebeb; }
      .blog-3 .sidenav-blog .blog .name_img .blog_img {
        position: relative;
        overflow: hidden;
        width: 50%;
        float: left; }
        .blog-3 .sidenav-blog .blog .name_img .blog_img:hover img {
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
        .blog-3 .sidenav-blog .blog .name_img .blog_img img {
          width: 100%;
          transition: all .3s; }
      .blog-3 .sidenav-blog .blog .name_img .blog_name {
        padding-left: 30px;
        width: 50%;
        float: right; }
        .blog-3 .sidenav-blog .blog .name_img .blog_name p {
          font-size: 16px;
          color: #909090;
          padding-top: 30px;
          line-height: 185%; }
        .blog-3 .sidenav-blog .blog .name_img .blog_name h5 {
          color: #909090;
          padding-bottom: 13px;
          margin-top: 0px; }
        .blog-3 .sidenav-blog .blog .name_img .blog_name span {
          color: #fc6a53; }
        .blog-3 .sidenav-blog .blog .name_img .blog_name a {
          color: #333;
          font-size: 20px;
          font-family: roboto condensed;
          font-weight: 700; }
    .blog-3 .sidenav-blog .blog .no-border {
      border: none; }
    .blog-3 .sidenav-blog .blog .pagination .active a {
      color: #909090;
      background: #e1e1e1;
      border-color: #e1e1e1; }
    .blog-3 .sidenav-blog .blog .pagination li a {
      color: #333;
      width: 50px;
      height: 50px;
      line-height: 50px;
      padding: 0;
      transition: all .4s; }
      .blog-3 .sidenav-blog .blog .pagination li a:hover {
        background: #e1e1e1;
        color: #909090; }
    .blog-3 .sidenav-blog .blog .pagination li .prev {
      color: #909090;
      border-radius: 0;
      width: 100px; }
    .blog-3 .sidenav-blog .sidenav {
      padding-left: 55px;
      padding-top: 62px; }
      .blog-3 .sidenav-blog .sidenav .close {
        z-index: 3;
        width: 317px;
        transition: all 1s;
        position: absolute;
        top: 10px;
        left: 0; }
        .blog-3 .sidenav-blog .sidenav .close .closebtn {
          float: right;
          padding-right: 20px;
          top: 0;
          font-size: 36px;
          margin-left: 50px;
          visibility: hidden;
          color: #2b2b2b;
          outline: 0; }
          .blog-3 .sidenav-blog .sidenav .close .closebtn:focus {
            text-decoration: none; }
          .blog-3 .sidenav-blog .sidenav .close .closebtn:hover {
            text-decoration: none; }
      .blog-3 .sidenav-blog .sidenav .search .input-group {
        width: 100%; }
        .blog-3 .sidenav-blog .sidenav .search .input-group .form-control {
          height: 60px; }
        .blog-3 .sidenav-blog .sidenav .search .input-group .input-group-btn {
          position: absolute;
          right: 0;
          top: 10px;
          width: 50px; }
          .blog-3 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn {
            border-radius: 0;
            border: none;
            background: transparent;
            outline: 0;
            z-index: 3;
            padding: 10px 12px; }
            .blog-3 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn i {
              font-size: 20px;
              color: #909090; }
            .blog-3 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn:active {
              box-shadow: none; }
      .blog-3 .sidenav-blog .sidenav .about {
        padding-top: 50px; }
        .blog-3 .sidenav-blog .sidenav .about h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px; }
          .blog-3 .sidenav-blog .sidenav .about h4 span {
            width: 70%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-3 .sidenav-blog .sidenav .about img {
          width: 100%; }
        .blog-3 .sidenav-blog .sidenav .about p {
          font-size: 16px;
          line-height: 185%;
          color: #909090;
          padding-top: 20px; }
      .blog-3 .sidenav-blog .sidenav .follow {
        text-align: center;
        padding-bottom: 50px; }
        .blog-3 .sidenav-blog .sidenav .follow h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px;
          text-align: left; }
          .blog-3 .sidenav-blog .sidenav .follow h4 span {
            width: 70%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-3 .sidenav-blog .sidenav .follow .face {
          background-image: url(../img/face.png);
          height: 32px;
          width: 32px;
          display: inline-block;
          cursor: pointer; }
        .blog-3 .sidenav-blog .sidenav .follow .goo {
          background-image: url(../img/goo.png);
          height: 32px;
          width: 32px;
          display: inline-block;
          cursor: pointer; }
        .blog-3 .sidenav-blog .sidenav .follow .twi {
          background-image: url(../img/twi.png);
          height: 32px;
          width: 32px;
          display: inline-block;
          cursor: pointer; }
        .blog-3 .sidenav-blog .sidenav .follow .sha {
          background-image: url(../img/sha.png);
          height: 32px;
          width: 32px;
          display: inline-block;
          cursor: pointer; }
        .blog-3 .sidenav-blog .sidenav .follow .pin {
          background-image: url(../img/pin.png);
          height: 32px;
          width: 32px;
          display: inline-block;
          cursor: pointer; }
        .blog-3 .sidenav-blog .sidenav .follow span {
          margin: 5px 1px;
          transition: all .4s; }
          .blog-3 .sidenav-blog .sidenav .follow span:hover {
            opacity: .7; }
      .blog-3 .sidenav-blog .sidenav .categories {
        padding-bottom: 50px; }
        .blog-3 .sidenav-blog .sidenav .categories h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px;
          text-align: left;
          padding-bottom: 50px; }
          .blog-3 .sidenav-blog .sidenav .categories h4 span {
            width: 70%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-3 .sidenav-blog .sidenav .categories ul {
          -webkit-padding-start: 0; }
          .blog-3 .sidenav-blog .sidenav .categories ul li {
            list-style: none;
            border-bottom: 1px solid #ebebeb;
            padding: 11px 0; }
            .blog-3 .sidenav-blog .sidenav .categories ul li a {
              color: #909090;
              font-size: 16px;
              transition: all .4s; }
              .blog-3 .sidenav-blog .sidenav .categories ul li a:hover {
                text-decoration: none;
                opacity: .7; }
              .blog-3 .sidenav-blog .sidenav .categories ul li a span {
                float: right; }
                .blog-3 .sidenav-blog .sidenav .categories ul li a span:hover {
                  opacity: .7; }
          .blog-3 .sidenav-blog .sidenav .categories ul .no-border {
            border: none; }
      .blog-3 .sidenav-blog .sidenav .testimonials {
        background: #fc6955;
        text-align: center;
        padding: 75px 10px; }
        .blog-3 .sidenav-blog .sidenav .testimonials span {
          background-image: url(../img/file2.png);
          height: 45px;
          width: 56px;
          display: inline-block; }
        .blog-3 .sidenav-blog .sidenav .testimonials h3 {
          font-size: 22px;
          font-weight: 500;
          font-family: Montserrat;
          color: #fff;
          line-height: 35px; }
      .blog-3 .sidenav-blog .sidenav .popularp-post {
        padding-top: 50px; }
        .blog-3 .sidenav-blog .sidenav .popularp-post h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px;
          text-align: left; }
          .blog-3 .sidenav-blog .sidenav .popularp-post h4 span {
            width: 60%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-3 .sidenav-blog .sidenav .popularp-post .traveling {
          padding: 15px 0; }
          .blog-3 .sidenav-blog .sidenav .popularp-post .traveling img {
            width: 30%; }
          .blog-3 .sidenav-blog .sidenav .popularp-post .traveling .produc {
            width: 60%;
            float: right; }
            .blog-3 .sidenav-blog .sidenav .popularp-post .traveling .produc h5 {
              font-family: roboto condensed;
              font-weight: 700;
              margin-top: 0; }
            .blog-3 .sidenav-blog .sidenav .popularp-post .traveling .produc h6 {
              color: #909090;
              font-weight: 400;
              padding-top: 10px; }
      .blog-3 .sidenav-blog .sidenav .tags-cloud {
        padding-top: 50px; }
        .blog-3 .sidenav-blog .sidenav .tags-cloud h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px;
          text-align: left; }
          .blog-3 .sidenav-blog .sidenav .tags-cloud h4 span {
            width: 60%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-3 .sidenav-blog .sidenav .tags-cloud .btn {
          height: 40px;
          border-radius: 0;
          padding: 6px 20px;
          border: 1px solid #ebebeb;
          background: transparent;
          margin: 5px 0;
          color: #909090;
          font-size: 12px; }
        .blog-3 .sidenav-blog .sidenav .tags-cloud .btn1 {
          margin: 0 9px; }
      .blog-3 .sidenav-blog .sidenav .archive h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: roboto condensed;
        padding-bottom: 10px;
        text-align: left;
        padding-top: 60px; }
        .blog-3 .sidenav-blog .sidenav .archive h4 span {
          width: 70%;
          height: 1px;
          background: #fc6955;
          display: inline-block;
          margin-top: 10px;
          float: right; }
      .blog-3 .sidenav-blog .sidenav .archive ul {
        -webkit-padding-start: 0; }
        .blog-3 .sidenav-blog .sidenav .archive ul li {
          list-style: none;
          border-bottom: 1px solid #ebebeb;
          padding: 11px 0; }
          .blog-3 .sidenav-blog .sidenav .archive ul li a {
            color: #909090;
            font-size: 16px;
            transition: all .4s; }
            .blog-3 .sidenav-blog .sidenav .archive ul li a:hover {
              text-decoration: none;
              opacity: .7; }
            .blog-3 .sidenav-blog .sidenav .archive ul li a span {
              float: right; }
              .blog-3 .sidenav-blog .sidenav .archive ul li a span:hover {
                opacity: .7; }
        .blog-3 .sidenav-blog .sidenav .archive ul .no-border {
          border: none; }
      .blog-3 .sidenav-blog .sidenav .newletter h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: roboto condensed;
        padding-bottom: 10px;
        text-align: left;
        padding-top: 60px; }
        .blog-3 .sidenav-blog .sidenav .newletter h4 span {
          width: 70%;
          height: 1px;
          background: #fc6955;
          display: inline-block;
          margin-top: 10px;
          float: right; }
      .blog-3 .sidenav-blog .sidenav .newletter .input-group {
        width: 100%; }
        .blog-3 .sidenav-blog .sidenav .newletter .input-group .form-control {
          height: 60px; }
          .blog-3 .sidenav-blog .sidenav .newletter .input-group .form-control:focus {
            border-color: none;
            box-shadow: none;
            border: 1px solid #f2f2f2; }
        .blog-3 .sidenav-blog .sidenav .newletter .input-group .input-group-btn {
          position: absolute;
          right: 0;
          top: 10px;
          width: 50px; }
          .blog-3 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn {
            border-radius: 0;
            border: none;
            background: transparent;
            outline: 0;
            z-index: 3; }
            .blog-3 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn i {
              background-image: url(../img/thublog.png);
              height: 18px;
              width: 25px;
              margin-top: 5px;
              margin-right: 5px;
              display: inline-block; }
            .blog-3 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn:active {
              box-shadow: none; }
  .blog-3 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .blog-3 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .blog-3 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .blog-3 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .blog-3 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .blog-3 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .blog-3 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .blog-3 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .blog-3 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .blog-3 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .blog-3 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .blog-3 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-3 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .blog-3 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .blog-3 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .blog-3 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .blog-3 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .blog-3 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-3 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .blog-3 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .blog-3 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .blog-3 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .blog-3 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .blog-3 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-3 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .blog-3 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .blog-3 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .blog-3 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .blog-3 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .blog-3 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .blog-3 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .blog-3 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .blog-3 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .blog-3 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .blog-3 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .blog-3 .footer .full-container .footer2 {
      padding: 20px 0; }
      .blog-3 .footer .full-container .footer2 .copy {
        color: #909090; }
      .blog-3 .footer .full-container .footer2 .goto {
        text-align: right; }
        .blog-3 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1360px) {
    .blog-3 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .blog-3 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .blog-3 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .blog-3 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .blog-3 .who_we_are .weare {
      padding-left: 100px; }
    .blog-3 .sile1 .we_are {
      padding-right: 30px; }
    .blog-3 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .blog-3 .sile1 .we_are h1 {
      font-size: 50px; }
    .blog-3 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blog-3 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blog-3 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blog-3 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-3 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .blog-3 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .blog-3 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-3 .team {
      padding: 50px 0; }
    .blog-3 .unlimited {
      padding-bottom: 50px; }
    .blog-3 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .blog-3 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .blog-3 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .blog-3 .servic .development {
      border: none; }
    .blog-3 .servic .appdevelopment {
      border: none; }
    .blog-3 .servic .marketing {
      border: none; }
    .blog-3 .servic .design {
      border: none; }
    .blog-3 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .blog-3 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .blog-3 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .blog-3 .sile1 .we_are {
      padding-right: 10px; }
    .blog-3 .porfolio .blanc {
      padding-right: 0; }
    .blog-3 .porfolio .mock {
      padding-left: 0; }
    .blog-3 .what1 .js-click-product {
      height: 120px; }
    .blog-3 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .blog-3 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .blog-3 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .blog-3 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .blog-3 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-3 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .blog-3 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-3 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-3 .pricing-table {
      padding-top: 100px; }
    .blog-3 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .blog-3 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .blog-3 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .blog-3 .sile1 {
      width: 100%; }
    .blog-3 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .blog-3 .servic .creation {
      padding-top: 19px; }
    .blog-3 .servic .design {
      padding: 15px; }
    .blog-3 .servic .appdevelopment {
      padding: 15px; }
    .blog-3 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .blog-3 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .blog-3 .pricing-table {
      padding-top: 50px; }
    .blog-3 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blog-3 .servic .col-md-12 p {
      font-size: 24px; }
    .blog-3 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-3 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .blog-3 .what1 .main-img .slick-slide {
      display: none; }
    .blog-3 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .blog-3 .porfolio .blanc img {
      width: 100%; }
    .blog-3 .sile1 {
      width: 97%; }
    .blog-3 .servic .col-md-4 {
      padding-left: 15px; }
    .blog-3 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .blog-3 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .blog-3 .slick-slider .slick-track {
      width: 250px; }
    .blog-3 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .blog-3 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .blog-3 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .blog-3 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .blog-3 .pull-right {
    cursor: pointer; }
  .blog-3 * {
    outline: none !important; }
  .blog-3 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .blog-3 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .blog-3 .create {
      padding: 117px 30px; }
    .blog-3 .careate .carea .cust {
      padding: 15px 10px; }
    .blog-3 .carea {
      padding: 40px 80px; }
    .blog-3 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .blog-3 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .blog-3 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .blog-3 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .blog-3 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .blog-3 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .blog-3 .affixx .navba {
      padding-left: 5px; }
    .blog-3 .phone_top {
      padding-right: 5px; }
    .blog-3 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .blog-3 .counter1 .col-md-3 {
      padding-left: 8%; }
    .blog-3 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .blog-3 .feedback .feeb {
      font-size: 200px; }
    .blog-3 .affixx .navba {
      padding-left: 15px; }
    .blog-3 .phone_top {
      padding-right: 15px; }
    .blog-3 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .blog-3 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .blog-3 .we_are {
      padding: 0 50px; }
    .blog-3 .careate .carea .cust {
      padding: 10px 10px; }
    .blog-3 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .blog-3 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .blog-3 .cust h1 {
      padding-bottom: 0; }
    .blog-3 .cust p {
      line-height: 150%; }
    .blog-3 .button_see {
      margin-top: 27px; }
    .blog-3 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .blog-3 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .blog-3 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .blog-3 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .blog-3 .footer .full-container {
      padding: 0 15px; }
    .blog-3 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .blog-3 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .blog-3 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .blog-3 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .blog-3 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blog-3 .contacts .contact {
      padding: 20px 0; }
    .blog-3 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .blog-3 .feedback .slide_main .test {
      padding-top: 50px; }
    .blog-3 .phone_top {
      padding-top: 0; }
    .blog-3 .phone_top .pull-right {
      padding: 5px; }
    .blog-3 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .blog-3 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .blog-3 .affixx .sidenav .navbar .nav {
      float: none; }
    .blog-3 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .blog-3 .affixx {
      padding-bottom: 10px !important; }
    .blog-3 .counter1 .col-md-3 {
      padding-left: 6%; }
    .blog-3 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .blog-3 .header-lap {
      display: none; }
    .blog-3 .header-mobi {
      display: block; }
    .blog-3 .feedback {
      padding-bottom: 50px; }
    .blog-3 .cust h1 {
      font-size: 30px; }
    .blog-3 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .blog-3 .all-pro span {
      margin-right: 5px; }
    .blog-3 .phone_top span {
      display: none; }
    .blog-3 .phone_top .phonee {
      display: none; }
    .blog-3 .who_we_are {
      padding: 50px 0; }
    .blog-3 .blog {
      padding: 50px 0; }
    .blog-3 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .blog-3 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .blog-3 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .blog-3 .who_we_are .we_01 {
      padding: 0 15px; }
    .blog-3 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .blog-3 .porfolio .col-md-8 {
      padding-left: 0; }
    .blog-3 .feedback .feeb {
      font-size: 130px; }
    .blog-3 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blog-3 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .blog-3 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .blog-3 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blog-3 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .blog-3 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .blog-3 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .blog-3 .links ul {
      -webkit-padding-start: 0px; }
    .blog-3 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .blog-3 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .blog-3 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .blog-3 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .blog-3 .recent_post ul {
      -webkit-padding-start: 0px; }
    .blog-3 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .blog-3 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .blog-3 .servic {
      padding-top: 50px; }
    .blog-3 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .blog-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .blog-3 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .blog-3 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .blog-3 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .blog-3 .row_top div p {
      line-height: 170%; }
    .blog-3 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .blog-3 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .blog-3 .slide_main .test {
      padding-top: 100px; }
    .blog-3 .img_porfolio .col-md-4 {
      width: 50%; }
    .blog-3 .servic .col-md-4 {
      width: 50%; }
    .blog-3 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .blog-3 .blog .col-md-4 {
      width: 33.33333%; }
    .blog-3 .button_see {
      margin-top: 10px; }
    .blog-3 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .blog-3 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .blog-3 .button_rea {
      height: 38px;
      margin-top: 0; }
    .blog-3 .footer .full-container .footer2 .copy {
      text-align: center; }
    .blog-3 .footer .full-container .footer2 .goto {
      text-align: center; }
    .blog-3 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .blog-3 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .blog-3 .feedback .slide_main .test p {
      font-size: 36px; }
    .blog-3 .feedback .information .lazy h3 {
      font-size: 20px; }
    .blog-3 * h1 {
      font-size: 36px !important; }
    .blog-3 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .blog-3 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .blog-3 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .blog-3 .feedback .feeb {
      font-size: 100px; }
    .blog-3 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .blog-3 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .blog-3 .who_we_are .who_are p {
      font-size: 14px; }
    .blog-3 .careate .carea .cust h1 {
      font-size: 36px; }
    .blog-3 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .blog-3 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .blog-3 .feedback .slide_main .test p {
      font-size: 36px; }
    .blog-3 .feedback .information .lazy h3 {
      font-size: 16px; }
    .blog-3 .cuter .counter {
      padding: 50px 0 0 0; }
    .blog-3 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .blog-3 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .blog-3 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .blog-3 .porfolio {
      padding: 50px 0px; }
    .blog-3 .button-proje {
      width: 210px; }
    .blog-3 .video .row_video .video1 > p {
      font-size: 24px; }
    .blog-3 .blog .col-md-12 h1 {
      font-size: 36px; }
    .blog-3 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .blog-3 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .footer #googlemap1 {
      height: 400px; }
    .blog-3 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-3 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .blog-3 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .blog-3 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .blog-3 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .blog-3 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .blog-3 .side .navbar .list-group-item button {
      top: 0; }
    .blog-3 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .blog-3 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .blog-3 .base {
      margin-left: 0 !important; }
    .blog-3 .baseright {
      margin-left: 0 !important; }
    .blog-3 .sile1 {
      top: 60%; }
    .blog-3 .affixx {
      background: #333 !important; }
    .blog-3 .affixx {
      padding-top: 20px !important; }
    .blog-3 .feedback .feeb {
      font-size: 70px; }
    .blog-3 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .blog-3 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .blog-3 .who_we_are .who_are h1 {
      font-size: 24px; }
    .blog-3 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .blog-3 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .blog-3 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .blog-3 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .blog-3 .servic .col-md-12 p {
      font-size: 24px; }
    .blog-3 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .blog-3 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .blog-3 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .blog-3 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .blog-3 .button_see {
      margin-top: 0; }
    .blog-3 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .blog-3 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .blog-3 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .blog-3 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-3 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-3 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-3 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-3 .feedback .slide_main .test p {
      font-size: 24px; }
    .blog-3 .feedback .information .lazy h3 {
      font-size: 14px; }
    .blog-3 * h1 {
      font-size: 24px !important; }
    .blog-3 .affixx {
      position: inherit !important; }
    .blog-3 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .blog-3 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .blog-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .blog-3 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .blog-3 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .blog-3 .modal .modal-dialog .modal-content {
      padding: 0; }
    .blog-3 .img_porfolio .col-md-4 {
      width: 100%; }
    .blog-3 .feedback .feeb {
      letter-spacing: 6px; }
    .blog-3 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .blog-3 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .blog-3 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .blog-3 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .blog-3 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .blog-3 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .blog-3 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .blog-3 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .blog-3 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .blog-3 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .blog-3 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .blog-3 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .blog-3 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .blog-3 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .blog-3 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-3 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-3 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-3 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-3 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .blog-3 .servic .identity {
      padding-top: 20px; }
    .blog-3 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .blog-3 .porfolio .nav_main {
      float: left; }
    .blog-3 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .blog-3 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .blog-3 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .blog-3 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .blog-3 .who_we_are .weare {
      padding-left: 50px; }
    .blog-3 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .blog-3 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .blog-3 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .blog-3 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .blog-3 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .blog-3 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .blog-3 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .blog-3 .video-skills .skills {
      padding: 0 15px; }
    .blog-3 .contacts .contact p {
      font-size: 24px; }
    .blog-3 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .blog-3 .about .about-we h1 {
      font-size: 40px; }
    .blog-3 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .blog-3 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .blog-3 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .blog-3 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .blog-3 .cooperate .logo-brand img {
      width: 100%; }
    .blog-3 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-3 .cooperate {
      padding-top: 50px; }
    .blog-3 .talk-to .row {
      padding: 50px 0; }
    .blog-3 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .blog-3 .sile1 .we_are {
      padding-right: 0; }
    .blog-3 .about {
      top: 0;
      padding: 30px 0; }
    .blog-3 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-3 .about .about-we {
      padding-left: 30px; }
    .blog-3 .about .corem-ipsum {
      padding-right: 30px; }
      .blog-3 .about .corem-ipsum p {
        line-height: 150%; }
    .blog-3 .contacts .contact {
      text-align: center; }
    .blog-3 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .blog-3 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .blog-3 .video-skills .video {
      padding-left: 15px; }
    .blog-3 .video-skills {
      padding-bottom: 50px; }
    .blog-3 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .blog-3 .contacts .contact p .circle img {
      width: 8%; }
    .blog-3 .contacts .contact p {
      font-size: 20px; }
    .blog-3 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .blog-3 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .blog-3 .about .corem-ipsum {
      padding-left: 30px; }
    .blog-3 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .blog-3 .cooperate .logo-brand {
      text-align: center; }
    .blog-3 .cooperate .logo-brand img {
      width: initial; }
    .blog-3 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .blog-3 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .blog-3 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .blog-3 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .blog-3 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blog-3 .button1 .vuong {
      background: transparent !important; }
    .blog-3 .button1 span {
      background: #fff !important; }
    .blog-3 .phone_top .pull-right i {
      color: #fff !important; }
    .blog-3 .sile1 {
      width: 65%; }
    .blog-3 .about .corem-ipsum p {
      font-size: 14px; }
    .blog-3 .case-center .case-studies p {
      font-size: 14px; }
    .blog-3 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .slick-dots {
      bottom: -50px !important; }
    .blog-3 .cooperate {
      padding-top: 50px; }
    .blog-3 .who_we_are .weare {
      padding-bottom: 0; }
    .blog-3 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blog-3 .button-contact button {
      height: 40px; }
    .blog-3 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .blog-3 .cooperate .logo-brand img {
      width: 100%; }
    .blog-3 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .blog-3 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .blog-3 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .talk-to .input-contact input {
      font-size: 14px; }
    .blog-3 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-3 .servic .col-md-4 {
      padding-left: 30px; }
    .blog-3 .button1 .vuong {
      background: transparent !important; }
    .blog-3 .button1 span {
      background: #fff !important; }
    .blog-3 .phone_top .pull-right i {
      color: #fff !important; }
    .blog-3 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .blog-3 .sile1 {
      width: 95%;
      left: 5%; }
    .blog-3 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .blog-3 .cooperate .logo-brand img {
      width: initial; }
    .blog-3 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .blog-3 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .blog-3 .cases .read-mode {
      width: 100%; }
    .blog-3 .row_top {
      width: 100%; }
    .blog-3 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .blog-3 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .blog-3 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .blog-3 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .blog-3 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .blog-3 .contacts .contact p {
      font-size: 24px; }
    .blog-3 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .blog-3 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .blog-3 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .blog-3 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .blog-3 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .blog-3 .testimonials-img img {
      width: 100%; }
    .blog-3 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .blog-3 .cooperate {
      padding-top: 50px; }
    .blog-3 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .blog-3 .contacts .contact {
      text-align: center; }
    .blog-3 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .blog-3 .testimonials {
      padding-bottom: 50px; }
    .blog-3 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .blog-3 .contacts .contact p .circle img {
      width: 8%; }
    .blog-3 .contacts .contact p {
      font-size: 20px; }
    .blog-3 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .blog-3 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .blog-3 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .blog-3 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .blog-3 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .blog-3 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-3 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .blog-3 .gallery .col-md-4 {
      width: 100%; }
    .blog-3 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .blog-3 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .blog-3 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .blog-3 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .blog-3 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .blog-3 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-3 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blog-3 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blog-3 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blog-3 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-3 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-3 .affixx {
      padding-top: 15px !important; }
    .blog-3 .pull-right {
      padding-top: 5px; }
    .blog-3 .layer {
      padding-top: 0px; }
    .blog-3 .pull-right {
      padding: 5px 0; }
    .blog-3 .page-404 {
      padding-top: 50px 15px; }
    .blog-3 .affixx .sidenav {
      padding-right: 15px; }
    .blog-3 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .blog-3 .careate img {
      width: 100%; }
    .blog-3 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .blog-3 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .blog-3 .layer {
      padding-top: 62px; }
    .blog-3 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .blog-3 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .blog-3 .container_header {
      top: 75%; }
    .blog-3 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .blog-3 .container_header .breadcrumb .active {
      width: auto; }
    .blog-3 .blog .pagination li .prev {
      width: 80px; }
    .blog-3 .container_header h1 {
      padding-bottom: 0; } }
  @media screen and (max-width: 1200px) {
    .blog-3 .sidenav-blog .blog .name_img .blog_name {
      padding-left: 15px; }
      .blog-3 .sidenav-blog .blog .name_img .blog_name h5 {
        padding-bottom: 0; }
      .blog-3 .sidenav-blog .blog .name_img .blog_name p {
        padding-top: 10px; }
    .blog-3 .button_rea {
      margin-top: 0; }
    .blog-3 .sidenav-blog .sidenav .about h4 span {
      width: 60%; }
    .blog-3 .sidenav-blog .sidenav .follow h4 span {
      width: 60%; }
    .blog-3 .sidenav-blog .sidenav .categories h4 span {
      width: 55%; }
    .blog-3 .sidenav-blog .sidenav .popularp-post h4 span {
      width: 45%; }
    .blog-3 .sidenav-blog .sidenav .archive h4 span {
      width: 65%; }
    .blog-3 .sidenav-blog .sidenav .tags-cloud h4 span {
      width: 50%; }
    .blog-3 .sidenav-blog .sidenav .tags-cloud .btn1 {
      margin: 5px 0; }
    .blog-3 .sidenav-blog .sidenav .newletter h4 span {
      width: 60%; } }
  @media screen and (max-width: 991px) {
    .blog-3 .fiter {
      visibility: visible; }
    .blog-3 .sidenav-blog .sidenav {
      height: 100%;
      width: 317px;
      position: fixed;
      z-index: 10000;
      opacity: 0;
      top: 0;
      left: -317px;
      background-color: #fff;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px; }
    .blog-3 .sidenav-blog .sidenav {
      padding-left: 15px;
      border-right: 1px solid #f2f2f2; }
    .blog-3 .sidenav-blog .sidenav .close .closebtn {
      visibility: visible; } }
  @media screen and (max-width: 568px) {
    .blog-3 .sidenav-blog {
      padding-top: 0; }
      .blog-3 .sidenav-blog .blog .name_img {
        padding: 30px 0; }
        .blog-3 .sidenav-blog .blog .name_img .blog_img {
          width: 100%;
          padding: 0 15px; }
        .blog-3 .sidenav-blog .blog .name_img .blog_name {
          width: 100%;
          padding: 20px 15px; }
          .blog-3 .sidenav-blog .blog .name_img .blog_name a {
            font-size: 18px; }
          .blog-3 .sidenav-blog .blog .name_img .blog_name p {
            font-size: 14px;
            line-height: 150%; }
    .blog-3 .sidenav-blog .blog .pagination li .prev {
      width: 80px; }
    .blog-3 .sidenav-blog .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; } }
  @media screen and (max-width: 1024px) {
    .blog-3 .sidenav-blog {
      padding: 0; } }

.blog-4 {
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .blog-4 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .blog-4 * {
    outline: 0;
    outline: 0px auto -webkit-focus-ring-color !important;
    box-sizing: border-box; }
  .blog-4 .sidenav a:hover {
    color: #b6aeae; }
  .blog-4 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .blog-4 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .blog-4 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .blog-4 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blog-4 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .blog-4 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .blog-4 .button_rea:hover {
      opacity: 0.7; }
    .blog-4 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .blog-4 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blog-4 .layer {
    position: relative; }
    .blog-4 .layer img {
      width: 100%; }
  .blog-4 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .blog-4 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .blog-4 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .blog-4 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .blog-4 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .blog-4 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .blog-4 .affixx .sidenav .navbar .nav {
          float: right; }
          .blog-4 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .blog-4 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .blog-4 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .blog-4 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .blog-4 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .blog-4 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .blog-4 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .blog-4 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .blog-4 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .blog-4 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .blog-4 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .blog-4 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .blog-4 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .blog-4 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .blog-4 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .blog-4 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .blog-4 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .blog-4 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .blog-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .blog-4 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .blog-4 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .blog-4 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .blog-4 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .blog-4 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .blog-4 .header-mobi {
    display: none; }
    .blog-4 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .blog-4 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .blog-4 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .blog-4 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .blog-4 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .blog-4 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .blog-4 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .blog-4 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .blog-4 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .blog-4 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .blog-4 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .blog-4 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .blog-4 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .blog-4 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .blog-4 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .blog-4 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .blog-4 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .blog-4 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .blog-4 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-4 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-4 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-4 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-4 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-4 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-4 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-4 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-4 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .blog-4 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .blog-4 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .blog-4 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blog-4 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blog-4 .side .navbar .list-group-item ul {
          margin-top: 5.5%;
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px;
          padding-bottom: 10px; }
          .blog-4 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .blog-4 .side li {
      font-size: 16px;
      color: #333;
      transition: 0.3s; }
    .blog-4 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .blog-4 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .blog-4 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .blog-4 .sidenav a:hover {
    color: #f1f1f1; }
  .blog-4 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .blog-4 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .blog-4 .child2 {
    margin: 5px 0; }
  .blog-4 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .blog-4 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .blog-4 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .blog-4 .container_header .breadcrumb {
      background: transparent; }
      .blog-4 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .blog-4 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .blog-4 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .blog-4 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .blog-4 .basel {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .blog-4 .fiter {
    visibility: hidden;
    font-size: 18px !important;
    color: #fff;
    background: #fc6a55;
    padding: 5px 10px;
    position: fixed;
    z-index: 3; }
  .blog-4 .sidenav-blog {
    padding: 100px 0; }
    .blog-4 .sidenav-blog .blog .name_img {
      padding: 50px 0;
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 30px; }
      .blog-4 .sidenav-blog .blog .name_img .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 15px;
        margin-bottom: 0;
        line-height: 185%; }
      .blog-4 .sidenav-blog .blog .name_img .blog_name h5 {
        color: #909090;
        padding-bottom: 13px;
        margin-top: 0px; }
      .blog-4 .sidenav-blog .blog .name_img .blog_name span {
        color: #fc6a53; }
      .blog-4 .sidenav-blog .blog .name_img .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
    .blog-4 .sidenav-blog .blog .no-border {
      border: none; }
    .blog-4 .sidenav-blog .blog .pagination .active a {
      color: #909090;
      background: #e1e1e1;
      border-color: #e1e1e1; }
    .blog-4 .sidenav-blog .blog .pagination li a {
      color: #333;
      width: 50px;
      height: 50px;
      line-height: 50px;
      padding: 0;
      transition: all .4s; }
      .blog-4 .sidenav-blog .blog .pagination li a:hover {
        background: #e1e1e1;
        color: #909090; }
    .blog-4 .sidenav-blog .blog .pagination li .prev {
      color: #909090;
      border-radius: 0;
      width: 100px; }
    .blog-4 .sidenav-blog .sidenav {
      padding-left: 55px;
      padding-top: 50px; }
      .blog-4 .sidenav-blog .sidenav .close {
        z-index: 3;
        width: 317px;
        transition: all 1s;
        position: absolute;
        top: 10px;
        left: 0; }
        .blog-4 .sidenav-blog .sidenav .close .closebtn {
          float: right;
          padding-right: 20px;
          top: 0;
          font-size: 36px;
          margin-left: 50px;
          visibility: hidden;
          color: #2b2b2b;
          outline: 0; }
          .blog-4 .sidenav-blog .sidenav .close .closebtn:focus {
            text-decoration: none; }
          .blog-4 .sidenav-blog .sidenav .close .closebtn:hover {
            text-decoration: none; }
      .blog-4 .sidenav-blog .sidenav .search .input-group {
        width: 100%; }
        .blog-4 .sidenav-blog .sidenav .search .input-group .form-control {
          height: 60px;
          outline: 0; }
        .blog-4 .sidenav-blog .sidenav .search .input-group .input-group-btn {
          position: absolute;
          right: 0;
          top: 10px;
          width: 50px; }
          .blog-4 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn {
            border-radius: 0;
            border: none;
            background: transparent;
            outline: 0;
            z-index: 3;
            padding: 10px 12px; }
            .blog-4 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn i {
              font-size: 20px;
              color: #909090; }
            .blog-4 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn:active {
              box-shadow: none; }
      .blog-4 .sidenav-blog .sidenav .about {
        padding-top: 50px; }
        .blog-4 .sidenav-blog .sidenav .about h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px; }
          .blog-4 .sidenav-blog .sidenav .about h4 span {
            width: 70%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-4 .sidenav-blog .sidenav .about img {
          width: 100%; }
        .blog-4 .sidenav-blog .sidenav .about p {
          font-size: 16px;
          line-height: 185%;
          color: #909090;
          padding-top: 20px; }
      .blog-4 .sidenav-blog .sidenav .follow {
        text-align: center;
        padding-bottom: 50px; }
        .blog-4 .sidenav-blog .sidenav .follow h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px;
          text-align: left; }
          .blog-4 .sidenav-blog .sidenav .follow h4 span {
            width: 70%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-4 .sidenav-blog .sidenav .follow .face {
          background-image: url(../img/face.png);
          height: 32px;
          width: 32px;
          display: inline-block; }
        .blog-4 .sidenav-blog .sidenav .follow .goo {
          background-image: url(../img/goo.png);
          height: 32px;
          width: 32px;
          display: inline-block; }
        .blog-4 .sidenav-blog .sidenav .follow .twi {
          background-image: url(../img/twi.png);
          height: 32px;
          width: 32px;
          display: inline-block; }
        .blog-4 .sidenav-blog .sidenav .follow .sha {
          background-image: url(../img/sha.png);
          height: 32px;
          width: 32px;
          display: inline-block; }
        .blog-4 .sidenav-blog .sidenav .follow .pin {
          background-image: url(../img/pin.png);
          height: 32px;
          width: 32px;
          display: inline-block; }
        .blog-4 .sidenav-blog .sidenav .follow span {
          margin: 5px 1px;
          cursor: pointer;
          transition: all .3s; }
          .blog-4 .sidenav-blog .sidenav .follow span:hover {
            opacity: .7; }
      .blog-4 .sidenav-blog .sidenav .categories {
        padding-bottom: 50px; }
        .blog-4 .sidenav-blog .sidenav .categories h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px;
          text-align: left;
          padding-bottom: 50px; }
          .blog-4 .sidenav-blog .sidenav .categories h4 span {
            width: 70%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-4 .sidenav-blog .sidenav .categories ul {
          -webkit-padding-start: 0; }
          .blog-4 .sidenav-blog .sidenav .categories ul li {
            list-style: none;
            border-bottom: 1px solid #ebebeb;
            padding: 11px 0; }
            .blog-4 .sidenav-blog .sidenav .categories ul li a {
              color: #909090;
              font-size: 16px;
              transition: all .4s; }
              .blog-4 .sidenav-blog .sidenav .categories ul li a:hover {
                text-decoration: none;
                opacity: .7; }
              .blog-4 .sidenav-blog .sidenav .categories ul li a span {
                float: right; }
                .blog-4 .sidenav-blog .sidenav .categories ul li a span:hover {
                  opacity: .7; }
          .blog-4 .sidenav-blog .sidenav .categories ul .no-border {
            border: none; }
      .blog-4 .sidenav-blog .sidenav .testimonials {
        background: #fc6955;
        text-align: center;
        padding: 75px 10px; }
        .blog-4 .sidenav-blog .sidenav .testimonials span {
          background-image: url(../img/file2.png);
          height: 45px;
          width: 56px;
          display: inline-block; }
        .blog-4 .sidenav-blog .sidenav .testimonials h3 {
          font-size: 22px;
          font-weight: 500;
          font-family: Montserrat;
          color: #fff;
          line-height: 35px; }
      .blog-4 .sidenav-blog .sidenav .popularp-post {
        padding-top: 50px; }
        .blog-4 .sidenav-blog .sidenav .popularp-post h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px;
          text-align: left; }
          .blog-4 .sidenav-blog .sidenav .popularp-post h4 span {
            width: 60%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-4 .sidenav-blog .sidenav .popularp-post .traveling {
          padding: 15px 0; }
          .blog-4 .sidenav-blog .sidenav .popularp-post .traveling img {
            width: 30%; }
          .blog-4 .sidenav-blog .sidenav .popularp-post .traveling .produc {
            width: 60%;
            float: right; }
            .blog-4 .sidenav-blog .sidenav .popularp-post .traveling .produc h5 {
              font-family: roboto condensed;
              font-weight: 700;
              margin-top: 0; }
            .blog-4 .sidenav-blog .sidenav .popularp-post .traveling .produc h6 {
              color: #909090;
              font-weight: 400;
              padding-top: 10px; }
      .blog-4 .sidenav-blog .sidenav .tags-cloud {
        padding-top: 50px; }
        .blog-4 .sidenav-blog .sidenav .tags-cloud h4 {
          font-size: 20px;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 10px;
          text-align: left; }
          .blog-4 .sidenav-blog .sidenav .tags-cloud h4 span {
            width: 60%;
            height: 1px;
            background: #fc6955;
            display: inline-block;
            margin-top: 10px;
            float: right; }
        .blog-4 .sidenav-blog .sidenav .tags-cloud .btn {
          height: 40px;
          border-radius: 0;
          padding: 6px 20px;
          border: 1px solid #ebebeb;
          background: transparent;
          margin: 5px 0;
          color: #909090;
          font-size: 12px; }
        .blog-4 .sidenav-blog .sidenav .tags-cloud .btn1 {
          margin: 0 9px; }
      .blog-4 .sidenav-blog .sidenav .archive h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: roboto condensed;
        padding-bottom: 10px;
        text-align: left;
        padding-top: 60px; }
        .blog-4 .sidenav-blog .sidenav .archive h4 span {
          width: 70%;
          height: 1px;
          background: #fc6955;
          display: inline-block;
          margin-top: 10px;
          float: right; }
      .blog-4 .sidenav-blog .sidenav .archive ul {
        -webkit-padding-start: 0; }
        .blog-4 .sidenav-blog .sidenav .archive ul li {
          list-style: none;
          border-bottom: 1px solid #ebebeb;
          padding: 11px 0; }
          .blog-4 .sidenav-blog .sidenav .archive ul li a {
            color: #909090;
            font-size: 16px;
            transition: all .4s; }
            .blog-4 .sidenav-blog .sidenav .archive ul li a:hover {
              text-decoration: none;
              opacity: .7; }
            .blog-4 .sidenav-blog .sidenav .archive ul li a span {
              float: right; }
              .blog-4 .sidenav-blog .sidenav .archive ul li a span:hover {
                opacity: .7; }
        .blog-4 .sidenav-blog .sidenav .archive ul .no-border {
          border: none; }
      .blog-4 .sidenav-blog .sidenav .newletter h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: roboto condensed;
        padding-bottom: 10px;
        text-align: left;
        padding-top: 60px; }
        .blog-4 .sidenav-blog .sidenav .newletter h4 span {
          width: 70%;
          height: 1px;
          background: #fc6955;
          display: inline-block;
          margin-top: 10px;
          float: right; }
      .blog-4 .sidenav-blog .sidenav .newletter .input-group {
        width: 100%; }
        .blog-4 .sidenav-blog .sidenav .newletter .input-group .form-control {
          height: 60px; }
          .blog-4 .sidenav-blog .sidenav .newletter .input-group .form-control:focus {
            border-color: none;
            box-shadow: none;
            border: 1px solid #f2f2f2; }
        .blog-4 .sidenav-blog .sidenav .newletter .input-group .input-group-btn {
          position: absolute;
          right: 0;
          top: 10px;
          width: 50px; }
          .blog-4 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn {
            border-radius: 0;
            border: none;
            background: transparent;
            outline: 0;
            z-index: 3; }
            .blog-4 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn i {
              background-image: url(../img/thublog.png);
              height: 18px;
              width: 25px;
              margin-top: 5px;
              margin-right: 5px;
              display: inline-block; }
            .blog-4 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn:active {
              box-shadow: none; }
  .blog-4 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .blog-4 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .blog-4 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .blog-4 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .blog-4 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .blog-4 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .blog-4 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .blog-4 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .blog-4 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .blog-4 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .blog-4 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .blog-4 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-4 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .blog-4 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .blog-4 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .blog-4 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .blog-4 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .blog-4 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-4 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .blog-4 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .blog-4 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .blog-4 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .blog-4 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .blog-4 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blog-4 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .blog-4 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .blog-4 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .blog-4 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .blog-4 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .blog-4 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .blog-4 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .blog-4 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .blog-4 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          width: 100%;
          text-transform: uppercase;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .blog-4 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .blog-4 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .blog-4 .footer .full-container .footer2 {
      padding: 20px 0; }
      .blog-4 .footer .full-container .footer2 .copy {
        color: #909090; }
      .blog-4 .footer .full-container .footer2 .goto {
        text-align: right; }
        .blog-4 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1360px) {
    .blog-4 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .blog-4 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .blog-4 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .blog-4 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .blog-4 .who_we_are .weare {
      padding-left: 100px; }
    .blog-4 .sile1 .we_are {
      padding-right: 30px; }
    .blog-4 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .blog-4 .sile1 .we_are h1 {
      font-size: 50px; }
    .blog-4 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blog-4 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blog-4 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blog-4 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-4 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .blog-4 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .blog-4 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-4 .team {
      padding: 50px 0; }
    .blog-4 .unlimited {
      padding-bottom: 50px; }
    .blog-4 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .blog-4 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .blog-4 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .blog-4 .servic .development {
      border: none; }
    .blog-4 .servic .appdevelopment {
      border: none; }
    .blog-4 .servic .marketing {
      border: none; }
    .blog-4 .servic .design {
      border: none; }
    .blog-4 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .blog-4 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .blog-4 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .blog-4 .sile1 .we_are {
      padding-right: 10px; }
    .blog-4 .porfolio .blanc {
      padding-right: 0; }
    .blog-4 .porfolio .mock {
      padding-left: 0; }
    .blog-4 .what1 .js-click-product {
      height: 120px; }
    .blog-4 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .blog-4 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .blog-4 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .blog-4 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .blog-4 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-4 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .blog-4 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-4 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .blog-4 .pricing-table {
      padding-top: 100px; }
    .blog-4 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .blog-4 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .blog-4 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .blog-4 .sile1 {
      width: 100%; }
    .blog-4 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .blog-4 .servic .creation {
      padding-top: 19px; }
    .blog-4 .servic .design {
      padding: 15px; }
    .blog-4 .servic .appdevelopment {
      padding: 15px; }
    .blog-4 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .blog-4 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .blog-4 .pricing-table {
      padding-top: 50px; }
    .blog-4 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blog-4 .servic .col-md-12 p {
      font-size: 24px; }
    .blog-4 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-4 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .blog-4 .what1 .main-img .slick-slide {
      display: none; }
    .blog-4 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .blog-4 .porfolio .blanc img {
      width: 100%; }
    .blog-4 .sile1 {
      width: 97%; }
    .blog-4 .servic .col-md-4 {
      padding-left: 15px; }
    .blog-4 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .blog-4 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .blog-4 .slick-slider .slick-track {
      width: 250px; }
    .blog-4 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .blog-4 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .blog-4 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .blog-4 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .blog-4 .pull-right {
    cursor: pointer; }
  .blog-4 * {
    outline: none !important; }
  .blog-4 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .blog-4 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .blog-4 .create {
      padding: 117px 30px; }
    .blog-4 .careate .carea .cust {
      padding: 15px 10px; }
    .blog-4 .carea {
      padding: 40px 80px; }
    .blog-4 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .blog-4 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .blog-4 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .blog-4 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .blog-4 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .blog-4 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .blog-4 .affixx .navba {
      padding-left: 5px; }
    .blog-4 .phone_top {
      padding-right: 5px; }
    .blog-4 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .blog-4 .counter1 .col-md-3 {
      padding-left: 8%; }
    .blog-4 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .blog-4 .feedback .feeb {
      font-size: 200px; }
    .blog-4 .affixx .navba {
      padding-left: 15px; }
    .blog-4 .phone_top {
      padding-right: 15px; }
    .blog-4 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .blog-4 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .blog-4 .we_are {
      padding: 0 50px; }
    .blog-4 .careate .carea .cust {
      padding: 10px 10px; }
    .blog-4 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .blog-4 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .blog-4 .cust h1 {
      padding-bottom: 0; }
    .blog-4 .cust p {
      line-height: 150%; }
    .blog-4 .button_see {
      margin-top: 27px; }
    .blog-4 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .blog-4 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .blog-4 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .blog-4 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .blog-4 .footer .full-container {
      padding: 0 15px; }
    .blog-4 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .blog-4 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .blog-4 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .blog-4 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .blog-4 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blog-4 .contacts .contact {
      padding: 20px 0; }
    .blog-4 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .blog-4 .feedback .slide_main .test {
      padding-top: 50px; }
    .blog-4 .phone_top {
      padding-top: 0; }
    .blog-4 .phone_top .pull-right {
      padding: 5px; }
    .blog-4 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .blog-4 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .blog-4 .affixx .sidenav .navbar .nav {
      float: none; }
    .blog-4 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .blog-4 .affixx {
      padding-bottom: 10px !important; }
    .blog-4 .counter1 .col-md-3 {
      padding-left: 6%; }
    .blog-4 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .blog-4 .header-lap {
      display: none; }
    .blog-4 .header-mobi {
      display: block; }
    .blog-4 .feedback {
      padding-bottom: 50px; }
    .blog-4 .cust h1 {
      font-size: 30px; }
    .blog-4 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .blog-4 .all-pro span {
      margin-right: 5px; }
    .blog-4 .phone_top span {
      display: none; }
    .blog-4 .phone_top .phonee {
      display: none; }
    .blog-4 .who_we_are {
      padding: 50px 0; }
    .blog-4 .blog {
      padding: 50px 0; }
    .blog-4 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .blog-4 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .blog-4 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .blog-4 .who_we_are .we_01 {
      padding: 0 15px; }
    .blog-4 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .blog-4 .porfolio .col-md-8 {
      padding-left: 0; }
    .blog-4 .feedback .feeb {
      font-size: 130px; }
    .blog-4 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blog-4 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .blog-4 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .blog-4 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blog-4 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .blog-4 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .blog-4 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .blog-4 .links ul {
      -webkit-padding-start: 0px; }
    .blog-4 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .blog-4 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .blog-4 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .blog-4 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .blog-4 .recent_post ul {
      -webkit-padding-start: 0px; }
    .blog-4 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .blog-4 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .blog-4 .servic {
      padding-top: 50px; }
    .blog-4 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .blog-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .blog-4 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .blog-4 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .blog-4 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .blog-4 .row_top div p {
      line-height: 170%; }
    .blog-4 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .blog-4 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .blog-4 .slide_main .test {
      padding-top: 100px; }
    .blog-4 .img_porfolio .col-md-4 {
      width: 50%; }
    .blog-4 .servic .col-md-4 {
      width: 50%; }
    .blog-4 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .blog-4 .blog .col-md-4 {
      width: 33.33333%; }
    .blog-4 .button_see {
      margin-top: 10px; }
    .blog-4 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .blog-4 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .blog-4 .button_rea {
      height: 38px;
      margin-top: 0; }
    .blog-4 .footer .full-container .footer2 .copy {
      text-align: center; }
    .blog-4 .footer .full-container .footer2 .goto {
      text-align: center; }
    .blog-4 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .blog-4 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .blog-4 .feedback .slide_main .test p {
      font-size: 36px; }
    .blog-4 .feedback .information .lazy h3 {
      font-size: 20px; }
    .blog-4 * h1 {
      font-size: 36px !important; }
    .blog-4 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .blog-4 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .blog-4 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .blog-4 .feedback .feeb {
      font-size: 100px; }
    .blog-4 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .blog-4 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .blog-4 .who_we_are .who_are p {
      font-size: 14px; }
    .blog-4 .careate .carea .cust h1 {
      font-size: 36px; }
    .blog-4 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .blog-4 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .blog-4 .feedback .slide_main .test p {
      font-size: 36px; }
    .blog-4 .feedback .information .lazy h3 {
      font-size: 16px; }
    .blog-4 .cuter .counter {
      padding: 50px 0 0 0; }
    .blog-4 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .blog-4 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .blog-4 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .blog-4 .porfolio {
      padding: 50px 0px; }
    .blog-4 .button-proje {
      width: 210px; }
    .blog-4 .video .row_video .video1 > p {
      font-size: 24px; }
    .blog-4 .blog .col-md-12 h1 {
      font-size: 36px; }
    .blog-4 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .blog-4 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .footer #googlemap1 {
      height: 400px; }
    .blog-4 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-4 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .blog-4 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .blog-4 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .blog-4 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .blog-4 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .blog-4 .side .navbar .list-group-item button {
      top: 0; }
    .blog-4 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .blog-4 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .blog-4 .base {
      margin-left: 0 !important; }
    .blog-4 .baseright {
      margin-left: 0 !important; }
    .blog-4 .sile1 {
      top: 60%; }
    .blog-4 .affixx {
      background: #333 !important; }
    .blog-4 .affixx {
      padding-top: 20px !important; }
    .blog-4 .feedback .feeb {
      font-size: 70px; }
    .blog-4 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .blog-4 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .blog-4 .who_we_are .who_are h1 {
      font-size: 24px; }
    .blog-4 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .blog-4 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .blog-4 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .blog-4 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .blog-4 .servic .col-md-12 p {
      font-size: 24px; }
    .blog-4 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .blog-4 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .blog-4 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .blog-4 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .blog-4 .button_see {
      margin-top: 0; }
    .blog-4 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .blog-4 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .blog-4 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .blog-4 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-4 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-4 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-4 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blog-4 .feedback .slide_main .test p {
      font-size: 24px; }
    .blog-4 .feedback .information .lazy h3 {
      font-size: 14px; }
    .blog-4 * h1 {
      font-size: 24px !important; }
    .blog-4 .affixx {
      position: inherit !important; }
    .blog-4 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .blog-4 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .blog-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .blog-4 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .blog-4 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .blog-4 .modal .modal-dialog .modal-content {
      padding: 0; }
    .blog-4 .img_porfolio .col-md-4 {
      width: 100%; }
    .blog-4 .feedback .feeb {
      letter-spacing: 6px; }
    .blog-4 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .blog-4 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .blog-4 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .blog-4 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .blog-4 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .blog-4 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .blog-4 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .blog-4 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .blog-4 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .blog-4 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .blog-4 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .blog-4 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .blog-4 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .blog-4 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .blog-4 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-4 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-4 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-4 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blog-4 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .blog-4 .servic .identity {
      padding-top: 20px; }
    .blog-4 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .blog-4 .porfolio .nav_main {
      float: left; }
    .blog-4 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .blog-4 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .blog-4 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .blog-4 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .blog-4 .who_we_are .weare {
      padding-left: 50px; }
    .blog-4 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .blog-4 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .blog-4 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .blog-4 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .blog-4 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .blog-4 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .blog-4 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .blog-4 .video-skills .skills {
      padding: 0 15px; }
    .blog-4 .contacts .contact p {
      font-size: 24px; }
    .blog-4 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .blog-4 .about .about-we h1 {
      font-size: 40px; }
    .blog-4 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .blog-4 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .blog-4 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .blog-4 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .blog-4 .cooperate .logo-brand img {
      width: 100%; }
    .blog-4 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-4 .cooperate {
      padding-top: 50px; }
    .blog-4 .talk-to .row {
      padding: 50px 0; }
    .blog-4 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .blog-4 .sile1 .we_are {
      padding-right: 0; }
    .blog-4 .about {
      top: 0;
      padding: 30px 0; }
    .blog-4 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blog-4 .about .about-we {
      padding-left: 30px; }
    .blog-4 .about .corem-ipsum {
      padding-right: 30px; }
      .blog-4 .about .corem-ipsum p {
        line-height: 150%; }
    .blog-4 .contacts .contact {
      text-align: center; }
    .blog-4 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .blog-4 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .blog-4 .video-skills .video {
      padding-left: 15px; }
    .blog-4 .video-skills {
      padding-bottom: 50px; }
    .blog-4 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .blog-4 .contacts .contact p .circle img {
      width: 8%; }
    .blog-4 .contacts .contact p {
      font-size: 20px; }
    .blog-4 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .blog-4 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .blog-4 .about .corem-ipsum {
      padding-left: 30px; }
    .blog-4 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .blog-4 .cooperate .logo-brand {
      text-align: center; }
    .blog-4 .cooperate .logo-brand img {
      width: initial; }
    .blog-4 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .blog-4 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .blog-4 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .blog-4 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .blog-4 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blog-4 .button1 .vuong {
      background: transparent !important; }
    .blog-4 .button1 span {
      background: #fff !important; }
    .blog-4 .phone_top .pull-right i {
      color: #fff !important; }
    .blog-4 .sile1 {
      width: 65%; }
    .blog-4 .about .corem-ipsum p {
      font-size: 14px; }
    .blog-4 .case-center .case-studies p {
      font-size: 14px; }
    .blog-4 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .slick-dots {
      bottom: -50px !important; }
    .blog-4 .cooperate {
      padding-top: 50px; }
    .blog-4 .who_we_are .weare {
      padding-bottom: 0; }
    .blog-4 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blog-4 .button-contact button {
      height: 40px; }
    .blog-4 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .blog-4 .cooperate .logo-brand img {
      width: 100%; }
    .blog-4 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .blog-4 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .blog-4 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .talk-to .input-contact input {
      font-size: 14px; }
    .blog-4 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-4 .servic .col-md-4 {
      padding-left: 30px; }
    .blog-4 .button1 .vuong {
      background: transparent !important; }
    .blog-4 .button1 span {
      background: #fff !important; }
    .blog-4 .phone_top .pull-right i {
      color: #fff !important; }
    .blog-4 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .blog-4 .sile1 {
      width: 95%;
      left: 5%; }
    .blog-4 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .blog-4 .cooperate .logo-brand img {
      width: initial; }
    .blog-4 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .blog-4 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .blog-4 .cases .read-mode {
      width: 100%; }
    .blog-4 .row_top {
      width: 100%; }
    .blog-4 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .blog-4 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .blog-4 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .blog-4 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .blog-4 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .blog-4 .contacts .contact p {
      font-size: 24px; }
    .blog-4 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .blog-4 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .blog-4 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .blog-4 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .blog-4 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .blog-4 .testimonials-img img {
      width: 100%; }
    .blog-4 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .blog-4 .cooperate {
      padding-top: 50px; }
    .blog-4 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .blog-4 .contacts .contact {
      text-align: center; }
    .blog-4 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .blog-4 .testimonials {
      padding-bottom: 50px; }
    .blog-4 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .blog-4 .contacts .contact p .circle img {
      width: 8%; }
    .blog-4 .contacts .contact p {
      font-size: 20px; }
    .blog-4 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .blog-4 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .blog-4 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .blog-4 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .blog-4 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .blog-4 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .blog-4 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .blog-4 .gallery .col-md-4 {
      width: 100%; }
    .blog-4 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .blog-4 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .blog-4 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .blog-4 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .blog-4 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .blog-4 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-4 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blog-4 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blog-4 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blog-4 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blog-4 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-4 .affixx {
      padding-top: 15px !important; }
    .blog-4 .pull-right {
      padding-top: 5px; }
    .blog-4 .layer {
      padding-top: 0px; }
    .blog-4 .pull-right {
      padding: 5px 0; }
    .blog-4 .page-404 {
      padding-top: 50px 15px; }
    .blog-4 .affixx .sidenav {
      padding-right: 15px; }
    .blog-4 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .blog-4 .careate img {
      width: 100%; }
    .blog-4 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .blog-4 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .blog-4 .layer {
      padding-top: 62px; }
    .blog-4 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .blog-4 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .blog-4 .container_header {
      top: 75%; }
    .blog-4 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .blog-4 .container_header .breadcrumb .active {
      width: auto; }
    .blog-4 .blog .pagination li .prev {
      width: 80px; }
    .blog-4 .container_header h1 {
      padding-bottom: 0; } }
  @media screen and (max-width: 1200px) {
    .blog-4 .sidenav-blog .blog .name_img .blog_name {
      padding-left: 15px; }
      .blog-4 .sidenav-blog .blog .name_img .blog_name h5 {
        padding-bottom: 0; }
      .blog-4 .sidenav-blog .blog .name_img .blog_name p {
        padding-top: 10px; }
    .blog-4 .button_rea {
      margin-top: 0; }
    .blog-4 .sidenav-blog .sidenav .about h4 span {
      width: 60%; }
    .blog-4 .sidenav-blog .sidenav .follow h4 span {
      width: 60%; }
    .blog-4 .sidenav-blog .sidenav .categories h4 span {
      width: 55%; }
    .blog-4 .sidenav-blog .sidenav .popularp-post h4 span {
      width: 45%; }
    .blog-4 .sidenav-blog .sidenav .archive h4 span {
      width: 65%; }
    .blog-4 .sidenav-blog .sidenav .tags-cloud h4 span {
      width: 50%; }
    .blog-4 .sidenav-blog .sidenav .tags-cloud .btn1 {
      margin: 5px 0; }
    .blog-4 .sidenav-blog .sidenav .newletter h4 span {
      width: 60%; } }
  @media screen and (max-width: 991px) {
    .blog-4 .fiter {
      visibility: visible; }
    .blog-4 .sidenav-blog .sidenav {
      height: 100%;
      width: 317px;
      position: fixed;
      z-index: 10000;
      opacity: 0;
      top: 0;
      left: -317px;
      background-color: #fff;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px; }
    .blog-4 .sidenav-blog .sidenav {
      padding-left: 15px;
      border-right: 1px solid #f2f2f2; }
    .blog-4 .sidenav-blog .sidenav .close .closebtn {
      visibility: visible; } }
  @media screen and (max-width: 568px) {
    .blog-4 .sidenav-blog {
      padding-top: 0; }
      .blog-4 .sidenav-blog .blog .name_img {
        padding: 30px 0; }
        .blog-4 .sidenav-blog .blog .name_img .blog_img {
          width: 100%;
          padding: 0 15px; }
        .blog-4 .sidenav-blog .blog .name_img .blog_name {
          width: 100%;
          padding: 20px 15px; }
          .blog-4 .sidenav-blog .blog .name_img .blog_name a {
            font-size: 18px; }
          .blog-4 .sidenav-blog .blog .name_img .blog_name p {
            font-size: 14px;
            line-height: 150%; }
    .blog-4 .sidenav-blog .blog .pagination li .prev {
      width: 80px; }
    .blog-4 .sidenav-blog .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; } }
  @media screen and (max-width: 1024px) {
    .blog-4 .sidenav-blog {
      padding: 0; } }

.blogdetai-1 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .blogdetai-1 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .blogdetai-1 * {
    box-sizing: border-box; }
  .blogdetai-1 .sidenav a:hover {
    color: #b6aeae; }
  .blogdetai-1 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .blogdetai-1 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .blogdetai-1 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .blogdetai-1 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blogdetai-1 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .blogdetai-1 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .blogdetai-1 .button_rea:hover {
      opacity: 0.7; }
    .blogdetai-1 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .blogdetai-1 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blogdetai-1 .layer {
    position: relative; }
    .blogdetai-1 .layer img {
      width: 100%; }
  .blogdetai-1 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .blogdetai-1 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .blogdetai-1 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .blogdetai-1 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .blogdetai-1 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .blogdetai-1 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .blogdetai-1 .affixx .sidenav .navbar .nav {
          float: right; }
          .blogdetai-1 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .blogdetai-1 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .blogdetai-1 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .blogdetai-1 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .blogdetai-1 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .blogdetai-1 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .blogdetai-1 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .blogdetai-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .blogdetai-1 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .blogdetai-1 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .blogdetai-1 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .blogdetai-1 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .blogdetai-1 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .blogdetai-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .blogdetai-1 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .blogdetai-1 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .blogdetai-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .blogdetai-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .blogdetai-1 .header-mobi {
    display: none; }
    .blogdetai-1 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .blogdetai-1 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .blogdetai-1 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .blogdetai-1 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .blogdetai-1 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .blogdetai-1 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .blogdetai-1 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .blogdetai-1 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .blogdetai-1 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .blogdetai-1 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .blogdetai-1 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .blogdetai-1 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .blogdetai-1 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .blogdetai-1 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .blogdetai-1 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .blogdetai-1 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .blogdetai-1 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .blogdetai-1 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-1 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-1 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .blogdetai-1 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .blogdetai-1 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .blogdetai-1 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .blogdetai-1 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .blogdetai-1 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .blogdetai-1 .sidenav a:hover {
    color: #f1f1f1; }
  .blogdetai-1 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .blogdetai-1 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .blogdetai-1 .child2 {
    margin: 5px 0; }
  .blogdetai-1 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .blogdetai-1 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .blogdetai-1 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .blogdetai-1 .container_header .breadcrumb {
      background: transparent; }
      .blogdetai-1 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .blogdetai-1 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .blogdetai-1 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .blogdetai-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .blogdetai-1 .post .what-you {
    padding: 50px 90px; }
    .blogdetai-1 .post .what-you h1 {
      font-size: 35px;
      font-weight: 300;
      line-height: 150%;
      padding-bottom: 40px; }
      .blogdetai-1 .post .what-you h1 span {
        font-weight: 700; }
    .blogdetai-1 .post .what-you p {
      font-size: 16px;
      line-height: 185%;
      color: #909090;
      padding: 0 80px 20px 0px; }
      .blogdetai-1 .post .what-you p span {
        font-weight: 700;
        color: #333; }
  .blogdetai-1 .post .there-is {
    background: #333; }
    .blogdetai-1 .post .there-is .img {
      padding-left: 0;
      padding-right: 0; }
      .blogdetai-1 .post .there-is .img img {
        width: 100%; }
    .blogdetai-1 .post .there-is .imfor {
      padding: 100px; }
      .blogdetai-1 .post .there-is .imfor h1 {
        font-size: 35px;
        font-weight: 300;
        line-height: 150%;
        padding-bottom: 40px;
        color: #fff; }
        .blogdetai-1 .post .there-is .imfor h1 span {
          font-weight: 700; }
      .blogdetai-1 .post .there-is .imfor p {
        font-size: 16px;
        line-height: 185%;
        color: #909090;
        padding-bottom: 20px; }
        .blogdetai-1 .post .there-is .imfor p span {
          font-weight: 700; }
  .blogdetai-1 .post .what-you2 {
    padding: 0 90px;
    padding-top: 100px; }
    .blogdetai-1 .post .what-you2 h4 {
      font-size: 19px;
      font-weight: 300;
      line-height: 150%;
      color: #909090;
      border-left: 2px solid #fc6a55;
      padding: 10px 60px 0px 50px; }
      .blogdetai-1 .post .what-you2 h4 span {
        font-size: 16px;
        line-height: 370%; }
    .blogdetai-1 .post .what-you2 p {
      font-size: 16px;
      line-height: 185%;
      color: #909090;
      padding: 50px 80px 50px 0px; }
      .blogdetai-1 .post .what-you2 p span {
        font-weight: 700;
        color: #333;
        border-bottom: 1px solid #878787; }
  .blogdetai-1 .post .post4 {
    padding: 50px 15px; }
    .blogdetai-1 .post .post4 img {
      width: 100%; }
  .blogdetai-1 .post .post5 {
    padding: 50px 90px; }
    .blogdetai-1 .post .post5 p {
      font-size: 16px;
      line-height: 185%;
      color: #909090;
      padding: 0 40px 20px 40px; }
      .blogdetai-1 .post .post5 p span {
        font-weight: 700;
        color: #333;
        border-bottom: 2px solid #909090; }
  .blogdetai-1 .post .there-is1 {
    background: #333; }
    .blogdetai-1 .post .there-is1 .img {
      padding-left: 0;
      padding-right: 0; }
      .blogdetai-1 .post .there-is1 .img img {
        width: 100%; }
    .blogdetai-1 .post .there-is1 .imfor {
      padding: 100px; }
      .blogdetai-1 .post .there-is1 .imfor h1 {
        font-size: 35px;
        font-weight: 300;
        line-height: 150%;
        padding-bottom: 40px;
        color: #fff; }
        .blogdetai-1 .post .there-is1 .imfor h1 span {
          font-weight: 700; }
      .blogdetai-1 .post .there-is1 .imfor p {
        font-size: 16px;
        line-height: 185%;
        color: #909090;
        padding-bottom: 20px; }
        .blogdetai-1 .post .there-is1 .imfor p span {
          font-weight: 700;
          border-bottom: 2px solid #909090; }
  .blogdetai-1 .post .post6 {
    padding: 100px 90px; }
    .blogdetai-1 .post .post6 h4 {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 20px;
      padding-left: 30px;
      padding-bottom: 10px;
      padding-top: 30px; }
    .blogdetai-1 .post .post6 p {
      font-size: 16px;
      line-height: 195%;
      color: #909090;
      padding: 0 35px 20px 30px; }
    .blogdetai-1 .post .post6 .button {
      padding-left: 30px;
      padding-top: 50px; }
      .blogdetai-1 .post .post6 .button .btn {
        height: 40px;
        border-radius: 0;
        padding: 6px 20px;
        outline: 0;
        border: 1px solid #ebebeb;
        background: transparent;
        margin: 5px 3px;
        color: #909090;
        font-size: 12px; }
    .blogdetai-1 .post .post6 .alex {
      padding-left: 30px;
      padding-top: 150px; }
      .blogdetai-1 .post .post6 .alex .boder {
        border: 1px solid #f2f2f2;
        float: left; }
        .blogdetai-1 .post .post6 .alex .boder .img {
          width: 18%;
          float: left;
          text-align: center;
          padding: 80px 0; }
        .blogdetai-1 .post .post6 .alex .boder .text {
          width: 82%;
          float: right;
          padding-top: 30px; }
          .blogdetai-1 .post .post6 .alex .boder .text p {
            padding: 0 35px 20px 0px; }
          .blogdetai-1 .post .post6 .alex .boder .text h4 {
            padding-left: 0; }
  .blogdetai-1 .blog {
    background: #f2f2f2;
    padding: 150px 0; }
    .blogdetai-1 .blog .col-md-12 h1 {
      font-weight: 400;
      font-size: 30px;
      font-family: roboto condensed;
      padding-top: 10px;
      padding-bottom: 60px;
      text-align: center; }
    .blogdetai-1 .blog .col-md-4 .blog_img {
      position: relative;
      overflow: hidden; }
      .blogdetai-1 .blog .col-md-4 .blog_img:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .blogdetai-1 .blog .col-md-4 .blog_img img {
        width: 100%;
        transition: all .3s; }
    .blogdetai-1 .blog .col-md-4 .blog_name {
      padding-top: 15px; }
      .blogdetai-1 .blog .col-md-4 .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 30px;
        line-height: 185%; }
      .blogdetai-1 .blog .col-md-4 .blog_name h5 {
        color: #909090;
        padding-bottom: 13px; }
      .blogdetai-1 .blog .col-md-4 .blog_name span {
        color: #fc6a53; }
      .blogdetai-1 .blog .col-md-4 .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
  .blogdetai-1 .comments .padd {
    padding: 100px; }
  .blogdetai-1 .comments .tent h3 {
    font-size: 30px;
    font-family: roboto condensed;
    text-align: center; }
  .blogdetai-1 .comments .alex {
    padding: 50px 0;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 30px; }
    .blogdetai-1 .comments .alex .boder {
      float: left; }
      .blogdetai-1 .comments .alex .boder .img {
        width: 15%;
        float: left;
        text-align: center;
        padding: 40px 0; }
      .blogdetai-1 .comments .alex .boder .text {
        width: 85%;
        float: right;
        padding-top: 30px; }
        .blogdetai-1 .comments .alex .boder .text p {
          font-size: 16px;
          line-height: 195%;
          color: #909090;
          padding: 0 15px 0px 0px; }
        .blogdetai-1 .comments .alex .boder .text .text1 {
          width: 65%;
          float: left; }
          .blogdetai-1 .comments .alex .boder .text .text1 h4 {
            font-weight: 700;
            font-family: roboto condensed;
            font-size: 20px; }
          .blogdetai-1 .comments .alex .boder .text .text1 span {
            font-weight: 300;
            color: #909090; }
        .blogdetai-1 .comments .alex .boder .text .button {
          width: 35%;
          text-align: right;
          float: right;
          padding-bottom: 12px; }
          .blogdetai-1 .comments .alex .boder .text .button .btn {
            height: 40px;
            border-radius: 0;
            padding: 6px 20px;
            outline: 0;
            border: 1px solid #ebebeb;
            background: transparent;
            margin: 5px 3px;
            color: #333;
            font-size: 12px; }
  .blogdetai-1 .comments .no-border {
    border: none; }
  .blogdetai-1 .write-comments {
    background: #f2f2f2f2; }
    .blogdetai-1 .write-comments .row {
      padding: 150px; }
    .blogdetai-1 .write-comments .our-core {
      text-align: center; }
      .blogdetai-1 .write-comments .our-core h1 {
        font-weight: 400;
        font-size: 30px;
        font-family: roboto condensed;
        padding-bottom: 70px; }
    .blogdetai-1 .write-comments .input-contact {
      padding: 15px; }
      .blogdetai-1 .write-comments .input-contact input {
        width: 100%;
        height: 60px;
        outline: 0;
        padding-left: 20px;
        font-size: 16px;
        border: none; }
    .blogdetai-1 .write-comments .enter textarea {
      width: 100%;
      height: 200px;
      outline: 0;
      padding: 20px;
      font-size: 16px;
      border: none; }
    .blogdetai-1 .write-comments .button-contact {
      text-align: center; }
  .blogdetai-1 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .blogdetai-1 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .blogdetai-1 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .blogdetai-1 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .blogdetai-1 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .blogdetai-1 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .blogdetai-1 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .blogdetai-1 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .blogdetai-1 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .blogdetai-1 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .blogdetai-1 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .blogdetai-1 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blogdetai-1 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .blogdetai-1 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .blogdetai-1 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .blogdetai-1 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .blogdetai-1 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .blogdetai-1 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blogdetai-1 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .blogdetai-1 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .blogdetai-1 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .blogdetai-1 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .blogdetai-1 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .blogdetai-1 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blogdetai-1 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .blogdetai-1 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .blogdetai-1 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .blogdetai-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .blogdetai-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .blogdetai-1 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .blogdetai-1 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .blogdetai-1 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .blogdetai-1 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .blogdetai-1 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .blogdetai-1 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .blogdetai-1 .footer .full-container .footer2 {
      padding: 20px 0; }
      .blogdetai-1 .footer .full-container .footer2 .copy {
        color: #909090; }
      .blogdetai-1 .footer .full-container .footer2 .goto {
        text-align: right; }
        .blogdetai-1 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1360px) {
    .blogdetai-1 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .blogdetai-1 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .blogdetai-1 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .blogdetai-1 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .blogdetai-1 .who_we_are .weare {
      padding-left: 100px; }
    .blogdetai-1 .sile1 .we_are {
      padding-right: 30px; }
    .blogdetai-1 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-1 .sile1 .we_are h1 {
      font-size: 50px; }
    .blogdetai-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blogdetai-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blogdetai-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blogdetai-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blogdetai-1 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .blogdetai-1 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .blogdetai-1 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-1 .team {
      padding: 50px 0; }
    .blogdetai-1 .unlimited {
      padding-bottom: 50px; }
    .blogdetai-1 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .blogdetai-1 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .blogdetai-1 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .blogdetai-1 .servic .development {
      border: none; }
    .blogdetai-1 .servic .appdevelopment {
      border: none; }
    .blogdetai-1 .servic .marketing {
      border: none; }
    .blogdetai-1 .servic .design {
      border: none; }
    .blogdetai-1 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .blogdetai-1 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .blogdetai-1 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .blogdetai-1 .sile1 .we_are {
      padding-right: 10px; }
    .blogdetai-1 .porfolio .blanc {
      padding-right: 0; }
    .blogdetai-1 .porfolio .mock {
      padding-left: 0; }
    .blogdetai-1 .what1 .js-click-product {
      height: 120px; }
    .blogdetai-1 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .blogdetai-1 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .blogdetai-1 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .blogdetai-1 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .blogdetai-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blogdetai-1 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .blogdetai-1 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blogdetai-1 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .blogdetai-1 .pricing-table {
      padding-top: 100px; }
    .blogdetai-1 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .blogdetai-1 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .blogdetai-1 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .blogdetai-1 .sile1 {
      width: 100%; }
    .blogdetai-1 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .blogdetai-1 .servic .creation {
      padding-top: 19px; }
    .blogdetai-1 .servic .design {
      padding: 15px; }
    .blogdetai-1 .servic .appdevelopment {
      padding: 15px; }
    .blogdetai-1 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .blogdetai-1 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .blogdetai-1 .pricing-table {
      padding-top: 50px; }
    .blogdetai-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blogdetai-1 .servic .col-md-12 p {
      font-size: 24px; }
    .blogdetai-1 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blogdetai-1 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .blogdetai-1 .what1 .main-img .slick-slide {
      display: none; }
    .blogdetai-1 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .blogdetai-1 .porfolio .blanc img {
      width: 100%; }
    .blogdetai-1 .sile1 {
      width: 97%; }
    .blogdetai-1 .servic .col-md-4 {
      padding-left: 15px; }
    .blogdetai-1 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .blogdetai-1 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .blogdetai-1 .slick-slider .slick-track {
      width: 250px; }
    .blogdetai-1 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .blogdetai-1 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .blogdetai-1 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .blogdetai-1 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .blogdetai-1 .pull-right {
    cursor: pointer; }
  .blogdetai-1 * {
    outline: none !important; }
  .blogdetai-1 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .blogdetai-1 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .blogdetai-1 .create {
      padding: 117px 30px; }
    .blogdetai-1 .careate .carea .cust {
      padding: 15px 10px; }
    .blogdetai-1 .carea {
      padding: 40px 80px; }
    .blogdetai-1 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .blogdetai-1 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .blogdetai-1 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .blogdetai-1 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .blogdetai-1 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .blogdetai-1 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .blogdetai-1 .affixx .navba {
      padding-left: 5px; }
    .blogdetai-1 .phone_top {
      padding-right: 5px; }
    .blogdetai-1 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .blogdetai-1 .counter1 .col-md-3 {
      padding-left: 8%; }
    .blogdetai-1 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-1 .feedback .feeb {
      font-size: 200px; }
    .blogdetai-1 .affixx .navba {
      padding-left: 15px; }
    .blogdetai-1 .phone_top {
      padding-right: 15px; }
    .blogdetai-1 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .blogdetai-1 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .blogdetai-1 .we_are {
      padding: 0 50px; }
    .blogdetai-1 .careate .carea .cust {
      padding: 10px 10px; }
    .blogdetai-1 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .blogdetai-1 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .blogdetai-1 .cust h1 {
      padding-bottom: 0; }
    .blogdetai-1 .cust p {
      line-height: 150%; }
    .blogdetai-1 .button_see {
      margin-top: 27px; }
    .blogdetai-1 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .blogdetai-1 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .blogdetai-1 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .blogdetai-1 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .blogdetai-1 .footer .full-container {
      padding: 0 15px; }
    .blogdetai-1 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .blogdetai-1 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-1 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-1 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .blogdetai-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blogdetai-1 .contacts .contact {
      padding: 20px 0; }
    .blogdetai-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .blogdetai-1 .feedback .slide_main .test {
      padding-top: 50px; }
    .blogdetai-1 .phone_top {
      padding-top: 0; }
    .blogdetai-1 .phone_top .pull-right {
      padding: 5px; }
    .blogdetai-1 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .blogdetai-1 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .blogdetai-1 .affixx .sidenav .navbar .nav {
      float: none; }
    .blogdetai-1 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .blogdetai-1 .affixx {
      padding-bottom: 10px !important; }
    .blogdetai-1 .counter1 .col-md-3 {
      padding-left: 6%; }
    .blogdetai-1 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .blogdetai-1 .header-lap {
      display: none; }
    .blogdetai-1 .header-mobi {
      display: block; }
    .blogdetai-1 .feedback {
      padding-bottom: 50px; }
    .blogdetai-1 .cust h1 {
      font-size: 30px; }
    .blogdetai-1 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .blogdetai-1 .all-pro span {
      margin-right: 5px; }
    .blogdetai-1 .phone_top span {
      display: none; }
    .blogdetai-1 .phone_top .phonee {
      display: none; }
    .blogdetai-1 .who_we_are {
      padding: 50px 0; }
    .blogdetai-1 .blog {
      padding: 50px 0; }
    .blogdetai-1 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .blogdetai-1 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .blogdetai-1 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .blogdetai-1 .who_we_are .we_01 {
      padding: 0 15px; }
    .blogdetai-1 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .blogdetai-1 .porfolio .col-md-8 {
      padding-left: 0; }
    .blogdetai-1 .feedback .feeb {
      font-size: 130px; }
    .blogdetai-1 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blogdetai-1 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .blogdetai-1 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .blogdetai-1 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blogdetai-1 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .blogdetai-1 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .blogdetai-1 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .blogdetai-1 .links ul {
      -webkit-padding-start: 0px; }
    .blogdetai-1 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .blogdetai-1 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .blogdetai-1 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .blogdetai-1 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .blogdetai-1 .recent_post ul {
      -webkit-padding-start: 0px; }
    .blogdetai-1 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .blogdetai-1 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .blogdetai-1 .servic {
      padding-top: 50px; }
    .blogdetai-1 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .blogdetai-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .blogdetai-1 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .blogdetai-1 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .blogdetai-1 .row_top div p {
      line-height: 170%; }
    .blogdetai-1 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .blogdetai-1 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .blogdetai-1 .slide_main .test {
      padding-top: 100px; }
    .blogdetai-1 .img_porfolio .col-md-4 {
      width: 50%; }
    .blogdetai-1 .servic .col-md-4 {
      width: 50%; }
    .blogdetai-1 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .blogdetai-1 .blog .col-md-4 {
      width: 33.33333%; }
    .blogdetai-1 .button_see {
      margin-top: 10px; }
    .blogdetai-1 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .blogdetai-1 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .blogdetai-1 .button_rea {
      height: 38px;
      margin-top: 0; }
    .blogdetai-1 .footer .full-container .footer2 .copy {
      text-align: center; }
    .blogdetai-1 .footer .full-container .footer2 .goto {
      text-align: center; }
    .blogdetai-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .blogdetai-1 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .blogdetai-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .blogdetai-1 .feedback .information .lazy h3 {
      font-size: 20px; }
    .blogdetai-1 * h1 {
      font-size: 36px !important; }
    .blogdetai-1 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .blogdetai-1 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .blogdetai-1 .feedback .feeb {
      font-size: 100px; }
    .blogdetai-1 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .blogdetai-1 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .blogdetai-1 .who_we_are .who_are p {
      font-size: 14px; }
    .blogdetai-1 .careate .carea .cust h1 {
      font-size: 36px; }
    .blogdetai-1 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .blogdetai-1 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .blogdetai-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .blogdetai-1 .feedback .information .lazy h3 {
      font-size: 16px; }
    .blogdetai-1 .cuter .counter {
      padding: 50px 0 0 0; }
    .blogdetai-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .blogdetai-1 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .blogdetai-1 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .blogdetai-1 .porfolio {
      padding: 50px 0px; }
    .blogdetai-1 .button-proje {
      width: 210px; }
    .blogdetai-1 .video .row_video .video1 > p {
      font-size: 24px; }
    .blogdetai-1 .blog .col-md-12 h1 {
      font-size: 36px; }
    .blogdetai-1 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .blogdetai-1 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .footer #googlemap1 {
      height: 400px; }
    .blogdetai-1 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blogdetai-1 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .blogdetai-1 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .blogdetai-1 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .blogdetai-1 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .blogdetai-1 .side .navbar .list-group-item button {
      top: 0; }
    .blogdetai-1 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .blogdetai-1 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .blogdetai-1 .base {
      margin-left: 0 !important; }
    .blogdetai-1 .baseright {
      margin-left: 0 !important; }
    .blogdetai-1 .sile1 {
      top: 60%; }
    .blogdetai-1 .affixx {
      background: #333 !important; }
    .blogdetai-1 .affixx {
      padding-top: 20px !important; }
    .blogdetai-1 .feedback .feeb {
      font-size: 70px; }
    .blogdetai-1 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .blogdetai-1 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .blogdetai-1 .who_we_are .who_are h1 {
      font-size: 24px; }
    .blogdetai-1 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .blogdetai-1 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .blogdetai-1 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .blogdetai-1 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .blogdetai-1 .servic .col-md-12 p {
      font-size: 24px; }
    .blogdetai-1 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .blogdetai-1 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .blogdetai-1 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .blogdetai-1 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .blogdetai-1 .button_see {
      margin-top: 0; }
    .blogdetai-1 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .blogdetai-1 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .blogdetai-1 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .blogdetai-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blogdetai-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blogdetai-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blogdetai-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blogdetai-1 .feedback .slide_main .test p {
      font-size: 24px; }
    .blogdetai-1 .feedback .information .lazy h3 {
      font-size: 14px; }
    .blogdetai-1 * h1 {
      font-size: 24px !important; }
    .blogdetai-1 .affixx {
      position: inherit !important; }
    .blogdetai-1 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .blogdetai-1 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .blogdetai-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .blogdetai-1 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .blogdetai-1 .modal .modal-dialog .modal-content {
      padding: 0; }
    .blogdetai-1 .img_porfolio .col-md-4 {
      width: 100%; }
    .blogdetai-1 .feedback .feeb {
      letter-spacing: 6px; }
    .blogdetai-1 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .blogdetai-1 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .blogdetai-1 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .blogdetai-1 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .blogdetai-1 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .blogdetai-1 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .blogdetai-1 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .blogdetai-1 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .blogdetai-1 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .blogdetai-1 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .blogdetai-1 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .blogdetai-1 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .blogdetai-1 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .blogdetai-1 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .blogdetai-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blogdetai-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blogdetai-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blogdetai-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blogdetai-1 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .blogdetai-1 .servic .identity {
      padding-top: 20px; }
    .blogdetai-1 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .blogdetai-1 .porfolio .nav_main {
      float: left; }
    .blogdetai-1 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .blogdetai-1 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .blogdetai-1 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .blogdetai-1 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .blogdetai-1 .who_we_are .weare {
      padding-left: 50px; }
    .blogdetai-1 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .blogdetai-1 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .blogdetai-1 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .blogdetai-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .blogdetai-1 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .blogdetai-1 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .blogdetai-1 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .blogdetai-1 .video-skills .skills {
      padding: 0 15px; }
    .blogdetai-1 .contacts .contact p {
      font-size: 24px; }
    .blogdetai-1 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-1 .about .about-we h1 {
      font-size: 40px; }
    .blogdetai-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .blogdetai-1 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .blogdetai-1 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-1 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .blogdetai-1 .cooperate .logo-brand img {
      width: 100%; }
    .blogdetai-1 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blogdetai-1 .cooperate {
      padding-top: 50px; }
    .blogdetai-1 .talk-to .row {
      padding: 50px 0; }
    .blogdetai-1 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .blogdetai-1 .sile1 .we_are {
      padding-right: 0; }
    .blogdetai-1 .about {
      top: 0;
      padding: 30px 0; }
    .blogdetai-1 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blogdetai-1 .about .about-we {
      padding-left: 30px; }
    .blogdetai-1 .about .corem-ipsum {
      padding-right: 30px; }
      .blogdetai-1 .about .corem-ipsum p {
        line-height: 150%; }
    .blogdetai-1 .contacts .contact {
      text-align: center; }
    .blogdetai-1 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .blogdetai-1 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .blogdetai-1 .video-skills .video {
      padding-left: 15px; }
    .blogdetai-1 .video-skills {
      padding-bottom: 50px; }
    .blogdetai-1 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .blogdetai-1 .contacts .contact p .circle img {
      width: 8%; }
    .blogdetai-1 .contacts .contact p {
      font-size: 20px; }
    .blogdetai-1 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .blogdetai-1 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .blogdetai-1 .about .corem-ipsum {
      padding-left: 30px; }
    .blogdetai-1 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .blogdetai-1 .cooperate .logo-brand {
      text-align: center; }
    .blogdetai-1 .cooperate .logo-brand img {
      width: initial; }
    .blogdetai-1 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .blogdetai-1 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .blogdetai-1 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .blogdetai-1 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .blogdetai-1 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blogdetai-1 .button1 .vuong {
      background: transparent !important; }
    .blogdetai-1 .button1 span {
      background: #fff !important; }
    .blogdetai-1 .phone_top .pull-right i {
      color: #fff !important; }
    .blogdetai-1 .sile1 {
      width: 65%; }
    .blogdetai-1 .about .corem-ipsum p {
      font-size: 14px; }
    .blogdetai-1 .case-center .case-studies p {
      font-size: 14px; }
    .blogdetai-1 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .slick-dots {
      bottom: -50px !important; }
    .blogdetai-1 .cooperate {
      padding-top: 50px; }
    .blogdetai-1 .who_we_are .weare {
      padding-bottom: 0; }
    .blogdetai-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blogdetai-1 .button-contact button {
      height: 40px; }
    .blogdetai-1 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .blogdetai-1 .cooperate .logo-brand img {
      width: 100%; }
    .blogdetai-1 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .blogdetai-1 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .blogdetai-1 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .talk-to .input-contact input {
      font-size: 14px; }
    .blogdetai-1 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blogdetai-1 .servic .col-md-4 {
      padding-left: 30px; }
    .blogdetai-1 .button1 .vuong {
      background: transparent !important; }
    .blogdetai-1 .button1 span {
      background: #fff !important; }
    .blogdetai-1 .phone_top .pull-right i {
      color: #fff !important; }
    .blogdetai-1 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .blogdetai-1 .sile1 {
      width: 95%;
      left: 5%; }
    .blogdetai-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .blogdetai-1 .cooperate .logo-brand img {
      width: initial; }
    .blogdetai-1 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .blogdetai-1 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .blogdetai-1 .cases .read-mode {
      width: 100%; }
    .blogdetai-1 .row_top {
      width: 100%; }
    .blogdetai-1 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .blogdetai-1 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .blogdetai-1 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .blogdetai-1 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .blogdetai-1 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .blogdetai-1 .contacts .contact p {
      font-size: 24px; }
    .blogdetai-1 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-1 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .blogdetai-1 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .blogdetai-1 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .blogdetai-1 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-1 .testimonials-img img {
      width: 100%; }
    .blogdetai-1 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .blogdetai-1 .cooperate {
      padding-top: 50px; }
    .blogdetai-1 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .blogdetai-1 .contacts .contact {
      text-align: center; }
    .blogdetai-1 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .blogdetai-1 .testimonials {
      padding-bottom: 50px; }
    .blogdetai-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .blogdetai-1 .contacts .contact p .circle img {
      width: 8%; }
    .blogdetai-1 .contacts .contact p {
      font-size: 20px; }
    .blogdetai-1 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .blogdetai-1 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .blogdetai-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .blogdetai-1 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .blogdetai-1 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .blogdetai-1 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .blogdetai-1 .gallery .col-md-4 {
      width: 100%; }
    .blogdetai-1 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .blogdetai-1 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .blogdetai-1 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .blogdetai-1 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .blogdetai-1 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blogdetai-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blogdetai-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blogdetai-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blogdetai-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blogdetai-1 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-1 .affixx {
      padding-top: 15px !important; }
    .blogdetai-1 .pull-right {
      padding-top: 5px; }
    .blogdetai-1 .layer {
      padding-top: 0px; }
    .blogdetai-1 .pull-right {
      padding: 5px 0; }
    .blogdetai-1 .page-404 {
      padding-top: 50px 15px; }
    .blogdetai-1 .affixx .sidenav {
      padding-right: 15px; }
    .blogdetai-1 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .blogdetai-1 .careate img {
      width: 100%; }
    .blogdetai-1 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .blogdetai-1 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .blogdetai-1 .layer {
      padding-top: 62px; }
    .blogdetai-1 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .blogdetai-1 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .blogdetai-1 .container_header {
      top: 75%; }
    .blogdetai-1 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .blogdetai-1 .container_header .breadcrumb .active {
      width: auto; }
    .blogdetai-1 .blog .pagination li .prev {
      width: 80px; }
    .blogdetai-1 .container_header h1 {
      padding-bottom: 0; } }
  @media (max-width: 1680px) {
    .blogdetai-1 .post .there-is .imfor {
      padding: 50px 30px; }
    .blogdetai-1 .post .there-is1 .imfor {
      padding: 50px 30px; } }
  @media (max-width: 1440px) {
    .blogdetai-1 .post .there-is .imfor {
      padding: 20px 15px; }
    .blogdetai-1 .post .there-is1 .imfor {
      padding: 20px 15px; }
    .blogdetai-1 .post .there-is1 .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .blogdetai-1 .post .there-is1 .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; }
    .blogdetai-1 .post .there-is .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .blogdetai-1 .post .there-is .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; } }
  @media (max-width: 1200px) {
    .blogdetai-1 .post .there-is1 .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .post .there-is1 .imfor h1 {
      font-size: 24px; }
    .blogdetai-1 .post .there-is .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-1 .post .there-is .imfor h1 {
      font-size: 24px; } }
  @media (max-width: 1024px) {
    .blogdetai-1 .post .there-is .imfor {
      padding: 5px 10px; }
    .blogdetai-1 .post .there-is1 .imfor {
      padding: 5px 10px; }
    .blogdetai-1 .post .post6 .alex {
      padding-top: 50px; }
    .blogdetai-1 .post .post1 {
      padding: 50px 15px; } }
  @media (max-width: 991px) {
    .blogdetai-1 .post .there-is .imfor {
      padding: 50px 30px; }
    .blogdetai-1 .post .there-is1 .imfor {
      padding: 50px 30px; }
    .blogdetai-1 .post .there-is1 .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .blogdetai-1 .post .there-is1 .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .blogdetai-1 .post .there-is .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .blogdetai-1 .post .there-is .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .blogdetai-1 .post .post6 .alex .boder .text p {
      font-size: 14px;
      line-height: 160%;
      padding: 0 5px 0 15px; }
    .blogdetai-1 .post .post6 .alex .boder .text h4 {
      padding-left: 15px; }
    .blogdetai-1 .post .what-you {
      padding: 50px 15px; }
    .blogdetai-1 .post .what-you2 {
      padding: 50px 15px; }
    .blogdetai-1 .post .post5 {
      padding: 50px 15px; }
    .blogdetai-1 .post .post6 {
      padding: 50px 15px; }
    .blogdetai-1 .comments .padd {
      padding: 50px 15px; }
    .blogdetai-1 .write-comments .row {
      padding: 50px 15px; }
    .blogdetai-1 .comments .alex {
      float: left; }
    .blogdetai-1 .comments .alex .boder .text p {
      font-size: 14px;
      line-height: 160%; } }
  @media (max-width: 767px) {
    .blogdetai-1 .post .post6 h4 {
      padding-left: 0; }
    .blogdetai-1 .post .post5 p {
      padding: 0 0 20px 0; }
    .blogdetai-1 .post .post6 p {
      padding: 0 0 20px 0; }
    .blogdetai-1 .post .post6 .button {
      padding-left: 0; }
    .blogdetai-1 .post .post6 .alex {
      float: left;
      padding-left: 0; }
    .blogdetai-1 .blog .col-md-4 {
      text-align: left; }
    .blogdetai-1 .post .what-you p {
      padding-right: 0; }
    .blogdetai-1 .post .what-you2 p {
      padding-right: 0; }
    .blogdetai-1 .post .what-you2 h4 {
      padding: 10px 0 0 20px; } }
  @media (max-width: 680px) {
    .blogdetai-1 .comments .alex .boder .text {
      padding-left: 15px; } }
  @media (max-width: 568px) {
    .blogdetai-1 .post .post4 {
      padding: 0 15px; }
    .blogdetai-1 p {
      font-size: 14px !important; }
    .blogdetai-1 .contacts .contact p {
      font-size: 20px !important; }
    .blogdetai-1 * h1 {
      font-size: 24px !important; }
    .blogdetai-1 .comments .alex .boder .img img {
      width: 100%; }
    .blogdetai-1 .post .post6 .alex .boder .img img {
      width: 100%;
      padding-left: 5px; }
    .blogdetai-1 .post .post6 .alex {
      padding-top: 50px; } }
  @media (max-width: 480px) {
    .blogdetai-1 .container_header .breadcrumb .active {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 150px; }
    .blogdetai-1 .container_header .breadcrumb li {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  @media (max-width: 480px) {
    .blogdetai-1 .container_header .breadcrumb .active {
      width: 118px; }
    .blogdetai-1 .write-comments .input-contact {
      width: 100%; } }
  @media (max-width: 360px) {
    .blogdetai-1 .write-comments .input-contact {
      width: 100%; } }

.blogdetai-2 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .blogdetai-2 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .blogdetai-2 * {
    box-sizing: border-box;
    outline: 0 !important; }
  .blogdetai-2 .sidenav a:hover {
    color: #b6aeae; }
  .blogdetai-2 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .blogdetai-2 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .blogdetai-2 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .blogdetai-2 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blogdetai-2 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .blogdetai-2 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .blogdetai-2 .button_rea:hover {
      opacity: 0.7; }
    .blogdetai-2 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .blogdetai-2 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .blogdetai-2 .layer {
    position: relative; }
    .blogdetai-2 .layer img {
      width: 100%; }
  .blogdetai-2 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .blogdetai-2 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .blogdetai-2 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .blogdetai-2 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .blogdetai-2 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .blogdetai-2 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .blogdetai-2 .affixx .sidenav .navbar .nav {
          float: right; }
          .blogdetai-2 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .blogdetai-2 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .blogdetai-2 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .blogdetai-2 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .blogdetai-2 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .blogdetai-2 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .blogdetai-2 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .blogdetai-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .blogdetai-2 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .blogdetai-2 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .blogdetai-2 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .blogdetai-2 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .blogdetai-2 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .blogdetai-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .blogdetai-2 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .blogdetai-2 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .blogdetai-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .blogdetai-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .blogdetai-2 .header-mobi {
    display: none; }
    .blogdetai-2 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .blogdetai-2 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .blogdetai-2 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .blogdetai-2 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .blogdetai-2 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .blogdetai-2 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .blogdetai-2 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .blogdetai-2 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .blogdetai-2 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .blogdetai-2 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .blogdetai-2 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .blogdetai-2 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .blogdetai-2 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .blogdetai-2 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .blogdetai-2 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .blogdetai-2 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .blogdetai-2 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .blogdetai-2 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .blogdetai-2 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .blogdetai-2 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .blogdetai-2 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .blogdetai-2 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .blogdetai-2 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .blogdetai-2 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .blogdetai-2 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .blogdetai-2 .sidenav a:hover {
    color: #f1f1f1; }
  .blogdetai-2 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .blogdetai-2 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .blogdetai-2 .child2 {
    margin: 5px 0; }
  .blogdetai-2 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .blogdetai-2 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .blogdetai-2 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .blogdetai-2 .container_header .breadcrumb {
      background: transparent; }
      .blogdetai-2 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .blogdetai-2 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .blogdetai-2 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .blogdetai-2 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .blogdetai-2 .post .post1 {
    padding: 100px 15px; }
    .blogdetai-2 .post .post1 h1 {
      font-size: 35px;
      padding-right: 30px; }
    .blogdetai-2 .post .post1 p {
      font-size: 16px;
      color: #909090;
      line-height: 185%;
      padding-right: 30px; }
  .blogdetai-2 .post .post2 .col-lg-6 {
    padding: 0; }
  .blogdetai-2 .post .post2 img {
    width: 100%; }
  .blogdetai-2 .post .what-you {
    padding: 50px 90px; }
    .blogdetai-2 .post .what-you h1 {
      font-size: 35px;
      font-weight: 300;
      line-height: 150%;
      padding-bottom: 40px;
      font-weight: 700; }
    .blogdetai-2 .post .what-you img {
      width: 100%; }
    .blogdetai-2 .post .what-you .nua p {
      padding-right: 0; }
    .blogdetai-2 .post .what-you p {
      font-size: 16px;
      line-height: 185%;
      color: #909090;
      padding: 0 0px 30px 0px; }
  .blogdetai-2 .post .post6 {
    padding: 100px 90px; }
    .blogdetai-2 .post .post6 .button {
      padding-left: 30px;
      padding-top: 50px; }
      .blogdetai-2 .post .post6 .button .btn {
        height: 40px;
        border-radius: 0;
        padding: 6px 20px;
        border: 1px solid #ebebeb;
        background: transparent;
        margin: 5px 3px;
        color: #909090;
        font-size: 12px; }
    .blogdetai-2 .post .post6 .alex {
      padding-left: 30px;
      padding-top: 150px;
      float: left; }
      .blogdetai-2 .post .post6 .alex .boder {
        border: 1px solid #f2f2f2;
        float: left; }
        .blogdetai-2 .post .post6 .alex .boder .img {
          width: 18%;
          float: left;
          text-align: center;
          padding: 80px 0; }
        .blogdetai-2 .post .post6 .alex .boder .text {
          width: 82%;
          float: right;
          padding-top: 30px; }
          .blogdetai-2 .post .post6 .alex .boder .text p {
            font-size: 16px;
            line-height: 195%;
            color: #909090;
            padding: 0 35px 20px 0px; }
          .blogdetai-2 .post .post6 .alex .boder .text h4 {
            font-weight: 700;
            font-family: roboto condensed;
            font-size: 20px;
            padding-left: 0px;
            padding-bottom: 10px;
            padding-top: 30px; }
  .blogdetai-2 .blog {
    background: #f2f2f2;
    padding: 150px 0; }
    .blogdetai-2 .blog .col-md-12 h1 {
      font-weight: 400;
      font-size: 30px;
      font-family: roboto condensed;
      padding-top: 10px;
      padding-bottom: 60px;
      text-align: center; }
    .blogdetai-2 .blog .col-md-4 .blog_img {
      position: relative;
      overflow: hidden; }
      .blogdetai-2 .blog .col-md-4 .blog_img:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .blogdetai-2 .blog .col-md-4 .blog_img img {
        width: 100%;
        transition: all .3s; }
    .blogdetai-2 .blog .col-md-4 .blog_name {
      padding-top: 15px; }
      .blogdetai-2 .blog .col-md-4 .blog_name p {
        font-size: 16px;
        color: #909090;
        padding-top: 30px;
        line-height: 185%; }
      .blogdetai-2 .blog .col-md-4 .blog_name h5 {
        color: #909090;
        padding-bottom: 13px; }
      .blogdetai-2 .blog .col-md-4 .blog_name span {
        color: #fc6a53; }
      .blogdetai-2 .blog .col-md-4 .blog_name a {
        color: #333;
        font-size: 20px;
        font-family: roboto condensed;
        font-weight: 700; }
  .blogdetai-2 .comments .padd {
    padding: 100px; }
  .blogdetai-2 .comments .tent h3 {
    font-size: 30px;
    font-family: roboto condensed;
    text-align: center; }
  .blogdetai-2 .comments .alex {
    padding: 50px 0;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 30px; }
    .blogdetai-2 .comments .alex .boder {
      float: left; }
      .blogdetai-2 .comments .alex .boder .img {
        width: 15%;
        float: left;
        text-align: center;
        padding: 40px 0; }
      .blogdetai-2 .comments .alex .boder .text {
        width: 85%;
        float: right;
        padding-top: 30px; }
        .blogdetai-2 .comments .alex .boder .text p {
          font-size: 16px;
          line-height: 195%;
          color: #909090;
          padding: 0 15px 0px 0px; }
        .blogdetai-2 .comments .alex .boder .text .text1 {
          width: 65%;
          float: left; }
          .blogdetai-2 .comments .alex .boder .text .text1 h4 {
            font-weight: 700;
            font-family: roboto condensed;
            font-size: 20px; }
          .blogdetai-2 .comments .alex .boder .text .text1 span {
            font-weight: 300;
            color: #909090; }
        .blogdetai-2 .comments .alex .boder .text .button {
          width: 35%;
          text-align: right;
          float: right;
          padding-bottom: 12px; }
          .blogdetai-2 .comments .alex .boder .text .button .btn {
            height: 40px;
            border-radius: 0;
            padding: 6px 20px;
            outline: 0;
            border: 1px solid #ebebeb;
            background: transparent;
            margin: 5px 3px;
            color: #333;
            font-size: 12px; }
  .blogdetai-2 .comments .no-border {
    border: none; }
  .blogdetai-2 .write-comments {
    background: #f2f2f2f2; }
    .blogdetai-2 .write-comments .row {
      padding: 150px; }
    .blogdetai-2 .write-comments .our-core {
      text-align: center; }
      .blogdetai-2 .write-comments .our-core h1 {
        font-weight: 400;
        font-size: 30px;
        font-family: roboto condensed;
        padding-bottom: 70px; }
    .blogdetai-2 .write-comments .input-contact {
      padding: 15px; }
      .blogdetai-2 .write-comments .input-contact input {
        width: 100%;
        height: 60px;
        outline: 0;
        padding-left: 20px;
        font-size: 16px;
        border: none; }
    .blogdetai-2 .write-comments .enter textarea {
      width: 100%;
      height: 200px;
      outline: 0;
      padding: 20px;
      font-size: 16px;
      border: none; }
    .blogdetai-2 .write-comments .button-contact {
      text-align: center; }
  @media (max-width: 1680px) {
    .blogdetai-2 .post .what-you .nua p {
      font-size: 14px;
      line-height: 160%; }
    .blogdetai-2 .post .what-you .img2 {
      padding: 0; } }
  @media (max-width: 991px) {
    .blogdetai-2 .post .what-you .nua p {
      font-size: 16px;
      line-height: 185%;
      padding-top: 20px; }
    .blogdetai-2 .post .what-you .img2 {
      padding: 0 15px; } }
  .blogdetai-2 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .blogdetai-2 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .blogdetai-2 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .blogdetai-2 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .blogdetai-2 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .blogdetai-2 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .blogdetai-2 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .blogdetai-2 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .blogdetai-2 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .blogdetai-2 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .blogdetai-2 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .blogdetai-2 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blogdetai-2 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .blogdetai-2 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .blogdetai-2 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .blogdetai-2 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .blogdetai-2 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .blogdetai-2 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blogdetai-2 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .blogdetai-2 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .blogdetai-2 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .blogdetai-2 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .blogdetai-2 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .blogdetai-2 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .blogdetai-2 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .blogdetai-2 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .blogdetai-2 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .blogdetai-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .blogdetai-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .blogdetai-2 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .blogdetai-2 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .blogdetai-2 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .blogdetai-2 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .blogdetai-2 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .blogdetai-2 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .blogdetai-2 .footer .full-container .footer2 {
      padding: 20px 0; }
      .blogdetai-2 .footer .full-container .footer2 .copy {
        color: #909090; }
      .blogdetai-2 .footer .full-container .footer2 .goto {
        text-align: right; }
        .blogdetai-2 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1360px) {
    .blogdetai-2 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .blogdetai-2 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .blogdetai-2 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .blogdetai-2 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .blogdetai-2 .who_we_are .weare {
      padding-left: 100px; }
    .blogdetai-2 .sile1 .we_are {
      padding-right: 30px; }
    .blogdetai-2 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-2 .sile1 .we_are h1 {
      font-size: 50px; }
    .blogdetai-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blogdetai-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blogdetai-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blogdetai-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blogdetai-2 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .blogdetai-2 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .blogdetai-2 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-2 .team {
      padding: 50px 0; }
    .blogdetai-2 .unlimited {
      padding-bottom: 50px; }
    .blogdetai-2 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .blogdetai-2 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .blogdetai-2 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .blogdetai-2 .servic .development {
      border: none; }
    .blogdetai-2 .servic .appdevelopment {
      border: none; }
    .blogdetai-2 .servic .marketing {
      border: none; }
    .blogdetai-2 .servic .design {
      border: none; }
    .blogdetai-2 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .blogdetai-2 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .blogdetai-2 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .blogdetai-2 .sile1 .we_are {
      padding-right: 10px; }
    .blogdetai-2 .porfolio .blanc {
      padding-right: 0; }
    .blogdetai-2 .porfolio .mock {
      padding-left: 0; }
    .blogdetai-2 .what1 .js-click-product {
      height: 120px; }
    .blogdetai-2 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .blogdetai-2 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .blogdetai-2 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .blogdetai-2 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .blogdetai-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blogdetai-2 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .blogdetai-2 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .blogdetai-2 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .blogdetai-2 .pricing-table {
      padding-top: 100px; }
    .blogdetai-2 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .blogdetai-2 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .blogdetai-2 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .blogdetai-2 .sile1 {
      width: 100%; }
    .blogdetai-2 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .blogdetai-2 .servic .creation {
      padding-top: 19px; }
    .blogdetai-2 .servic .design {
      padding: 15px; }
    .blogdetai-2 .servic .appdevelopment {
      padding: 15px; }
    .blogdetai-2 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .blogdetai-2 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .blogdetai-2 .pricing-table {
      padding-top: 50px; }
    .blogdetai-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blogdetai-2 .servic .col-md-12 p {
      font-size: 24px; }
    .blogdetai-2 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blogdetai-2 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .blogdetai-2 .what1 .main-img .slick-slide {
      display: none; }
    .blogdetai-2 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .blogdetai-2 .porfolio .blanc img {
      width: 100%; }
    .blogdetai-2 .sile1 {
      width: 97%; }
    .blogdetai-2 .servic .col-md-4 {
      padding-left: 15px; }
    .blogdetai-2 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .blogdetai-2 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .blogdetai-2 .slick-slider .slick-track {
      width: 250px; }
    .blogdetai-2 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .blogdetai-2 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .blogdetai-2 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .blogdetai-2 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .blogdetai-2 .pull-right {
    cursor: pointer; }
  .blogdetai-2 * {
    outline: none !important; }
  .blogdetai-2 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .blogdetai-2 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .blogdetai-2 .create {
      padding: 117px 30px; }
    .blogdetai-2 .careate .carea .cust {
      padding: 15px 10px; }
    .blogdetai-2 .carea {
      padding: 40px 80px; }
    .blogdetai-2 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .blogdetai-2 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .blogdetai-2 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .blogdetai-2 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .blogdetai-2 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .blogdetai-2 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .blogdetai-2 .affixx .navba {
      padding-left: 5px; }
    .blogdetai-2 .phone_top {
      padding-right: 5px; }
    .blogdetai-2 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .blogdetai-2 .counter1 .col-md-3 {
      padding-left: 8%; }
    .blogdetai-2 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-2 .feedback .feeb {
      font-size: 200px; }
    .blogdetai-2 .affixx .navba {
      padding-left: 15px; }
    .blogdetai-2 .phone_top {
      padding-right: 15px; }
    .blogdetai-2 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .blogdetai-2 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .blogdetai-2 .we_are {
      padding: 0 50px; }
    .blogdetai-2 .careate .carea .cust {
      padding: 10px 10px; }
    .blogdetai-2 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .blogdetai-2 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .blogdetai-2 .cust h1 {
      padding-bottom: 0; }
    .blogdetai-2 .cust p {
      line-height: 150%; }
    .blogdetai-2 .button_see {
      margin-top: 27px; }
    .blogdetai-2 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .blogdetai-2 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .blogdetai-2 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .blogdetai-2 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .blogdetai-2 .footer .full-container {
      padding: 0 15px; }
    .blogdetai-2 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .blogdetai-2 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-2 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-2 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .blogdetai-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .blogdetai-2 .contacts .contact {
      padding: 20px 0; }
    .blogdetai-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .blogdetai-2 .feedback .slide_main .test {
      padding-top: 50px; }
    .blogdetai-2 .phone_top {
      padding-top: 0; }
    .blogdetai-2 .phone_top .pull-right {
      padding: 5px; }
    .blogdetai-2 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .blogdetai-2 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .blogdetai-2 .affixx .sidenav .navbar .nav {
      float: none; }
    .blogdetai-2 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .blogdetai-2 .affixx {
      padding-bottom: 10px !important; }
    .blogdetai-2 .counter1 .col-md-3 {
      padding-left: 6%; }
    .blogdetai-2 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .blogdetai-2 .header-lap {
      display: none; }
    .blogdetai-2 .header-mobi {
      display: block; }
    .blogdetai-2 .feedback {
      padding-bottom: 50px; }
    .blogdetai-2 .cust h1 {
      font-size: 30px; }
    .blogdetai-2 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .blogdetai-2 .all-pro span {
      margin-right: 5px; }
    .blogdetai-2 .phone_top span {
      display: none; }
    .blogdetai-2 .phone_top .phonee {
      display: none; }
    .blogdetai-2 .who_we_are {
      padding: 50px 0; }
    .blogdetai-2 .blog {
      padding: 50px 0; }
    .blogdetai-2 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .blogdetai-2 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .blogdetai-2 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .blogdetai-2 .who_we_are .we_01 {
      padding: 0 15px; }
    .blogdetai-2 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .blogdetai-2 .porfolio .col-md-8 {
      padding-left: 0; }
    .blogdetai-2 .feedback .feeb {
      font-size: 130px; }
    .blogdetai-2 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blogdetai-2 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .blogdetai-2 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .blogdetai-2 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .blogdetai-2 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .blogdetai-2 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .blogdetai-2 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .blogdetai-2 .links ul {
      -webkit-padding-start: 0px; }
    .blogdetai-2 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .blogdetai-2 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .blogdetai-2 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .blogdetai-2 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .blogdetai-2 .recent_post ul {
      -webkit-padding-start: 0px; }
    .blogdetai-2 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .blogdetai-2 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .blogdetai-2 .servic {
      padding-top: 50px; }
    .blogdetai-2 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .blogdetai-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .blogdetai-2 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .blogdetai-2 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .blogdetai-2 .row_top div p {
      line-height: 170%; }
    .blogdetai-2 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .blogdetai-2 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .blogdetai-2 .slide_main .test {
      padding-top: 100px; }
    .blogdetai-2 .img_porfolio .col-md-4 {
      width: 50%; }
    .blogdetai-2 .servic .col-md-4 {
      width: 50%; }
    .blogdetai-2 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .blogdetai-2 .blog .col-md-4 {
      width: 33.33333%; }
    .blogdetai-2 .button_see {
      margin-top: 10px; }
    .blogdetai-2 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .blogdetai-2 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .blogdetai-2 .button_rea {
      height: 38px;
      margin-top: 0; }
    .blogdetai-2 .footer .full-container .footer2 .copy {
      text-align: center; }
    .blogdetai-2 .footer .full-container .footer2 .goto {
      text-align: center; }
    .blogdetai-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .blogdetai-2 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .blogdetai-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .blogdetai-2 .feedback .information .lazy h3 {
      font-size: 20px; }
    .blogdetai-2 * h1 {
      font-size: 36px !important; }
    .blogdetai-2 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .blogdetai-2 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .blogdetai-2 .feedback .feeb {
      font-size: 100px; }
    .blogdetai-2 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .blogdetai-2 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .blogdetai-2 .who_we_are .who_are p {
      font-size: 14px; }
    .blogdetai-2 .careate .carea .cust h1 {
      font-size: 36px; }
    .blogdetai-2 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .blogdetai-2 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .blogdetai-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .blogdetai-2 .feedback .information .lazy h3 {
      font-size: 16px; }
    .blogdetai-2 .cuter .counter {
      padding: 50px 0 0 0; }
    .blogdetai-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .blogdetai-2 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .blogdetai-2 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .blogdetai-2 .porfolio {
      padding: 50px 0px; }
    .blogdetai-2 .button-proje {
      width: 210px; }
    .blogdetai-2 .video .row_video .video1 > p {
      font-size: 24px; }
    .blogdetai-2 .blog .col-md-12 h1 {
      font-size: 36px; }
    .blogdetai-2 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .blogdetai-2 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .footer #googlemap1 {
      height: 400px; }
    .blogdetai-2 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blogdetai-2 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .blogdetai-2 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .blogdetai-2 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .blogdetai-2 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .blogdetai-2 .side .navbar .list-group-item button {
      top: 0; }
    .blogdetai-2 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .blogdetai-2 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .blogdetai-2 .base {
      margin-left: 0 !important; }
    .blogdetai-2 .baseright {
      margin-left: 0 !important; }
    .blogdetai-2 .sile1 {
      top: 60%; }
    .blogdetai-2 .affixx {
      background: #333 !important; }
    .blogdetai-2 .affixx {
      padding-top: 20px !important; }
    .blogdetai-2 .feedback .feeb {
      font-size: 70px; }
    .blogdetai-2 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .blogdetai-2 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .blogdetai-2 .who_we_are .who_are h1 {
      font-size: 24px; }
    .blogdetai-2 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .blogdetai-2 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .blogdetai-2 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .blogdetai-2 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .blogdetai-2 .servic .col-md-12 p {
      font-size: 24px; }
    .blogdetai-2 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .blogdetai-2 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .blogdetai-2 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .blogdetai-2 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .blogdetai-2 .button_see {
      margin-top: 0; }
    .blogdetai-2 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .blogdetai-2 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .blogdetai-2 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .blogdetai-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blogdetai-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blogdetai-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blogdetai-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .blogdetai-2 .feedback .slide_main .test p {
      font-size: 24px; }
    .blogdetai-2 .feedback .information .lazy h3 {
      font-size: 14px; }
    .blogdetai-2 * h1 {
      font-size: 24px !important; }
    .blogdetai-2 .affixx {
      position: inherit !important; }
    .blogdetai-2 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .blogdetai-2 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .blogdetai-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .blogdetai-2 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .blogdetai-2 .modal .modal-dialog .modal-content {
      padding: 0; }
    .blogdetai-2 .img_porfolio .col-md-4 {
      width: 100%; }
    .blogdetai-2 .feedback .feeb {
      letter-spacing: 6px; }
    .blogdetai-2 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .blogdetai-2 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .blogdetai-2 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .blogdetai-2 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .blogdetai-2 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .blogdetai-2 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .blogdetai-2 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .blogdetai-2 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .blogdetai-2 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .blogdetai-2 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .blogdetai-2 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .blogdetai-2 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .blogdetai-2 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .blogdetai-2 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .blogdetai-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blogdetai-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blogdetai-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blogdetai-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .blogdetai-2 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .blogdetai-2 .servic .identity {
      padding-top: 20px; }
    .blogdetai-2 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .blogdetai-2 .porfolio .nav_main {
      float: left; }
    .blogdetai-2 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .blogdetai-2 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .blogdetai-2 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .blogdetai-2 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .blogdetai-2 .who_we_are .weare {
      padding-left: 50px; }
    .blogdetai-2 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .blogdetai-2 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .blogdetai-2 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .blogdetai-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .blogdetai-2 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .blogdetai-2 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .blogdetai-2 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .blogdetai-2 .video-skills .skills {
      padding: 0 15px; }
    .blogdetai-2 .contacts .contact p {
      font-size: 24px; }
    .blogdetai-2 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-2 .about .about-we h1 {
      font-size: 40px; }
    .blogdetai-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .blogdetai-2 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .blogdetai-2 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-2 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .blogdetai-2 .cooperate .logo-brand img {
      width: 100%; }
    .blogdetai-2 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blogdetai-2 .cooperate {
      padding-top: 50px; }
    .blogdetai-2 .talk-to .row {
      padding: 50px 0; }
    .blogdetai-2 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .blogdetai-2 .sile1 .we_are {
      padding-right: 0; }
    .blogdetai-2 .about {
      top: 0;
      padding: 30px 0; }
    .blogdetai-2 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .blogdetai-2 .about .about-we {
      padding-left: 30px; }
    .blogdetai-2 .about .corem-ipsum {
      padding-right: 30px; }
      .blogdetai-2 .about .corem-ipsum p {
        line-height: 150%; }
    .blogdetai-2 .contacts .contact {
      text-align: center; }
    .blogdetai-2 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .blogdetai-2 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .blogdetai-2 .video-skills .video {
      padding-left: 15px; }
    .blogdetai-2 .video-skills {
      padding-bottom: 50px; }
    .blogdetai-2 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .blogdetai-2 .contacts .contact p .circle img {
      width: 8%; }
    .blogdetai-2 .contacts .contact p {
      font-size: 20px; }
    .blogdetai-2 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .blogdetai-2 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .blogdetai-2 .about .corem-ipsum {
      padding-left: 30px; }
    .blogdetai-2 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .blogdetai-2 .cooperate .logo-brand {
      text-align: center; }
    .blogdetai-2 .cooperate .logo-brand img {
      width: initial; }
    .blogdetai-2 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .blogdetai-2 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .blogdetai-2 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .blogdetai-2 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .blogdetai-2 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blogdetai-2 .button1 .vuong {
      background: transparent !important; }
    .blogdetai-2 .button1 span {
      background: #fff !important; }
    .blogdetai-2 .phone_top .pull-right i {
      color: #fff !important; }
    .blogdetai-2 .sile1 {
      width: 65%; }
    .blogdetai-2 .about .corem-ipsum p {
      font-size: 14px; }
    .blogdetai-2 .case-center .case-studies p {
      font-size: 14px; }
    .blogdetai-2 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .slick-dots {
      bottom: -50px !important; }
    .blogdetai-2 .cooperate {
      padding-top: 50px; }
    .blogdetai-2 .who_we_are .weare {
      padding-bottom: 0; }
    .blogdetai-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .blogdetai-2 .button-contact button {
      height: 40px; }
    .blogdetai-2 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .blogdetai-2 .cooperate .logo-brand img {
      width: 100%; }
    .blogdetai-2 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .blogdetai-2 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .blogdetai-2 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .talk-to .input-contact input {
      font-size: 14px; }
    .blogdetai-2 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blogdetai-2 .servic .col-md-4 {
      padding-left: 30px; }
    .blogdetai-2 .button1 .vuong {
      background: transparent !important; }
    .blogdetai-2 .button1 span {
      background: #fff !important; }
    .blogdetai-2 .phone_top .pull-right i {
      color: #fff !important; }
    .blogdetai-2 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .blogdetai-2 .sile1 {
      width: 95%;
      left: 5%; }
    .blogdetai-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .blogdetai-2 .cooperate .logo-brand img {
      width: initial; }
    .blogdetai-2 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .blogdetai-2 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .blogdetai-2 .cases .read-mode {
      width: 100%; }
    .blogdetai-2 .row_top {
      width: 100%; }
    .blogdetai-2 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .blogdetai-2 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .blogdetai-2 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .blogdetai-2 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .blogdetai-2 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .blogdetai-2 .contacts .contact p {
      font-size: 24px; }
    .blogdetai-2 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-2 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .blogdetai-2 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .blogdetai-2 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .blogdetai-2 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-2 .testimonials-img img {
      width: 100%; }
    .blogdetai-2 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .blogdetai-2 .cooperate {
      padding-top: 50px; }
    .blogdetai-2 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .blogdetai-2 .contacts .contact {
      text-align: center; }
    .blogdetai-2 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .blogdetai-2 .testimonials {
      padding-bottom: 50px; }
    .blogdetai-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .blogdetai-2 .contacts .contact p .circle img {
      width: 8%; }
    .blogdetai-2 .contacts .contact p {
      font-size: 20px; }
    .blogdetai-2 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .blogdetai-2 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .blogdetai-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .blogdetai-2 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .blogdetai-2 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .blogdetai-2 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .blogdetai-2 .gallery .col-md-4 {
      width: 100%; }
    .blogdetai-2 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .blogdetai-2 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .blogdetai-2 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .blogdetai-2 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .blogdetai-2 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .blogdetai-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blogdetai-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .blogdetai-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .blogdetai-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .blogdetai-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .blogdetai-2 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .blogdetai-2 .affixx {
      padding-top: 15px !important; }
    .blogdetai-2 .pull-right {
      padding-top: 5px; }
    .blogdetai-2 .layer {
      padding-top: 0px; }
    .blogdetai-2 .pull-right {
      padding: 5px 0; }
    .blogdetai-2 .page-404 {
      padding-top: 50px 15px; }
    .blogdetai-2 .affixx .sidenav {
      padding-right: 15px; }
    .blogdetai-2 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .blogdetai-2 .careate img {
      width: 100%; }
    .blogdetai-2 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .blogdetai-2 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .blogdetai-2 .layer {
      padding-top: 62px; }
    .blogdetai-2 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .blogdetai-2 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .blogdetai-2 .container_header {
      top: 75%; }
    .blogdetai-2 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .blogdetai-2 .container_header .breadcrumb .active {
      width: auto; }
    .blogdetai-2 .blog .pagination li .prev {
      width: 80px; }
    .blogdetai-2 .container_header h1 {
      padding-bottom: 0; } }
  @media (max-width: 1680px) {
    .blogdetai-2 .post .there-is .imfor {
      padding: 50px 30px; }
    .blogdetai-2 .post .there-is1 .imfor {
      padding: 50px 30px; } }
  @media (max-width: 1440px) {
    .blogdetai-2 .post .there-is .imfor {
      padding: 20px 15px; }
    .blogdetai-2 .post .there-is1 .imfor {
      padding: 20px 15px; }
    .blogdetai-2 .post .there-is1 .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .blogdetai-2 .post .there-is1 .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; }
    .blogdetai-2 .post .there-is .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .blogdetai-2 .post .there-is .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; } }
  @media (max-width: 1200px) {
    .blogdetai-2 .post .there-is1 .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .post .there-is1 .imfor h1 {
      font-size: 24px; }
    .blogdetai-2 .post .there-is .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .blogdetai-2 .post .there-is .imfor h1 {
      font-size: 24px; } }
  @media (max-width: 1024px) {
    .blogdetai-2 .post .there-is .imfor {
      padding: 5px 10px; }
    .blogdetai-2 .post .there-is1 .imfor {
      padding: 5px 10px; }
    .blogdetai-2 .post .post6 .alex {
      padding-top: 50px; }
    .blogdetai-2 .post .post1 {
      padding: 50px 15px; } }
  @media (max-width: 991px) {
    .blogdetai-2 .post .there-is .imfor {
      padding: 50px 30px; }
    .blogdetai-2 .post .there-is1 .imfor {
      padding: 50px 30px; }
    .blogdetai-2 .post .there-is1 .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .blogdetai-2 .post .there-is1 .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .blogdetai-2 .post .there-is .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .blogdetai-2 .post .there-is .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .blogdetai-2 .post .post6 .alex .boder .text p {
      font-size: 14px;
      line-height: 160%;
      padding: 0 5px 0 15px; }
    .blogdetai-2 .post .post6 .alex .boder .text h4 {
      padding-left: 15px; }
    .blogdetai-2 .post .what-you {
      padding: 50px 15px; }
    .blogdetai-2 .post .what-you2 {
      padding: 50px 15px; }
    .blogdetai-2 .post .post5 {
      padding: 50px 15px; }
    .blogdetai-2 .post .post6 {
      padding: 50px 15px; }
    .blogdetai-2 .comments .padd {
      padding: 50px 15px; }
    .blogdetai-2 .write-comments .row {
      padding: 50px 15px; }
    .blogdetai-2 .comments .alex {
      float: left; }
    .blogdetai-2 .comments .alex .boder .text p {
      font-size: 14px;
      line-height: 160%; } }
  @media (max-width: 767px) {
    .blogdetai-2 .post .post6 h4 {
      padding-left: 0; }
    .blogdetai-2 .post .post5 p {
      padding: 0 0 20px 0; }
    .blogdetai-2 .post .post6 p {
      padding: 0 0 20px 0; }
    .blogdetai-2 .post .post6 .button {
      padding-left: 0; }
    .blogdetai-2 .post .post6 .alex {
      float: left;
      padding-left: 0; }
    .blogdetai-2 .blog .col-md-4 {
      text-align: left; }
    .blogdetai-2 .post .what-you p {
      padding-right: 0; }
    .blogdetai-2 .post .what-you2 p {
      padding-right: 0; }
    .blogdetai-2 .post .what-you2 h4 {
      padding: 10px 0 0 20px; } }
  @media (max-width: 680px) {
    .blogdetai-2 .comments .alex .boder .text {
      padding-left: 15px; } }
  @media (max-width: 568px) {
    .blogdetai-2 .post .post4 {
      padding: 0 15px; }
    .blogdetai-2 p {
      font-size: 14px !important; }
    .blogdetai-2 .contacts .contact p {
      font-size: 20px !important; }
    .blogdetai-2 * h1 {
      font-size: 24px !important; }
    .blogdetai-2 .comments .alex .boder .img img {
      width: 100%; }
    .blogdetai-2 .post .post6 .alex .boder .img img {
      width: 100%;
      padding-left: 5px; }
    .blogdetai-2 .post .post6 .alex {
      padding-top: 50px; } }
  @media (max-width: 480px) {
    .blogdetai-2 .container_header .breadcrumb .active {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 150px; }
    .blogdetai-2 .container_header .breadcrumb li {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  @media (max-width: 480px) {
    .blogdetai-2 .container_header .breadcrumb .active {
      width: 118px; }
    .blogdetai-2 .write-comments .input-contact {
      width: 100%; } }
  @media (max-width: 360px) {
    .blogdetai-2 .write-comments .input-contact {
      width: 100%; } }

.contact-1 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .contact-1 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .contact-1 * {
    box-sizing: border-box;
    outline: 0 !important; }
  .contact-1 .sidenav a:hover {
    color: #b6aeae; }
  .contact-1 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .contact-1 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      display: inline-block;
      position: relative; }
    .contact-1 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .contact-1 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .contact-1 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 20px; }
  .contact-1 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .contact-1 .button_rea:hover {
      opacity: 0.7; }
    .contact-1 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .contact-1 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .contact-1 .layer {
    position: relative; }
    .contact-1 .layer img {
      width: 100%; }
  .contact-1 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .contact-1 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .contact-1 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .contact-1 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .contact-1 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .contact-1 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .contact-1 .affixx .sidenav .navbar .nav {
          float: right; }
          .contact-1 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .contact-1 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .contact-1 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .contact-1 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .contact-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .contact-1 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .contact-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .contact-1 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .contact-1 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .contact-1 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .contact-1 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .contact-1 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .contact-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .contact-1 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .contact-1 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .contact-1 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .contact-1 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .contact-1 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .contact-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .contact-1 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .contact-1 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .contact-1 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .contact-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .contact-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .contact-1 .header-mobi {
    display: none; }
    .contact-1 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .contact-1 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .contact-1 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .contact-1 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .contact-1 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .contact-1 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .contact-1 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .contact-1 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .contact-1 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .contact-1 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .contact-1 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .contact-1 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .contact-1 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .contact-1 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .contact-1 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .contact-1 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .contact-1 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .contact-1 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .contact-1 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-1 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-1 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-1 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-1 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-1 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-1 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-1 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-1 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-1 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-1 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .contact-1 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-1 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-1 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .contact-1 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .contact-1 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .contact-1 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .contact-1 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .contact-1 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .contact-1 .sidenav a:hover {
    color: #f1f1f1; }
  .contact-1 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .contact-1 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .contact-1 .child2 {
    margin: 5px 0; }
  .contact-1 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .contact-1 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .contact-1 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .contact-1 .container_header .breadcrumb {
      background: transparent; }
      .contact-1 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .contact-1 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .contact-1 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .contact-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .contact-1 .our {
    padding: 100px 15px;
    text-align: center; }
    .contact-1 .our .address {
      background-image: url(../img/our-address.png);
      height: 66px;
      width: 56px;
      display: inline-block; }
    .contact-1 .our .email {
      background-image: url(../img/our-email.png);
      height: 63px;
      width: 70px;
      display: inline-block; }
    .contact-1 .our .phone {
      background-image: url(../img/our-phone.png);
      height: 59px;
      width: 48px;
      display: inline-block; }
    .contact-1 .our h4 {
      font-size: 20px;
      font-weight: 700;
      font-family: roboto condensed;
      padding: 20px 0; }
    .contact-1 .our p {
      font-size: 16px;
      color: #909090; }
  .contact-1 #googlemap1 {
    width: 100%;
    height: 800px; }
  .contact-1 .talk-to {
    border-bottom: 1px solid #f2f2f2; }
    .contact-1 .talk-to .row {
      padding: 150px; }
    .contact-1 .talk-to .our-core {
      text-align: center; }
      .contact-1 .talk-to .our-core h5 {
        font-weight: 700;
        color: #909090;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .contact-1 .talk-to .our-core h1 {
        font-weight: 700;
        font-size: 50px;
        font-family: roboto condensed;
        color: #333; }
      .contact-1 .talk-to .our-core p {
        font-size: 16px;
        color: #909090;
        line-height: 185%;
        padding-bottom: 50px;
        padding-left: 14%;
        padding-right: 14%; }
    .contact-1 .talk-to .input-contact {
      padding: 15px; }
      .contact-1 .talk-to .input-contact input {
        width: 100%;
        height: 60px;
        outline: 0;
        padding-left: 20px;
        font-size: 16px;
        border: 1px solid #f2f2f2; }
    .contact-1 .talk-to .button-contact {
      text-align: center;
      padding-top: 50px; }
      .contact-1 .talk-to .button-contact button {
        width: 36%;
        height: 60px;
        text-align: left;
        padding-left: 10px;
        background: #fc6a55;
        border: none;
        font-family: roboto condensed;
        font-weight: 700;
        color: #fff;
        padding-right: 20px;
        font-size: 14px;
        outline: 0;
        transition: all .2s;
        position: relative; }
        .contact-1 .talk-to .button-contact button span {
          background-image: url(../img/line.png);
          height: 1px;
          width: 20px;
          float: right;
          margin-top: 10px;
          display: inline-block;
          position: relative; }
        .contact-1 .talk-to .button-contact button:hover {
          background: #f45740;
          color: #f2f2f2; }
        .contact-1 .talk-to .button-contact button:hover .xoay {
          transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          position: relative; }
  .contact-1 .over {
    text-align: center;
    padding-top: 100px; }
    .contact-1 .over h1 {
      font-size: 50px;
      font-weight: 700;
      font-family: roboto condensed;
      padding: 0px 0 40px; }
    .contact-1 .over h5 {
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px;
      color: #909090; }
    .contact-1 .over p {
      font-size: 16px;
      color: #909090;
      line-height: 185%;
      padding-bottom: 100px; }
  @media (max-width: 1680px) {
    .contact-1 .over img {
      width: 100%; } }
  @media (max-width: 1024px) {
    .contact-1 br {
      display: none; } }
  @media (max-width: 768px) {
    .contact-1 .talk-to .button-contact button {
      width: 250px; }
    .contact-1 #googlemap1 {
      height: 400px; } }
  @media (max-width: 568px) {
    .contact-1 .our {
      padding: 50px 15px; }
      .contact-1 .our .col-md-4 {
        width: 100%;
        padding: 30px 15px; }
    .contact-1 .over {
      padding-top: 50px; } }
  .contact-1 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .contact-1 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .contact-1 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .contact-1 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .contact-1 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .contact-1 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .contact-1 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .contact-1 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .contact-1 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .contact-1 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .contact-1 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .contact-1 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .contact-1 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .contact-1 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .contact-1 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .contact-1 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .contact-1 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .contact-1 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .contact-1 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .contact-1 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .contact-1 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .contact-1 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .contact-1 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .contact-1 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .contact-1 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .contact-1 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .contact-1 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .contact-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .contact-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .contact-1 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .contact-1 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .contact-1 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .contact-1 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          padding-right: 20px;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .contact-1 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .contact-1 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-top: 10px; }
    .contact-1 .footer .full-container .footer2 {
      padding: 20px 0; }
      .contact-1 .footer .full-container .footer2 .copy {
        color: #909090; }
      .contact-1 .footer .full-container .footer2 .goto {
        text-align: right; }
        .contact-1 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media (max-width: 1024px) {
    .contact-1 .our {
      padding: 50px 15px; } }
  @media screen and (max-width: 1360px) {
    .contact-1 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .contact-1 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .contact-1 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .contact-1 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .contact-1 .who_we_are .weare {
      padding-left: 100px; }
    .contact-1 .sile1 .we_are {
      padding-right: 30px; }
    .contact-1 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .contact-1 .sile1 .we_are h1 {
      font-size: 50px; }
    .contact-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .contact-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .contact-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .contact-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .contact-1 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .contact-1 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .contact-1 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .contact-1 .team {
      padding: 50px 0; }
    .contact-1 .unlimited {
      padding-bottom: 50px; }
    .contact-1 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .contact-1 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .contact-1 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .contact-1 .servic .development {
      border: none; }
    .contact-1 .servic .appdevelopment {
      border: none; }
    .contact-1 .servic .marketing {
      border: none; }
    .contact-1 .servic .design {
      border: none; }
    .contact-1 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .contact-1 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .contact-1 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .contact-1 .sile1 .we_are {
      padding-right: 10px; }
    .contact-1 .porfolio .blanc {
      padding-right: 0; }
    .contact-1 .porfolio .mock {
      padding-left: 0; }
    .contact-1 .what1 .js-click-product {
      height: 120px; }
    .contact-1 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .contact-1 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .contact-1 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .contact-1 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .contact-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .contact-1 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .contact-1 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .contact-1 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .contact-1 .pricing-table {
      padding-top: 100px; }
    .contact-1 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .contact-1 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .contact-1 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .contact-1 .sile1 {
      width: 100%; }
    .contact-1 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .contact-1 .servic .creation {
      padding-top: 19px; }
    .contact-1 .servic .design {
      padding: 15px; }
    .contact-1 .servic .appdevelopment {
      padding: 15px; }
    .contact-1 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .contact-1 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .contact-1 .pricing-table {
      padding-top: 50px; }
    .contact-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .contact-1 .servic .col-md-12 p {
      font-size: 24px; }
    .contact-1 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .contact-1 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .contact-1 .what1 .main-img .slick-slide {
      display: none; }
    .contact-1 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .contact-1 .porfolio .blanc img {
      width: 100%; }
    .contact-1 .sile1 {
      width: 97%; }
    .contact-1 .servic .col-md-4 {
      padding-left: 15px; }
    .contact-1 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .contact-1 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .contact-1 .slick-slider .slick-track {
      width: 250px; }
    .contact-1 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .contact-1 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .contact-1 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .contact-1 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .contact-1 .pull-right {
    cursor: pointer; }
  .contact-1 * {
    outline: none !important; }
  .contact-1 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .contact-1 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .contact-1 .create {
      padding: 117px 30px; }
    .contact-1 .careate .carea .cust {
      padding: 15px 10px; }
    .contact-1 .carea {
      padding: 40px 80px; }
    .contact-1 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .contact-1 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .contact-1 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .contact-1 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .contact-1 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .contact-1 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .contact-1 .affixx .navba {
      padding-left: 5px; }
    .contact-1 .phone_top {
      padding-right: 5px; }
    .contact-1 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .contact-1 .counter1 .col-md-3 {
      padding-left: 8%; }
    .contact-1 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .contact-1 .feedback .feeb {
      font-size: 200px; }
    .contact-1 .affixx .navba {
      padding-left: 15px; }
    .contact-1 .phone_top {
      padding-right: 15px; }
    .contact-1 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .contact-1 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .contact-1 .we_are {
      padding: 0 50px; }
    .contact-1 .careate .carea .cust {
      padding: 10px 10px; }
    .contact-1 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .contact-1 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .contact-1 .cust h1 {
      padding-bottom: 0; }
    .contact-1 .cust p {
      line-height: 150%; }
    .contact-1 .button_see {
      margin-top: 27px; }
    .contact-1 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .contact-1 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .contact-1 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .contact-1 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .contact-1 .footer .full-container {
      padding: 0 15px; }
    .contact-1 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .contact-1 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .contact-1 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .contact-1 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .contact-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .contact-1 .contacts .contact {
      padding: 20px 0; }
    .contact-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .contact-1 .feedback .slide_main .test {
      padding-top: 50px; }
    .contact-1 .phone_top {
      padding-top: 0; }
    .contact-1 .phone_top .pull-right {
      padding: 5px; }
    .contact-1 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .contact-1 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .contact-1 .affixx .sidenav .navbar .nav {
      float: none; }
    .contact-1 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .contact-1 .affixx {
      padding-bottom: 10px !important; }
    .contact-1 .counter1 .col-md-3 {
      padding-left: 6%; }
    .contact-1 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .contact-1 .header-lap {
      display: none; }
    .contact-1 .header-mobi {
      display: block; }
    .contact-1 .feedback {
      padding-bottom: 50px; }
    .contact-1 .cust h1 {
      font-size: 30px; }
    .contact-1 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .contact-1 .all-pro span {
      margin-right: 5px; }
    .contact-1 .phone_top span {
      display: none; }
    .contact-1 .phone_top .phonee {
      display: none; }
    .contact-1 .who_we_are {
      padding: 50px 0; }
    .contact-1 .blog {
      padding: 50px 0; }
    .contact-1 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .contact-1 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .contact-1 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .contact-1 .who_we_are .we_01 {
      padding: 0 15px; }
    .contact-1 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .contact-1 .porfolio .col-md-8 {
      padding-left: 0; }
    .contact-1 .feedback .feeb {
      font-size: 130px; }
    .contact-1 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .contact-1 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .contact-1 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .contact-1 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .contact-1 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .contact-1 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .contact-1 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .contact-1 .links ul {
      -webkit-padding-start: 0px; }
    .contact-1 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .contact-1 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .contact-1 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .contact-1 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .contact-1 .recent_post ul {
      -webkit-padding-start: 0px; }
    .contact-1 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .contact-1 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .contact-1 .servic {
      padding-top: 50px; }
    .contact-1 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .contact-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .contact-1 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .contact-1 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .contact-1 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .contact-1 .row_top div p {
      line-height: 170%; }
    .contact-1 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .contact-1 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .contact-1 .slide_main .test {
      padding-top: 100px; }
    .contact-1 .img_porfolio .col-md-4 {
      width: 50%; }
    .contact-1 .servic .col-md-4 {
      width: 50%; }
    .contact-1 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .contact-1 .blog .col-md-4 {
      width: 33.33333%; }
    .contact-1 .button_see {
      margin-top: 10px; }
    .contact-1 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .contact-1 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .contact-1 .button_rea {
      height: 38px;
      margin-top: 0; }
    .contact-1 .footer .full-container .footer2 .copy {
      text-align: center; }
    .contact-1 .footer .full-container .footer2 .goto {
      text-align: center; }
    .contact-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .contact-1 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .contact-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .contact-1 .feedback .information .lazy h3 {
      font-size: 20px; }
    .contact-1 * h1 {
      font-size: 36px !important; }
    .contact-1 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .contact-1 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .contact-1 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .contact-1 .feedback .feeb {
      font-size: 100px; }
    .contact-1 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .contact-1 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .contact-1 .who_we_are .who_are p {
      font-size: 14px; }
    .contact-1 .careate .carea .cust h1 {
      font-size: 36px; }
    .contact-1 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .contact-1 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .contact-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .contact-1 .feedback .information .lazy h3 {
      font-size: 16px; }
    .contact-1 .cuter .counter {
      padding: 50px 0 0 0; }
    .contact-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .contact-1 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .contact-1 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .contact-1 .porfolio {
      padding: 50px 0px; }
    .contact-1 .button-proje {
      width: 210px; }
    .contact-1 .video .row_video .video1 > p {
      font-size: 24px; }
    .contact-1 .blog .col-md-12 h1 {
      font-size: 36px; }
    .contact-1 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .contact-1 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .footer #googlemap1 {
      height: 400px; }
    .contact-1 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .contact-1 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .contact-1 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .contact-1 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .contact-1 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .contact-1 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .contact-1 .side .navbar .list-group-item button {
      top: 0; }
    .contact-1 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .contact-1 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .contact-1 .base {
      margin-left: 0 !important; }
    .contact-1 .baseright {
      margin-left: 0 !important; }
    .contact-1 .sile1 {
      top: 60%; }
    .contact-1 .affixx {
      background: #333 !important; }
    .contact-1 .affixx {
      padding-top: 20px !important; }
    .contact-1 .feedback .feeb {
      font-size: 70px; }
    .contact-1 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .contact-1 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .contact-1 .who_we_are .who_are h1 {
      font-size: 24px; }
    .contact-1 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .contact-1 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .contact-1 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .contact-1 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .contact-1 .servic .col-md-12 p {
      font-size: 24px; }
    .contact-1 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .contact-1 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .contact-1 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .contact-1 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .contact-1 .button_see {
      margin-top: 0; }
    .contact-1 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .contact-1 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .contact-1 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .contact-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .contact-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .contact-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .contact-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .contact-1 .feedback .slide_main .test p {
      font-size: 24px; }
    .contact-1 .feedback .information .lazy h3 {
      font-size: 14px; }
    .contact-1 * h1 {
      font-size: 24px !important; }
    .contact-1 .affixx {
      position: inherit !important; }
    .contact-1 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .contact-1 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .contact-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .contact-1 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .contact-1 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .contact-1 .modal .modal-dialog .modal-content {
      padding: 0; }
    .contact-1 .img_porfolio .col-md-4 {
      width: 100%; }
    .contact-1 .feedback .feeb {
      letter-spacing: 6px; }
    .contact-1 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .contact-1 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .contact-1 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .contact-1 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .contact-1 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .contact-1 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .contact-1 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .contact-1 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .contact-1 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .contact-1 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .contact-1 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .contact-1 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .contact-1 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .contact-1 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .contact-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .contact-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .contact-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .contact-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .contact-1 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .contact-1 .servic .identity {
      padding-top: 20px; }
    .contact-1 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .contact-1 .porfolio .nav_main {
      float: left; }
    .contact-1 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .contact-1 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .contact-1 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .contact-1 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .contact-1 .who_we_are .weare {
      padding-left: 50px; }
    .contact-1 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .contact-1 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .contact-1 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .contact-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .contact-1 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .contact-1 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .contact-1 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .contact-1 .video-skills .skills {
      padding: 0 15px; }
    .contact-1 .contacts .contact p {
      font-size: 24px; }
    .contact-1 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .contact-1 .about .about-we h1 {
      font-size: 40px; }
    .contact-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .contact-1 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .contact-1 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .contact-1 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .contact-1 .cooperate .logo-brand img {
      width: 100%; }
    .contact-1 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .contact-1 .cooperate {
      padding-top: 50px; }
    .contact-1 .talk-to .row {
      padding: 50px 0; }
    .contact-1 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .contact-1 .sile1 .we_are {
      padding-right: 0; }
    .contact-1 .about {
      top: 0;
      padding: 30px 0; }
    .contact-1 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .contact-1 .about .about-we {
      padding-left: 30px; }
    .contact-1 .about .corem-ipsum {
      padding-right: 30px; }
      .contact-1 .about .corem-ipsum p {
        line-height: 150%; }
    .contact-1 .contacts .contact {
      text-align: center; }
    .contact-1 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .contact-1 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .contact-1 .video-skills .video {
      padding-left: 15px; }
    .contact-1 .video-skills {
      padding-bottom: 50px; }
    .contact-1 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .contact-1 .contacts .contact p .circle img {
      width: 8%; }
    .contact-1 .contacts .contact p {
      font-size: 20px; }
    .contact-1 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .contact-1 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .contact-1 .about .corem-ipsum {
      padding-left: 30px; }
    .contact-1 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .contact-1 .cooperate .logo-brand {
      text-align: center; }
    .contact-1 .cooperate .logo-brand img {
      width: initial; }
    .contact-1 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .contact-1 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .contact-1 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .contact-1 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .contact-1 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .contact-1 .button1 .vuong {
      background: transparent !important; }
    .contact-1 .button1 span {
      background: #fff !important; }
    .contact-1 .phone_top .pull-right i {
      color: #fff !important; }
    .contact-1 .sile1 {
      width: 65%; }
    .contact-1 .about .corem-ipsum p {
      font-size: 14px; }
    .contact-1 .case-center .case-studies p {
      font-size: 14px; }
    .contact-1 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .slick-dots {
      bottom: -50px !important; }
    .contact-1 .cooperate {
      padding-top: 50px; }
    .contact-1 .who_we_are .weare {
      padding-bottom: 0; }
    .contact-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .contact-1 .button-contact button {
      height: 40px; }
    .contact-1 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .contact-1 .cooperate .logo-brand img {
      width: 100%; }
    .contact-1 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .contact-1 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .contact-1 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .talk-to .input-contact input {
      font-size: 14px; }
    .contact-1 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .contact-1 .servic .col-md-4 {
      padding-left: 30px; }
    .contact-1 .button1 .vuong {
      background: transparent !important; }
    .contact-1 .button1 span {
      background: #fff !important; }
    .contact-1 .phone_top .pull-right i {
      color: #fff !important; }
    .contact-1 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .contact-1 .sile1 {
      width: 95%;
      left: 5%; }
    .contact-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .contact-1 .cooperate .logo-brand img {
      width: initial; }
    .contact-1 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .contact-1 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .contact-1 .cases .read-mode {
      width: 100%; }
    .contact-1 .row_top {
      width: 100%; }
    .contact-1 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .contact-1 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .contact-1 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .contact-1 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .contact-1 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .contact-1 .contacts .contact p {
      font-size: 24px; }
    .contact-1 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .contact-1 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .contact-1 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .contact-1 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .contact-1 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .contact-1 .testimonials-img img {
      width: 100%; }
    .contact-1 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .contact-1 .cooperate {
      padding-top: 50px; }
    .contact-1 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .contact-1 .contacts .contact {
      text-align: center; }
    .contact-1 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .contact-1 .testimonials {
      padding-bottom: 50px; }
    .contact-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .contact-1 .contacts .contact p .circle img {
      width: 8%; }
    .contact-1 .contacts .contact p {
      font-size: 20px; }
    .contact-1 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .contact-1 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .contact-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .contact-1 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .contact-1 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .contact-1 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .contact-1 .gallery .col-md-4 {
      width: 100%; }
    .contact-1 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .contact-1 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .contact-1 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .contact-1 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .contact-1 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .contact-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .contact-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .contact-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .contact-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .contact-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .contact-1 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .contact-1 .affixx {
      padding-top: 15px !important; }
    .contact-1 .pull-right {
      padding-top: 5px; }
    .contact-1 .layer {
      padding-top: 0px; }
    .contact-1 .pull-right {
      padding: 5px 0; }
    .contact-1 .page-404 {
      padding-top: 50px 15px; }
    .contact-1 .affixx .sidenav {
      padding-right: 15px; }
    .contact-1 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .contact-1 .careate img {
      width: 100%; }
    .contact-1 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .contact-1 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .contact-1 .layer {
      padding-top: 62px; }
    .contact-1 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .contact-1 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .contact-1 .container_header {
      top: 75%; }
    .contact-1 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .contact-1 .container_header .breadcrumb .active {
      width: auto; }
    .contact-1 .blog .pagination li .prev {
      width: 80px; }
    .contact-1 .container_header h1 {
      padding-bottom: 0; } }
  @media (max-width: 1680px) {
    .contact-1 .post .there-is .imfor {
      padding: 50px 30px; }
    .contact-1 .post .there-is1 .imfor {
      padding: 50px 30px; } }
  @media (max-width: 1440px) {
    .contact-1 .post .there-is .imfor {
      padding: 20px 15px; }
    .contact-1 .post .there-is1 .imfor {
      padding: 20px 15px; }
    .contact-1 .post .there-is1 .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .contact-1 .post .there-is1 .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; }
    .contact-1 .post .there-is .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .contact-1 .post .there-is .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; } }
  @media (max-width: 1200px) {
    .contact-1 .post .there-is1 .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .post .there-is1 .imfor h1 {
      font-size: 24px; }
    .contact-1 .post .there-is .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .contact-1 .post .there-is .imfor h1 {
      font-size: 24px; } }
  @media (max-width: 1024px) {
    .contact-1 .post .there-is .imfor {
      padding: 5px 10px; }
    .contact-1 .post .there-is1 .imfor {
      padding: 5px 10px; }
    .contact-1 .post .post6 .alex {
      padding-top: 50px; }
    .contact-1 .post .post1 {
      padding: 50px 15px; } }
  @media (max-width: 991px) {
    .contact-1 .post .there-is .imfor {
      padding: 50px 30px; }
    .contact-1 .post .there-is1 .imfor {
      padding: 50px 30px; }
    .contact-1 .post .there-is1 .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .contact-1 .post .there-is1 .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .contact-1 .post .there-is .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .contact-1 .post .there-is .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .contact-1 .post .post6 .alex .boder .text p {
      font-size: 14px;
      line-height: 160%;
      padding: 0 5px 0 15px; }
    .contact-1 .post .post6 .alex .boder .text h4 {
      padding-left: 15px; }
    .contact-1 .post .what-you {
      padding: 50px 15px; }
    .contact-1 .post .what-you2 {
      padding: 50px 15px; }
    .contact-1 .post .post5 {
      padding: 50px 15px; }
    .contact-1 .post .post6 {
      padding: 50px 15px; }
    .contact-1 .comments .padd {
      padding: 50px 15px; }
    .contact-1 .write-comments .row {
      padding: 50px 15px; }
    .contact-1 .comments .alex {
      float: left; }
    .contact-1 .comments .alex .boder .text p {
      font-size: 14px;
      line-height: 160%; } }
  @media (max-width: 767px) {
    .contact-1 .post .post6 h4 {
      padding-left: 0; }
    .contact-1 .post .post5 p {
      padding: 0 0 20px 0; }
    .contact-1 .post .post6 p {
      padding: 0 0 20px 0; }
    .contact-1 .post .post6 .button {
      padding-left: 0; }
    .contact-1 .post .post6 .alex {
      float: left;
      padding-left: 0; }
    .contact-1 .blog .col-md-4 {
      text-align: left; }
    .contact-1 .post .what-you p {
      padding-right: 0; }
    .contact-1 .post .what-you2 p {
      padding-right: 0; }
    .contact-1 .post .what-you2 h4 {
      padding: 10px 0 0 20px; } }
  @media (max-width: 680px) {
    .contact-1 .comments .alex .boder .text {
      padding-left: 15px; } }
  @media (max-width: 568px) {
    .contact-1 .post .post4 {
      padding: 0 15px; }
    .contact-1 p {
      font-size: 14px !important; }
    .contact-1 .contacts .contact p {
      font-size: 20px !important; }
    .contact-1 * h1 {
      font-size: 24px !important; }
    .contact-1 .comments .alex .boder .img img {
      width: 100%; }
    .contact-1 .post .post6 .alex .boder .img img {
      width: 100%;
      padding-left: 5px; }
    .contact-1 .post .post6 .alex {
      padding-top: 50px; } }
  @media (max-width: 480px) {
    .contact-1 .container_header .breadcrumb .active {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 150px; }
    .contact-1 .container_header .breadcrumb li {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  @media (max-width: 480px) {
    .contact-1 .container_header .breadcrumb .active {
      width: 118px; }
    .contact-1 .write-comments .input-contact {
      width: 100%; } }
  @media (max-width: 360px) {
    .contact-1 .write-comments .input-contact {
      width: 100%; } }

.contact-2 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*mai lam nor risponsive*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .contact-2 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .contact-2 * {
    box-sizing: border-box;
    outline: 0; }
  .contact-2 .sidenav a:hover {
    color: #b6aeae; }
  .contact-2 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .contact-2 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .contact-2 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .contact-2 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .contact-2 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 20px; }
  .contact-2 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .contact-2 .button_rea:hover {
      opacity: 0.7; }
    .contact-2 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .contact-2 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .contact-2 .layer {
    position: relative; }
    .contact-2 .layer img {
      width: 100%; }
  .contact-2 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .contact-2 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .contact-2 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .contact-2 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .contact-2 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .contact-2 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .contact-2 .affixx .sidenav .navbar .nav {
          float: right; }
          .contact-2 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .contact-2 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .contact-2 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .contact-2 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .contact-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .contact-2 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .contact-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .contact-2 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .contact-2 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .contact-2 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .contact-2 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .contact-2 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .contact-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .contact-2 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .contact-2 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .contact-2 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .contact-2 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .contact-2 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .contact-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .contact-2 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .contact-2 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .contact-2 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .contact-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .contact-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .contact-2 .header-mobi {
    display: none; }
    .contact-2 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .contact-2 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .contact-2 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .contact-2 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .contact-2 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .contact-2 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .contact-2 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .contact-2 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .contact-2 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .contact-2 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .contact-2 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .contact-2 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .contact-2 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .contact-2 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .contact-2 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .contact-2 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .contact-2 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .contact-2 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .contact-2 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-2 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-2 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-2 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-2 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-2 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-2 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-2 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-2 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .contact-2 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .contact-2 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .contact-2 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .contact-2 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .contact-2 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .contact-2 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .contact-2 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .contact-2 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .contact-2 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .contact-2 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .contact-2 .sidenav a:hover {
    color: #f1f1f1; }
  .contact-2 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .contact-2 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .contact-2 .child2 {
    margin: 5px 0; }
  .contact-2 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .contact-2 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .contact-2 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .contact-2 .container_header .breadcrumb {
      background: transparent; }
      .contact-2 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .contact-2 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .contact-2 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .contact-2 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .contact-2 .our {
    padding: 100px 15px;
    text-align: center; }
    .contact-2 .our .border-tron {
      border: 1px solid #f2f2f2;
      padding: 60px 15px; }
      .contact-2 .our .border-tron .lce {
        background-image: url(../img/lce.png);
        height: 29px;
        width: 49px;
        display: inline-block; }
      .contact-2 .our .border-tron .fran {
        background-image: url(../img/fran.png);
        height: 29px;
        width: 49px;
        display: inline-block; }
      .contact-2 .our .border-tron .swit {
        background-image: url(../img/swit.png);
        height: 29px;
        width: 49px;
        display: inline-block; }
      .contact-2 .our .border-tron h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: roboto condensed;
        padding: 20px 0; }
      .contact-2 .our .border-tron p {
        font-size: 16px;
        color: #909090;
        padding-bottom: 30px; }
      .contact-2 .our .border-tron .ice-p {
        font-weight: 700;
        font-size: 18px;
        font-family: roboto condensed;
        line-height: 185%; }
        .contact-2 .our .border-tron .ice-p span {
          color: #909090;
          font-family: roboto;
          font-weight: 400;
          font-size: 16px; }
      .contact-2 .our .border-tron .ice-e {
        font-weight: 700;
        font-size: 18px;
        font-family: roboto condensed; }
        .contact-2 .our .border-tron .ice-e span {
          color: #fc6955;
          font-family: roboto;
          font-weight: 400;
          font-size: 16px; }
  .contact-2 #googlemap1 {
    width: 100%;
    height: 800px; }
  .contact-2 .talk-to {
    border-bottom: 1px solid #f2f2f2;
    background: #333; }
    .contact-2 .talk-to .img {
      padding: 0; }
      .contact-2 .talk-to .img img {
        width: 100%; }
    .contact-2 .talk-to .our-core {
      text-align: center;
      padding-top: 100px; }
      .contact-2 .talk-to .our-core h5 {
        font-weight: 700;
        color: #909090;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .contact-2 .talk-to .our-core h1 {
        font-weight: 700;
        font-size: 50px;
        font-family: roboto condensed;
        color: #fff; }
      .contact-2 .talk-to .our-core p {
        font-size: 16px;
        color: #909090;
        line-height: 185%;
        padding-bottom: 50px;
        padding-left: 14%;
        padding-right: 14%; }
    .contact-2 .talk-to .input-contact {
      padding: 15px; }
      .contact-2 .talk-to .input-contact input {
        width: 100%;
        height: 60px;
        outline: 0;
        padding-left: 20px;
        font-size: 16px;
        border: 1px solid #f2f2f2; }
    .contact-2 .talk-to .button-contact {
      text-align: center;
      padding-top: 50px; }
      .contact-2 .talk-to .button-contact button {
        width: 36%;
        height: 60px;
        text-align: left;
        padding-left: 10px;
        background: #fc6a55;
        border: none;
        font-family: roboto condensed;
        font-weight: 700;
        color: #fff;
        padding-right: 20px;
        font-size: 14px;
        outline: 0;
        transition: all .2s;
        position: relative; }
        .contact-2 .talk-to .button-contact button span {
          background-image: url(../img/line.png);
          height: 1px;
          width: 20px;
          float: right;
          margin-top: 10px;
          margin-right: 20px;
          display: inline-block;
          position: relative; }
        .contact-2 .talk-to .button-contact button:hover {
          background: #f45740;
          color: #f2f2f2; }
        .contact-2 .talk-to .button-contact button:hover .xoay {
          transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          position: relative; }
  .contact-2 .over {
    text-align: center;
    padding: 100px 200px 50px 200px; }
    .contact-2 .over h1 {
      font-size: 50px;
      font-weight: 700;
      font-family: roboto condensed;
      padding: 0px 0 40px; }
    .contact-2 .over h5 {
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px;
      color: #909090; }
    .contact-2 .over p {
      font-size: 16px;
      color: #909090;
      line-height: 185%;
      padding-bottom: 30px; }
    .contact-2 .over .button_seer {
      padding-left: 20px;
      margin-top: 40px;
      width: 270px;
      height: 60px;
      background: #fc6a55;
      border: none;
      text-align: left;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      position: relative;
      font-family: roboto condensed; }
      .contact-2 .over .button_seer span {
        background-image: url(../img/line.png);
        height: 1px;
        width: 20px;
        float: right;
        margin-top: 10px;
        margin-right: 21px;
        display: inline-block;
        position: relative; }
      .contact-2 .over .button_seer:hover {
        background: #f45740;
        color: #f2f2f2; }
      .contact-2 .over .button_seer:hover .xoay {
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        position: relative; }
      .contact-2 .over .button_seer .xoay {
        transition: all 0.4s ease 0s;
        position: absolute !important;
        right: 6px; }
  @media (max-width: 1680px) {
    .contact-2 .over img {
      width: 100%; } }
  @media (max-width: 1360px) {
    .contact-2 .talk-to .row {
      padding: 0 !important; }
    .contact-2 .talk-to .our-core {
      padding-top: 30px; }
    .contact-2 .talk-to .our-core p {
      padding-bottom: 20px; } }
  @media (max-width: 1024px) {
    .contact-2 .over {
      padding: 15px; }
    .contact-2 .talk-to .button-contact {
      padding-bottom: 10px; } }
  @media (max-width: 768px) {
    .contact-2 .talk-to .button-contact button {
      width: 250px; }
    .contact-2 #googlemap1 {
      height: 400px; } }
  @media (max-width: 568px) {
    .contact-2 .our {
      padding: 50px 15px; }
      .contact-2 .our .col-md-4 {
        width: 100%;
        padding: 30px 15px; }
    .contact-2 .over {
      padding-top: 50px; } }
  .contact-2 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .contact-2 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .contact-2 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .contact-2 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .contact-2 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .contact-2 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .contact-2 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .contact-2 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .contact-2 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .contact-2 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .contact-2 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .contact-2 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .contact-2 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .contact-2 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .contact-2 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .contact-2 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .contact-2 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .contact-2 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .contact-2 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .contact-2 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .contact-2 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .contact-2 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .contact-2 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .contact-2 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .contact-2 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .contact-2 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .contact-2 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .contact-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .contact-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .contact-2 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .contact-2 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .contact-2 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .contact-2 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          padding-right: 20px;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .contact-2 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .contact-2 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .contact-2 .footer .full-container .footer2 {
      padding: 20px 0; }
      .contact-2 .footer .full-container .footer2 .copy {
        color: #909090; }
      .contact-2 .footer .full-container .footer2 .goto {
        text-align: right; }
        .contact-2 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1360px) {
    .contact-2 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .contact-2 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .contact-2 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .contact-2 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .contact-2 .who_we_are .weare {
      padding-left: 100px; }
    .contact-2 .sile1 .we_are {
      padding-right: 30px; }
    .contact-2 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .contact-2 .sile1 .we_are h1 {
      font-size: 50px; }
    .contact-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .contact-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .contact-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .contact-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .contact-2 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .contact-2 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .contact-2 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .contact-2 .team {
      padding: 50px 0; }
    .contact-2 .unlimited {
      padding-bottom: 50px; }
    .contact-2 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .contact-2 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .contact-2 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .contact-2 .servic .development {
      border: none; }
    .contact-2 .servic .appdevelopment {
      border: none; }
    .contact-2 .servic .marketing {
      border: none; }
    .contact-2 .servic .design {
      border: none; }
    .contact-2 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .contact-2 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .contact-2 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .contact-2 .sile1 .we_are {
      padding-right: 10px; }
    .contact-2 .porfolio .blanc {
      padding-right: 0; }
    .contact-2 .porfolio .mock {
      padding-left: 0; }
    .contact-2 .what1 .js-click-product {
      height: 120px; }
    .contact-2 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .contact-2 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .contact-2 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .contact-2 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .contact-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .contact-2 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .contact-2 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .contact-2 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .contact-2 .pricing-table {
      padding-top: 100px; }
    .contact-2 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .contact-2 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .contact-2 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .contact-2 .sile1 {
      width: 100%; }
    .contact-2 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .contact-2 .servic .creation {
      padding-top: 19px; }
    .contact-2 .servic .design {
      padding: 15px; }
    .contact-2 .servic .appdevelopment {
      padding: 15px; }
    .contact-2 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .contact-2 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .contact-2 .pricing-table {
      padding-top: 50px; }
    .contact-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .contact-2 .servic .col-md-12 p {
      font-size: 24px; }
    .contact-2 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .contact-2 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .contact-2 .what1 .main-img .slick-slide {
      display: none; }
    .contact-2 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .contact-2 .porfolio .blanc img {
      width: 100%; }
    .contact-2 .sile1 {
      width: 97%; }
    .contact-2 .servic .col-md-4 {
      padding-left: 15px; }
    .contact-2 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .contact-2 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .contact-2 .slick-slider .slick-track {
      width: 250px; }
    .contact-2 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .contact-2 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .contact-2 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .contact-2 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .contact-2 .pull-right {
    cursor: pointer; }
  .contact-2 * {
    outline: none !important; }
  .contact-2 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .contact-2 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .contact-2 .create {
      padding: 117px 30px; }
    .contact-2 .careate .carea .cust {
      padding: 15px 10px; }
    .contact-2 .carea {
      padding: 40px 80px; }
    .contact-2 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .contact-2 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .contact-2 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .contact-2 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .contact-2 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .contact-2 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .contact-2 .affixx .navba {
      padding-left: 5px; }
    .contact-2 .phone_top {
      padding-right: 5px; }
    .contact-2 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .contact-2 .counter1 .col-md-3 {
      padding-left: 8%; }
    .contact-2 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .contact-2 .feedback .feeb {
      font-size: 200px; }
    .contact-2 .affixx .navba {
      padding-left: 15px; }
    .contact-2 .phone_top {
      padding-right: 15px; }
    .contact-2 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .contact-2 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .contact-2 .we_are {
      padding: 0 50px; }
    .contact-2 .careate .carea .cust {
      padding: 10px 10px; }
    .contact-2 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .contact-2 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .contact-2 .cust h1 {
      padding-bottom: 0; }
    .contact-2 .cust p {
      line-height: 150%; }
    .contact-2 .button_see {
      margin-top: 27px; }
    .contact-2 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .contact-2 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .contact-2 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .contact-2 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .contact-2 .footer .full-container {
      padding: 0 15px; }
    .contact-2 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .contact-2 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .contact-2 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .contact-2 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .contact-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .contact-2 .contacts .contact {
      padding: 20px 0; }
    .contact-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .contact-2 .feedback .slide_main .test {
      padding-top: 50px; }
    .contact-2 .phone_top {
      padding-top: 0; }
    .contact-2 .phone_top .pull-right {
      padding: 5px; }
    .contact-2 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .contact-2 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .contact-2 .affixx .sidenav .navbar .nav {
      float: none; }
    .contact-2 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .contact-2 .affixx {
      padding-bottom: 10px !important; }
    .contact-2 .counter1 .col-md-3 {
      padding-left: 6%; }
    .contact-2 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .contact-2 .header-lap {
      display: none; }
    .contact-2 .header-mobi {
      display: block; }
    .contact-2 .feedback {
      padding-bottom: 50px; }
    .contact-2 .cust h1 {
      font-size: 30px; }
    .contact-2 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .contact-2 .all-pro span {
      margin-right: 5px; }
    .contact-2 .phone_top span {
      display: none; }
    .contact-2 .phone_top .phonee {
      display: none; }
    .contact-2 .who_we_are {
      padding: 50px 0; }
    .contact-2 .blog {
      padding: 50px 0; }
    .contact-2 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .contact-2 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .contact-2 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .contact-2 .who_we_are .we_01 {
      padding: 0 15px; }
    .contact-2 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .contact-2 .porfolio .col-md-8 {
      padding-left: 0; }
    .contact-2 .feedback .feeb {
      font-size: 130px; }
    .contact-2 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .contact-2 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .contact-2 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .contact-2 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .contact-2 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .contact-2 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .contact-2 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .contact-2 .links ul {
      -webkit-padding-start: 0px; }
    .contact-2 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .contact-2 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .contact-2 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .contact-2 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .contact-2 .recent_post ul {
      -webkit-padding-start: 0px; }
    .contact-2 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .contact-2 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .contact-2 .servic {
      padding-top: 50px; }
    .contact-2 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .contact-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .contact-2 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .contact-2 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .contact-2 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .contact-2 .row_top div p {
      line-height: 170%; }
    .contact-2 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .contact-2 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .contact-2 .slide_main .test {
      padding-top: 100px; }
    .contact-2 .img_porfolio .col-md-4 {
      width: 50%; }
    .contact-2 .servic .col-md-4 {
      width: 50%; }
    .contact-2 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .contact-2 .blog .col-md-4 {
      width: 33.33333%; }
    .contact-2 .button_see {
      margin-top: 10px; }
    .contact-2 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .contact-2 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .contact-2 .button_rea {
      height: 38px;
      margin-top: 0; }
    .contact-2 .footer .full-container .footer2 .copy {
      text-align: center; }
    .contact-2 .footer .full-container .footer2 .goto {
      text-align: center; }
    .contact-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .contact-2 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .contact-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .contact-2 .feedback .information .lazy h3 {
      font-size: 20px; }
    .contact-2 * h1 {
      font-size: 36px !important; }
    .contact-2 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .contact-2 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .contact-2 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .contact-2 .feedback .feeb {
      font-size: 100px; }
    .contact-2 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .contact-2 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .contact-2 .who_we_are .who_are p {
      font-size: 14px; }
    .contact-2 .careate .carea .cust h1 {
      font-size: 36px; }
    .contact-2 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .contact-2 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .contact-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .contact-2 .feedback .information .lazy h3 {
      font-size: 16px; }
    .contact-2 .cuter .counter {
      padding: 50px 0 0 0; }
    .contact-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .contact-2 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .contact-2 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .contact-2 .porfolio {
      padding: 50px 0px; }
    .contact-2 .button-proje {
      width: 210px; }
    .contact-2 .video .row_video .video1 > p {
      font-size: 24px; }
    .contact-2 .blog .col-md-12 h1 {
      font-size: 36px; }
    .contact-2 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .contact-2 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .footer #googlemap1 {
      height: 400px; }
    .contact-2 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .contact-2 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .contact-2 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .contact-2 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .contact-2 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .contact-2 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .contact-2 .side .navbar .list-group-item button {
      top: 0; }
    .contact-2 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .contact-2 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .contact-2 .base {
      margin-left: 0 !important; }
    .contact-2 .baseright {
      margin-left: 0 !important; }
    .contact-2 .sile1 {
      top: 60%; }
    .contact-2 .affixx {
      background: #333 !important; }
    .contact-2 .affixx {
      padding-top: 20px !important; }
    .contact-2 .feedback .feeb {
      font-size: 70px; }
    .contact-2 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .contact-2 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .contact-2 .who_we_are .who_are h1 {
      font-size: 24px; }
    .contact-2 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .contact-2 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .contact-2 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .contact-2 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .contact-2 .servic .col-md-12 p {
      font-size: 24px; }
    .contact-2 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .contact-2 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .contact-2 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .contact-2 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .contact-2 .button_see {
      margin-top: 0; }
    .contact-2 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .contact-2 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .contact-2 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .contact-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .contact-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .contact-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .contact-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .contact-2 .feedback .slide_main .test p {
      font-size: 24px; }
    .contact-2 .feedback .information .lazy h3 {
      font-size: 14px; }
    .contact-2 * h1 {
      font-size: 24px !important; }
    .contact-2 .affixx {
      position: inherit !important; }
    .contact-2 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .contact-2 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .contact-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .contact-2 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .contact-2 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .contact-2 .modal .modal-dialog .modal-content {
      padding: 0; }
    .contact-2 .img_porfolio .col-md-4 {
      width: 100%; }
    .contact-2 .feedback .feeb {
      letter-spacing: 6px; }
    .contact-2 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .contact-2 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .contact-2 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .contact-2 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .contact-2 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .contact-2 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .contact-2 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .contact-2 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .contact-2 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .contact-2 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .contact-2 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .contact-2 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .contact-2 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .contact-2 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .contact-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .contact-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .contact-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .contact-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .contact-2 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .contact-2 .servic .identity {
      padding-top: 20px; }
    .contact-2 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .contact-2 .porfolio .nav_main {
      float: left; }
    .contact-2 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .contact-2 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .contact-2 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .contact-2 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .contact-2 .who_we_are .weare {
      padding-left: 50px; }
    .contact-2 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .contact-2 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .contact-2 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .contact-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .contact-2 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .contact-2 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .contact-2 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .contact-2 .video-skills .skills {
      padding: 0 15px; }
    .contact-2 .contacts .contact p {
      font-size: 24px; }
    .contact-2 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .contact-2 .about .about-we h1 {
      font-size: 40px; }
    .contact-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .contact-2 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .contact-2 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .contact-2 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .contact-2 .cooperate .logo-brand img {
      width: 100%; }
    .contact-2 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .contact-2 .cooperate {
      padding-top: 50px; }
    .contact-2 .talk-to .row {
      padding: 50px 0; }
    .contact-2 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .contact-2 .sile1 .we_are {
      padding-right: 0; }
    .contact-2 .about {
      top: 0;
      padding: 30px 0; }
    .contact-2 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .contact-2 .about .about-we {
      padding-left: 30px; }
    .contact-2 .about .corem-ipsum {
      padding-right: 30px; }
      .contact-2 .about .corem-ipsum p {
        line-height: 150%; }
    .contact-2 .contacts .contact {
      text-align: center; }
    .contact-2 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .contact-2 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .contact-2 .video-skills .video {
      padding-left: 15px; }
    .contact-2 .video-skills {
      padding-bottom: 50px; }
    .contact-2 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .contact-2 .contacts .contact p .circle img {
      width: 8%; }
    .contact-2 .contacts .contact p {
      font-size: 20px; }
    .contact-2 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .contact-2 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .contact-2 .about .corem-ipsum {
      padding-left: 30px; }
    .contact-2 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .contact-2 .cooperate .logo-brand {
      text-align: center; }
    .contact-2 .cooperate .logo-brand img {
      width: initial; }
    .contact-2 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .contact-2 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .contact-2 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .contact-2 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .contact-2 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .contact-2 .button1 .vuong {
      background: transparent !important; }
    .contact-2 .button1 span {
      background: #fff !important; }
    .contact-2 .phone_top .pull-right i {
      color: #fff !important; }
    .contact-2 .sile1 {
      width: 65%; }
    .contact-2 .about .corem-ipsum p {
      font-size: 14px; }
    .contact-2 .case-center .case-studies p {
      font-size: 14px; }
    .contact-2 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .slick-dots {
      bottom: -50px !important; }
    .contact-2 .cooperate {
      padding-top: 50px; }
    .contact-2 .who_we_are .weare {
      padding-bottom: 0; }
    .contact-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .contact-2 .button-contact button {
      height: 40px; }
    .contact-2 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .contact-2 .cooperate .logo-brand img {
      width: 100%; }
    .contact-2 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .contact-2 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .contact-2 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .talk-to .input-contact input {
      font-size: 14px; }
    .contact-2 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .contact-2 .servic .col-md-4 {
      padding-left: 30px; }
    .contact-2 .button1 .vuong {
      background: transparent !important; }
    .contact-2 .button1 span {
      background: #fff !important; }
    .contact-2 .phone_top .pull-right i {
      color: #fff !important; }
    .contact-2 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .contact-2 .sile1 {
      width: 95%;
      left: 5%; }
    .contact-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .contact-2 .cooperate .logo-brand img {
      width: initial; }
    .contact-2 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .contact-2 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .contact-2 .cases .read-mode {
      width: 100%; }
    .contact-2 .row_top {
      width: 100%; }
    .contact-2 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .contact-2 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .contact-2 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .contact-2 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .contact-2 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .contact-2 .contacts .contact p {
      font-size: 24px; }
    .contact-2 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .contact-2 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .contact-2 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .contact-2 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .contact-2 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .contact-2 .testimonials-img img {
      width: 100%; }
    .contact-2 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .contact-2 .cooperate {
      padding-top: 50px; }
    .contact-2 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .contact-2 .contacts .contact {
      text-align: center; }
    .contact-2 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .contact-2 .testimonials {
      padding-bottom: 50px; }
    .contact-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .contact-2 .contacts .contact p .circle img {
      width: 8%; }
    .contact-2 .contacts .contact p {
      font-size: 20px; }
    .contact-2 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .contact-2 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .contact-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .contact-2 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .contact-2 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .contact-2 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .contact-2 .gallery .col-md-4 {
      width: 100%; }
    .contact-2 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .contact-2 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .contact-2 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .contact-2 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .contact-2 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .contact-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .contact-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .contact-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .contact-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .contact-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .contact-2 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .contact-2 .affixx {
      padding-top: 15px !important; }
    .contact-2 .pull-right {
      padding-top: 5px; }
    .contact-2 .layer {
      padding-top: 0px; }
    .contact-2 .pull-right {
      padding: 5px 0; }
    .contact-2 .page-404 {
      padding-top: 50px 15px; }
    .contact-2 .affixx .sidenav {
      padding-right: 15px; }
    .contact-2 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .contact-2 .careate img {
      width: 100%; }
    .contact-2 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .contact-2 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .contact-2 .layer {
      padding-top: 62px; }
    .contact-2 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .contact-2 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .contact-2 .container_header {
      top: 75%; }
    .contact-2 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .contact-2 .container_header .breadcrumb .active {
      width: auto; }
    .contact-2 .blog .pagination li .prev {
      width: 80px; }
    .contact-2 .container_header h1 {
      padding-bottom: 0; } }
  @media (max-width: 1680px) {
    .contact-2 .post .there-is .imfor {
      padding: 50px 30px; }
    .contact-2 .post .there-is1 .imfor {
      padding: 50px 30px; } }
  @media (max-width: 1440px) {
    .contact-2 .post .there-is .imfor {
      padding: 20px 15px; }
    .contact-2 .post .there-is1 .imfor {
      padding: 20px 15px; }
    .contact-2 .post .there-is1 .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .contact-2 .post .there-is1 .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; }
    .contact-2 .post .there-is .imfor p {
      line-height: 170%;
      padding-bottom: 0; }
    .contact-2 .post .there-is .imfor h1 {
      padding-bottom: 5px;
      line-height: 125%; } }
  @media (max-width: 1200px) {
    .contact-2 .post .there-is1 .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .post .there-is1 .imfor h1 {
      font-size: 24px; }
    .contact-2 .post .there-is .imfor p {
      font-size: 14px;
      line-height: 150%; }
    .contact-2 .post .there-is .imfor h1 {
      font-size: 24px; } }
  @media (max-width: 1024px) {
    .contact-2 .post .there-is .imfor {
      padding: 5px 10px; }
    .contact-2 .post .there-is1 .imfor {
      padding: 5px 10px; }
    .contact-2 .post .post6 .alex {
      padding-top: 50px; }
    .contact-2 .post .post1 {
      padding: 50px 15px; } }
  @media (max-width: 991px) {
    .contact-2 .post .there-is .imfor {
      padding: 50px 30px; }
    .contact-2 .post .there-is1 .imfor {
      padding: 50px 30px; }
    .contact-2 .post .there-is1 .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .contact-2 .post .there-is1 .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .contact-2 .post .there-is .imfor p {
      line-height: 185%;
      padding-bottom: 20px;
      font-size: 16px; }
    .contact-2 .post .there-is .imfor h1 {
      padding-bottom: 40px;
      line-height: 150%;
      font-size: 35px; }
    .contact-2 .post .post6 .alex .boder .text p {
      font-size: 14px;
      line-height: 160%;
      padding: 0 5px 0 15px; }
    .contact-2 .post .post6 .alex .boder .text h4 {
      padding-left: 15px; }
    .contact-2 .post .what-you {
      padding: 50px 15px; }
    .contact-2 .post .what-you2 {
      padding: 50px 15px; }
    .contact-2 .post .post5 {
      padding: 50px 15px; }
    .contact-2 .post .post6 {
      padding: 50px 15px; }
    .contact-2 .comments .padd {
      padding: 50px 15px; }
    .contact-2 .write-comments .row {
      padding: 50px 15px; }
    .contact-2 .comments .alex {
      float: left; }
    .contact-2 .comments .alex .boder .text p {
      font-size: 14px;
      line-height: 160%; } }
  @media (max-width: 767px) {
    .contact-2 .post .post6 h4 {
      padding-left: 0; }
    .contact-2 .post .post5 p {
      padding: 0 0 20px 0; }
    .contact-2 .post .post6 p {
      padding: 0 0 20px 0; }
    .contact-2 .post .post6 .button {
      padding-left: 0; }
    .contact-2 .post .post6 .alex {
      float: left;
      padding-left: 0; }
    .contact-2 .blog .col-md-4 {
      text-align: left; }
    .contact-2 .post .what-you p {
      padding-right: 0; }
    .contact-2 .post .what-you2 p {
      padding-right: 0; }
    .contact-2 .post .what-you2 h4 {
      padding: 10px 0 0 20px; } }
  @media (max-width: 680px) {
    .contact-2 .comments .alex .boder .text {
      padding-left: 15px; } }
  @media (max-width: 568px) {
    .contact-2 .post .post4 {
      padding: 0 15px; }
    .contact-2 p {
      font-size: 14px !important; }
    .contact-2 .contacts .contact p {
      font-size: 20px !important; }
    .contact-2 * h1 {
      font-size: 24px !important; }
    .contact-2 .comments .alex .boder .img img {
      width: 100%; }
    .contact-2 .post .post6 .alex .boder .img img {
      width: 100%;
      padding-left: 5px; }
    .contact-2 .post .post6 .alex {
      padding-top: 50px; } }
  @media (max-width: 480px) {
    .contact-2 .container_header .breadcrumb .active {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 150px; }
    .contact-2 .container_header .breadcrumb li {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  @media (max-width: 480px) {
    .contact-2 .container_header .breadcrumb .active {
      width: 118px; }
    .contact-2 .write-comments .input-contact {
      width: 100%; } }
  @media (max-width: 360px) {
    .contact-2 .write-comments .input-contact {
      width: 100%; } }

.porfolio-1 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .porfolio-1 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .porfolio-1 * {
    box-sizing: border-box; }
  .porfolio-1 .sidenav a:hover {
    color: #b6aeae; }
  .porfolio-1 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .porfolio-1 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .porfolio-1 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .porfolio-1 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .porfolio-1 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .porfolio-1 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .porfolio-1 .button_rea:hover {
      opacity: 0.7; }
    .porfolio-1 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .porfolio-1 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .porfolio-1 .layer {
    position: relative; }
    .porfolio-1 .layer img {
      width: 100%; }
  .porfolio-1 .affix {
    z-index: 1;
    width: 100%; }
  .porfolio-1 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .porfolio-1 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .porfolio-1 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .porfolio-1 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .porfolio-1 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .porfolio-1 .affixx .sidenav .navbar .nav {
          float: right; }
          .porfolio-1 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .porfolio-1 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .porfolio-1 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .porfolio-1 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .porfolio-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .porfolio-1 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .porfolio-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .porfolio-1 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .porfolio-1 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .porfolio-1 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .porfolio-1 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .porfolio-1 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .porfolio-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .porfolio-1 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .porfolio-1 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .porfolio-1 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .porfolio-1 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .porfolio-1 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .porfolio-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .porfolio-1 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .porfolio-1 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .porfolio-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .porfolio-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .porfolio-1 .header-mobi {
    display: none; }
    .porfolio-1 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .porfolio-1 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .porfolio-1 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .porfolio-1 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .porfolio-1 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .porfolio-1 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .porfolio-1 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .porfolio-1 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .porfolio-1 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .porfolio-1 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .porfolio-1 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .porfolio-1 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .porfolio-1 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .porfolio-1 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .porfolio-1 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .porfolio-1 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .porfolio-1 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .porfolio-1 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-1 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-1 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .porfolio-1 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .porfolio-1 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .porfolio-1 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .porfolio-1 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .porfolio-1 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .porfolio-1 .sidenav a:hover {
    color: #f1f1f1; }
  .porfolio-1 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .porfolio-1 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .porfolio-1 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .porfolio-1 .child2 {
    margin: 5px 0; }
  .porfolio-1 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .porfolio-1 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .porfolio-1 .container_header .breadcrumb {
      background: transparent; }
      .porfolio-1 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .porfolio-1 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .porfolio-1 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .porfolio-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .porfolio-1 .porfolio {
    padding: 80px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 65px; }
    .porfolio-1 .porfolio .col-md-12 {
      padding-right: 0;
      padding-bottom: 20px; }
    .porfolio-1 .porfolio .nav_main .nav-tabs {
      background: transparent;
      border: none; }
      .porfolio-1 .porfolio .nav_main .nav-tabs li {
        padding-left: 15px;
        padding-right: 25px;
        float: left;
        margin-bottom: -1px; }
        .porfolio-1 .porfolio .nav_main .nav-tabs li a {
          font-family: roboto condensed;
          font-weight: 400;
          color: #909090;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .porfolio-1 .porfolio .nav_main .nav-tabs li a:hover {
            border-color: #fff;
            color: #333333; }
      .porfolio-1 .porfolio .nav_main .nav-tabs .active > a {
        color: black;
        background: transparent;
        border-bottom: 1px solid #fc6955 !important;
        transition: 0.4s;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important; }
    .porfolio-1 .porfolio .nav_main .nav > li > a:hover {
      background: transparent; }
    .porfolio-1 .porfolio .nav_main .nav > li > a:focus {
      background: transparent;
      border-bottom: 1px solid #fc6955;
      color: #333; }
    .porfolio-1 .porfolio .filter {
      padding: 15px; }
      .porfolio-1 .porfolio .filter .item {
        position: relative;
        overflow: hidden; }
        .porfolio-1 .porfolio .filter .item:hover img {
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
        .porfolio-1 .porfolio .filter .item img {
          width: 100%;
          transition: .4s;
          cursor: pointer; }
      .porfolio-1 .porfolio .filter .button-pro {
        text-align: center;
        padding-top: 10%; }
  .porfolio-1 .button-por {
    text-align: center;
    float: left;
    width: 100%; }
  .porfolio-1 .porfolio img {
    display: inline-block; }
  @media screen and (max-width: 680px) {
    .porfolio-1 .porfolio {
      padding: 50px 15px !important; } }
  @media screen and (max-width: 480px) {
    .porfolio-1 .porfolio .nav_main {
      margin-left: 0 !important; }
    .porfolio-1 .button_see {
      width: 145px !important; }
    .porfolio-1 .footer .full-container .footer1 .newsletter .subs {
      width: 100% !important; } }
  @media screen and (max-width: 568px) {
    .porfolio-1 .gallery_product {
      width: 100%; } }
  .porfolio-1 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .porfolio-1 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .porfolio-1 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .porfolio-1 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .porfolio-1 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .porfolio-1 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .porfolio-1 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .porfolio-1 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .porfolio-1 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .porfolio-1 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .porfolio-1 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .porfolio-1 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .porfolio-1 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .porfolio-1 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .porfolio-1 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .porfolio-1 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .porfolio-1 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .porfolio-1 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .porfolio-1 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .porfolio-1 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .porfolio-1 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .porfolio-1 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .porfolio-1 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .porfolio-1 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .porfolio-1 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .porfolio-1 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .porfolio-1 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .porfolio-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .porfolio-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .porfolio-1 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .porfolio-1 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .porfolio-1 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .porfolio-1 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          transition: all .3s;
          margin-top: 0; }
          .porfolio-1 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .porfolio-1 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .porfolio-1 .footer .full-container .footer2 {
      padding: 20px 0; }
      .porfolio-1 .footer .full-container .footer2 .copy {
        color: #909090; }
      .porfolio-1 .footer .full-container .footer2 .goto {
        text-align: right; }
        .porfolio-1 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1680px) {
    .porfolio-1 .phone_top {
      padding-right: 80px; } }
  @media screen and (max-width: 1240px) {
    .porfolio-1 .unlimited .col-md-3 {
      padding: 15px; }
    .porfolio-1 .testimonials-design .p {
      padding-left: 17%;
      padding-right: 17%; }
    .porfolio-1 .testimonials-design .pp {
      padding-left: 17%;
      padding-right: 17%; }
    .porfolio-1 .group .easy-way ul li {
      padding: 10px 0;
      font-size: 14px; }
    .porfolio-1 .easy-way {
      padding-left: 0;
      padding-right: 0; }
    .porfolio-1 .easy-way ul {
      -webkit-padding-start: 10px; }
    .porfolio-1 .group .easy-way p {
      font-size: 14px;
      padding-bottom: 10px; }
    .porfolio-1 .group .easy-way h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1024px) {
    .porfolio-1 .side .phone_top {
      display: block; }
    .porfolio-1 .layer {
      padding-top: 0px; }
    .porfolio-1 .group {
      padding-top: 50px; }
    .porfolio-1 .testimonials-design {
      padding-bottom: 50px;
      padding-top: 50px; }
    .porfolio-1 .unlimited {
      padding-top: 30px; }
    .porfolio-1 .row_header5 .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .porfolio-1 .row_header5 {
      padding-bottom: 10px;
      padding-top: 15px; }
    .porfolio-1 .row_header5 .navba {
      padding-left: 15px; }
    .porfolio-1 .phone_top {
      padding-right: 15px; } }
  @media screen and (max-width: 991px) {
    .porfolio-1 .unlimited .col-md-3 {
      padding-bottom: 50px; }
    .porfolio-1 .unlimited .customer {
      padding-bottom: 55px; }
    .porfolio-1 .group {
      padding-bottom: 100px; }
    .porfolio-1 .our-recent {
      padding-bottom: 50px; }
    .porfolio-1 .sile1 .we_are {
      padding-left: 15px; }
    .porfolio-1 .porfo .porfolio {
      padding: 80px 15px; }
    .porfolio-1 .testimonials-design .p {
      padding-left: 5%;
      padding-right: 5%; }
    .porfolio-1 .testimonials-design .pp {
      padding-left: 5%;
      padding-right: 5%; }
    .porfolio-1 .easy-way {
      padding-left: 15px;
      padding-right: 15px; }
    .porfolio-1 br {
      display: none; } }
  @media screen and (max-width: 768px) {
    .porfolio-1 .blog .col-md-4 {
      width: 50%;
      text-align: left; }
    .porfolio-1 .porfo .nav_main .nav-tabs {
      padding-left: 10px; }
    .porfolio-1 .unlimited {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 680px) {
    .porfolio-1 .blog .col-md-4 .blog_name a {
      font-size: 17px; }
    .porfolio-1 .sile1 {
      width: 100%;
      left: 0; }
    .porfolio-1 .unlimited .development {
      clear: left; } }
  @media screen and (max-width: 568px) {
    .porfolio-1 .sile1 {
      top: 50%; }
    .porfolio-1 .layer {
      padding-top: 0; }
    .porfolio-1 .unlimited .col-md-3 {
      width: 100%; }
    .porfolio-1 .testimonials-design .p {
      font-size: 24px; }
    .porfolio-1 .testimonials-design .pp {
      font-size: 14px; }
    .porfolio-1 .blog .col-md-4 {
      width: 100%; }
    .porfolio-1 .blog .blog_name {
      padding-bottom: 0; }
    .porfolio-1 #googlemap1 {
      height: 300px; }
    .porfolio-1 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .porfolio-1 .testimonials-design .chuky {
      margin-top: 20px; }
    .porfolio-1 .group .easy-way ul li span {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .porfolio-1 .fixed-fluid {
      padding-top: 60px; }
    .porfolio-1 .sile1 {
      left: 0;
      width: 100%; }
    .porfolio-1 .row_header5 {
      padding-top: 20px; }
    .porfolio-1 .affix {
      padding-top: 15px;
      padding-bottom: 10px; }
    .porfolio-1 .testimonials-design .p .file {
      margin-left: 0; }
    .porfolio-1 .testimonials-design .p {
      margin-left: 0;
      margin-right: 0; }
    .porfolio-1 .group .group-img {
      padding-right: 125px; }
    .porfolio-1 .img_porfolio .col-xs-6 {
      width: 100%; }
    .porfolio-1 .porfolio .nav_main {
      margin-left: 0; }
    .porfolio-1 .porfolio .col-md-8 {
      padding-right: 0; }
    .porfolio-1 .porfolio .nav_main .nav-tabs .active {
      padding-bottom: 0; }
    .porfolio-1 .porfolio .nav_main .nav-tabs li {
      padding-bottom: 1px; } }
  .porfolio-1 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .porfolio-1 .pull-right {
    cursor: pointer; }
  .porfolio-1 * {
    outline: none !important; }
  .porfolio-1 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .porfolio-1 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .porfolio-1 .create {
      padding: 117px 30px; }
    .porfolio-1 .careate .carea .cust {
      padding: 15px 10px; }
    .porfolio-1 .carea {
      padding: 40px 80px; }
    .porfolio-1 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .porfolio-1 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .porfolio-1 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .porfolio-1 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .porfolio-1 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .porfolio-1 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .porfolio-1 .affixx .navba {
      padding-left: 5px; }
    .porfolio-1 .phone_top {
      padding-right: 5px; }
    .porfolio-1 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .porfolio-1 .counter1 .col-md-3 {
      padding-left: 8%; }
    .porfolio-1 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .porfolio-1 .feedback .feeb {
      font-size: 200px; }
    .porfolio-1 .affixx .navba {
      padding-left: 15px; }
    .porfolio-1 .phone_top {
      padding-right: 15px; }
    .porfolio-1 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .porfolio-1 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .porfolio-1 .we_are {
      padding: 0 50px; }
    .porfolio-1 .careate .carea .cust {
      padding: 10px 10px; }
    .porfolio-1 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .porfolio-1 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .porfolio-1 .cust h1 {
      padding-bottom: 0; }
    .porfolio-1 .cust p {
      line-height: 150%; }
    .porfolio-1 .button_see {
      margin-top: 27px; }
    .porfolio-1 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .porfolio-1 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .porfolio-1 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .porfolio-1 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .porfolio-1 .footer .full-container {
      padding: 0 15px; }
    .porfolio-1 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .porfolio-1 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .porfolio-1 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .porfolio-1 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .porfolio-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .porfolio-1 .contacts .contact {
      padding: 20px 0; }
    .porfolio-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .porfolio-1 .feedback .slide_main .test {
      padding-top: 50px; }
    .porfolio-1 .phone_top {
      padding-top: 0; }
    .porfolio-1 .phone_top .pull-right {
      padding: 5px; }
    .porfolio-1 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .porfolio-1 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .porfolio-1 .affixx .sidenav .navbar .nav {
      float: none; }
    .porfolio-1 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .porfolio-1 .affixx {
      padding-bottom: 10px !important; }
    .porfolio-1 .counter1 .col-md-3 {
      padding-left: 6%; }
    .porfolio-1 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .porfolio-1 .header-lap {
      display: none; }
    .porfolio-1 .header-mobi {
      display: block; }
    .porfolio-1 .feedback {
      padding-bottom: 50px; }
    .porfolio-1 .cust h1 {
      font-size: 30px; }
    .porfolio-1 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .porfolio-1 .all-pro span {
      margin-right: 5px; }
    .porfolio-1 .phone_top span {
      display: none; }
    .porfolio-1 .phone_top .phonee {
      display: none; }
    .porfolio-1 .who_we_are {
      padding: 50px 0; }
    .porfolio-1 .blog {
      padding: 50px 0; }
    .porfolio-1 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .porfolio-1 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .porfolio-1 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .porfolio-1 .who_we_are .we_01 {
      padding: 0 15px; }
    .porfolio-1 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .porfolio-1 .porfolio .col-md-8 {
      padding-left: 0; }
    .porfolio-1 .feedback .feeb {
      font-size: 130px; }
    .porfolio-1 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .porfolio-1 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .porfolio-1 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .porfolio-1 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .porfolio-1 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .porfolio-1 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .porfolio-1 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .porfolio-1 .links ul {
      -webkit-padding-start: 0px; }
    .porfolio-1 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .porfolio-1 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .porfolio-1 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .porfolio-1 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .porfolio-1 .recent_post ul {
      -webkit-padding-start: 0px; }
    .porfolio-1 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .porfolio-1 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .porfolio-1 .servic {
      padding-top: 50px; }
    .porfolio-1 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .porfolio-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .porfolio-1 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .porfolio-1 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .porfolio-1 .row_top div p {
      line-height: 170%; }
    .porfolio-1 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .porfolio-1 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .porfolio-1 .slide_main .test {
      padding-top: 100px; }
    .porfolio-1 .img_porfolio .col-md-4 {
      width: 50%; }
    .porfolio-1 .servic .col-md-4 {
      width: 50%; }
    .porfolio-1 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .porfolio-1 .blog .col-md-4 {
      width: 33.33333%; }
    .porfolio-1 .button_see {
      margin-top: 10px; }
    .porfolio-1 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .porfolio-1 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .porfolio-1 .button_rea {
      height: 38px;
      margin-top: 0; }
    .porfolio-1 .footer .full-container .footer2 .copy {
      text-align: center; }
    .porfolio-1 .footer .full-container .footer2 .goto {
      text-align: center; }
    .porfolio-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .porfolio-1 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .porfolio-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .porfolio-1 .feedback .information .lazy h3 {
      font-size: 20px; }
    .porfolio-1 * h1 {
      font-size: 36px !important; }
    .porfolio-1 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .porfolio-1 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .porfolio-1 .feedback .feeb {
      font-size: 100px; }
    .porfolio-1 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .porfolio-1 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-1 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .porfolio-1 .who_we_are .who_are p {
      font-size: 14px; }
    .porfolio-1 .careate .carea .cust h1 {
      font-size: 36px; }
    .porfolio-1 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .porfolio-1 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .porfolio-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .porfolio-1 .feedback .information .lazy h3 {
      font-size: 16px; }
    .porfolio-1 .cuter .counter {
      padding: 50px 0 0 0; }
    .porfolio-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .porfolio-1 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .porfolio-1 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .porfolio-1 .porfolio {
      padding: 50px 0px; }
    .porfolio-1 .button-proje {
      width: 210px; }
    .porfolio-1 .video .row_video .video1 > p {
      font-size: 24px; }
    .porfolio-1 .blog .col-md-12 h1 {
      font-size: 36px; }
    .porfolio-1 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .porfolio-1 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-1 .footer #googlemap1 {
      height: 400px; }
    .porfolio-1 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .porfolio-1 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .porfolio-1 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .porfolio-1 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .porfolio-1 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .porfolio-1 .side .navbar .list-group-item button {
      top: 0; }
    .porfolio-1 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .porfolio-1 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .porfolio-1 .base {
      margin-left: 0 !important; }
    .porfolio-1 .baseright {
      margin-left: 0 !important; }
    .porfolio-1 .sile1 {
      top: 60%; }
    .porfolio-1 .affixx {
      background: #333 !important; }
    .porfolio-1 .affixx {
      padding-top: 20px !important; }
    .porfolio-1 .feedback .feeb {
      font-size: 70px; }
    .porfolio-1 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .porfolio-1 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .porfolio-1 .who_we_are .who_are h1 {
      font-size: 24px; }
    .porfolio-1 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .porfolio-1 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .porfolio-1 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .porfolio-1 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .porfolio-1 .servic .col-md-12 p {
      font-size: 24px; }
    .porfolio-1 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-1 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .porfolio-1 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .porfolio-1 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .porfolio-1 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .porfolio-1 .button_see {
      margin-top: 0; }
    .porfolio-1 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .porfolio-1 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .porfolio-1 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .porfolio-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .porfolio-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .porfolio-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .porfolio-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .porfolio-1 .feedback .slide_main .test p {
      font-size: 24px; }
    .porfolio-1 .feedback .information .lazy h3 {
      font-size: 14px; }
    .porfolio-1 * h1 {
      font-size: 24px !important; }
    .porfolio-1 .affixx {
      position: inherit !important; }
    .porfolio-1 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .porfolio-1 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .porfolio-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .porfolio-1 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .porfolio-1 .modal .modal-dialog .modal-content {
      padding: 0; }
    .porfolio-1 .img_porfolio .col-md-4 {
      width: 100%; }
    .porfolio-1 .feedback .feeb {
      letter-spacing: 6px; }
    .porfolio-1 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .porfolio-1 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .porfolio-1 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .porfolio-1 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .porfolio-1 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .porfolio-1 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .porfolio-1 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .porfolio-1 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .porfolio-1 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .porfolio-1 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .porfolio-1 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .porfolio-1 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .porfolio-1 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .porfolio-1 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .porfolio-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .porfolio-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .porfolio-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .porfolio-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .porfolio-1 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .porfolio-1 .servic .identity {
      padding-top: 20px; }
    .porfolio-1 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .porfolio-1 .porfolio .nav_main {
      float: left; }
    .porfolio-1 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1440px) {
    .porfolio-1 .container-fluid .porodu {
      padding: 5% 5% 0 5%; } }
  @media screen and (max-width: 1360px) {
    .porfolio-1 .container-fluid .porodu {
      padding: 4% 1% 0 1%; } }
  @media screen and (max-width: 1170px) {
    .porfolio-1 .container-fluid .porodu {
      padding: 2% 1% 0 1%; } }
  @media screen and (max-width: 1024px) {
    .porfolio-1 .container-fluid .porodu h4 {
      padding: 5px 0; }
    .porfolio-1 .porodu {
      border-top: 1px solid #bebebe; } }
  @media screen and (max-width: 991px) {
    .porfolio-1 .container-fluid .col-md-1:nth-child(12n+1), .porfolio-1 .container-fluid .col-md-2:nth-child(6n+1), .porfolio-1 .container-fluid .col-md-3:nth-child(4n+1), .porfolio-1 .container-fluid .col-md-4:nth-child(3n+1), .porfolio-1 .container-fluid .col-md-6:nth-child(2n+1),
    .porfolio-1 .container-fluid .col-lg-1:nth-child(12n+1), .porfolio-1 .container-fluid .col-lg-2:nth-child(6n+1), .porfolio-1 .container-fluid .col-lg-3:nth-child(4n+1), .porfolio-1 .container-fluid .col-lg-4:nth-child(3n+1), .porfolio-1 .container-fluid .col-lg-6:nth-child(2n+1),
    .porfolio-1 .container-fluid .col-xs-1:nth-child(12n+1), .porfolio-1 .container-fluid .col-xs-2:nth-child(6n+1), .porfolio-1 .container-fluid .col-xs-3:nth-child(4n+1), .porfolio-1 .container-fluid .col-xs-4:nth-child(3n+1), .porfolio-1 .container-fluid .col-xs-6:nth-child(2n+1) {
      clear: none; }
    .porfolio-1 .container-fluid .col-sm-1:nth-child(12n+1), .porfolio-1 .container-fluid .col-sm-2:nth-child(6n+1), .porfolio-1 .container-fluid .col-sm-3:nth-child(4n+1), .porfolio-1 .container-fluid .col-sm-4:nth-child(3n+1), .porfolio-1 .container-fluid .col-sm-6:nth-child(2n+1) {
      clear: left; }
    .porfolio-1 .container-fluid .porodu {
      padding: 10% 1% 0 1%; } }
  @media screen and (max-width: 768px) {
    .porfolio-1 .container-fluid .porodu {
      padding: 5% 1% 0 1%; }
    .porfolio-1 .container-fluid .poroduc {
      padding-bottom: 5%; } }
  @media screen and (max-width: 680px) {
    .porfolio-1 .container-fluid .col-lg-4 {
      width: 100%;
      padding: 10% 2% 10% 2%; }
    .porfolio-1 .porodu {
      border-top: none; } }
  @media screen and (max-width: 480px) {
    .porfolio-1 .container-fluid .porodu p {
      font-size: 14px !important; }
    .porfolio-1 .contacts .contact p {
      font-size: 20px !important; } }
  @media screen and (max-width: 1680px) {
    .porfolio-1 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; } }
  @media screen and (max-width: 1440px) {
    .porfolio-1 .approach-mission-designers .our-mision {
      padding: 100px 40px; }
    .porfolio-1 .approach-mission-designers .our-approach {
      padding: 100px 30px; } }
  @media screen and (max-width: 1360px) {
    .porfolio-1 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .porfolio-1 .cases .read-mode .read-mode-produc {
      top: 100px; } }
  @media screen and (max-width: 1170px) {
    .porfolio-1 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .porfolio-1 .approach-mission-designers .our-mision {
      padding: 50px 15px; }
      .porfolio-1 .approach-mission-designers .our-mision h1 {
        font-size: 40px; }
    .porfolio-1 .approach-mission-designers .our-approach {
      padding: 50px 15px;
      padding-bottom: 21px; }
      .porfolio-1 .approach-mission-designers .our-approach h1 {
        font-size: 40px; }
    .porfolio-1 .approach-mission-designers .we-are-designers {
      padding: 50px 15px;
      padding-bottom: 61px; }
      .porfolio-1 .approach-mission-designers .we-are-designers h1 {
        font-size: 40px; }
    .porfolio-1 .affixx {
      padding-top: 15px !important; } }
  @media screen and (max-width: 1024px) {
    .porfolio-1 .approach-mission-designers .we-are-designers {
      padding-bottom: 90px; }
    .porfolio-1 .pull-right {
      padding: 5px; }
    .porfolio-1 .affixx .logo {
      padding-left: 15px; }
    .porfolio-1 .affixx .sidenav {
      padding-right: 15px; }
    .porfolio-1 .we-are-delivering .container {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .porfolio-1 .approach-mission-designers .we-are-designers {
      padding-bottom: 76px; }
    .porfolio-1 .approach-mission-designers .our-approach {
      padding: 50px 15px; }
    .porfolio-1 h1 {
      font-size: 36px !important; } }
  @media screen and (max-width: 768px) {
    .porfolio-1 .affixx .logo {
      padding-left: 15px; }
    .porfolio-1 .affixx .sidenav {
      padding-right: 15px; } }
  @media screen and (max-width: 680px) {
    .porfolio-1 .approach-mission-designers .we-are-designers {
      padding: 30px 15px; }
    .porfolio-1 .approach-mission-designers .we-are-designers h1 {
      padding-right: 20%; } }
  @media screen and (max-width: 568px) {
    .porfolio-1 h1 {
      font-size: 24px !important; }
    .porfolio-1 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .porfolio-1 .approach-mission-designers .col-md-3 {
      width: 100%; }
    .porfolio-1 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .porfolio-1 .approach-mission-designers {
      padding-bottom: 0; }
    .porfolio-1 .cooperate {
      padding-top: 50px; }
    .porfolio-1 .we-are-delivering .container {
      padding: 50px 15px; }
    .porfolio-1 .container_header {
      top: 70%; } }
  @media screen and (max-width: 480px) {
    .porfolio-1 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .porfolio-1 .what1 .main-img .slick-slide {
      display: none; }
    .porfolio-1 .cases .read-mode {
      width: 100%; }
    .porfolio-1 .approach-mission-designers .our-approach p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-1 .approach-mission-designers .our-mision p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-1 .unlimited .welcome p {
      font-size: 14px;
      line-height: 150%;
      padding-bottom: 30px; }
    .porfolio-1 .unlimited .col-md-3 {
      padding: 30px 15px; }
      .porfolio-1 .unlimited .col-md-3 p {
        font-size: 14px;
        line-height: 150%; } }
  @media screen and (max-width: 1820px) {
    .porfolio-1 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .porfolio-1 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .porfolio-1 .contacts .contact p {
      font-size: 24px; }
    .porfolio-1 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .porfolio-1 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .porfolio-1 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .porfolio-1 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .porfolio-1 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .porfolio-1 .testimonials-img img {
      width: 100%; }
    .porfolio-1 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .porfolio-1 .cooperate {
      padding-top: 50px; }
    .porfolio-1 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .porfolio-1 .contacts .contact {
      text-align: center; }
    .porfolio-1 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .porfolio-1 .testimonials {
      padding-bottom: 50px; }
    .porfolio-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .porfolio-1 .contacts .contact p .circle img {
      width: 8%; }
    .porfolio-1 .contacts .contact p {
      font-size: 20px; }
    .porfolio-1 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .porfolio-1 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .porfolio-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .porfolio-1 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-1 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .porfolio-1 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .porfolio-1 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-1 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .porfolio-1 .gallery .col-md-4 {
      width: 100%; }
    .porfolio-1 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .porfolio-1 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .porfolio-1 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .porfolio-1 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .porfolio-1 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .porfolio-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .porfolio-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .porfolio-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .porfolio-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .porfolio-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .porfolio-1 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .porfolio-1 .affixx {
      padding-top: 15px !important; }
    .porfolio-1 .pull-right {
      padding-top: 5px; }
    .porfolio-1 .layer {
      padding-top: 0px; }
    .porfolio-1 .pull-right {
      padding: 5px 0; }
    .porfolio-1 .page-404 {
      padding-top: 50px 15px; }
    .porfolio-1 .affixx .sidenav {
      padding-right: 15px; }
    .porfolio-1 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .porfolio-1 .careate img {
      width: 100%; }
    .porfolio-1 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .porfolio-1 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .porfolio-1 .layer {
      padding-top: 62px; }
    .porfolio-1 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .porfolio-1 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .porfolio-1 .container_header {
      top: 75%; }
    .porfolio-1 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .porfolio-1 .container_header .breadcrumb .active {
      width: auto; }
    .porfolio-1 .blog .pagination li .prev {
      width: 80px; }
    .porfolio-1 .container_header h1 {
      padding-bottom: 0; } }

.porfolio-2 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .porfolio-2 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .porfolio-2 * {
    box-sizing: border-box; }
  .porfolio-2 .sidenav a:hover {
    color: #b6aeae; }
  .porfolio-2 .button_seee {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .porfolio-2 .button_seee span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .porfolio-2 .button_seee:hover {
      background: #f45740;
      color: #f2f2f2; }
    .porfolio-2 .button_seee:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .porfolio-2 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .porfolio-2 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .porfolio-2 .button_rea:hover {
      opacity: 0.7; }
    .porfolio-2 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .porfolio-2 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .porfolio-2 .layer {
    position: relative; }
    .porfolio-2 .layer img {
      width: 100%; }
  .porfolio-2 .affix {
    z-index: 1;
    width: 100%; }
  .porfolio-2 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .porfolio-2 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .porfolio-2 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .porfolio-2 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .porfolio-2 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .porfolio-2 .affixx .sidenav .navbar .nav {
          float: right; }
          .porfolio-2 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .porfolio-2 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .porfolio-2 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .porfolio-2 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .porfolio-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .porfolio-2 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .porfolio-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .porfolio-2 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .porfolio-2 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .porfolio-2 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .porfolio-2 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .porfolio-2 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .porfolio-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .porfolio-2 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .porfolio-2 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .porfolio-2 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .porfolio-2 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .porfolio-2 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .porfolio-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .porfolio-2 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .porfolio-2 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .porfolio-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .porfolio-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .porfolio-2 .header-mobi {
    display: none; }
    .porfolio-2 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .porfolio-2 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .porfolio-2 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .porfolio-2 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .porfolio-2 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .porfolio-2 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .porfolio-2 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .porfolio-2 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .porfolio-2 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .porfolio-2 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .porfolio-2 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .porfolio-2 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .porfolio-2 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .porfolio-2 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .porfolio-2 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .porfolio-2 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .porfolio-2 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .porfolio-2 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .porfolio-2 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .porfolio-2 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .porfolio-2 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .porfolio-2 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .porfolio-2 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .porfolio-2 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .porfolio-2 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .porfolio-2 .sidenav a:hover {
    color: #f1f1f1; }
  .porfolio-2 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .porfolio-2 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .porfolio-2 .child2 {
    margin: 5px 0; }
  .porfolio-2 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .porfolio-2 .layer {
    position: relative; }
  .porfolio-2 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .porfolio-2 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .porfolio-2 .container_header .breadcrumb {
      background: transparent; }
      .porfolio-2 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .porfolio-2 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .porfolio-2 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .porfolio-2 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .porfolio-2 .porfolio {
    padding: 80px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 65px; }
  .porfolio-2 .porfolio .col-md-12 {
    padding-right: 0;
    padding-bottom: 20px; }
  .porfolio-2 .porfolio .nav_main .nav-tabs {
    background: transparent;
    border: none; }
    .porfolio-2 .porfolio .nav_main .nav-tabs li {
      padding-left: 15px;
      padding-right: 25px;
      float: left;
      margin-bottom: -1px; }
      .porfolio-2 .porfolio .nav_main .nav-tabs li a {
        font-family: roboto condensed;
        font-weight: 400;
        color: #909090;
        letter-spacing: 1px;
        padding-right: 0;
        padding-left: 0; }
        .porfolio-2 .porfolio .nav_main .nav-tabs li a:hover {
          border-color: #fff;
          color: #333333; }
    .porfolio-2 .porfolio .nav_main .nav-tabs .active > a {
      color: black;
      background: transparent;
      border-bottom: 1px solid #fc6955 !important;
      transition: 0.4s;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important; }
  .porfolio-2 .porfolio .nav_main .nav > li > a:hover {
    background: transparent; }
  .porfolio-2 .porfolio .nav_main .nav > li > a:focus {
    background: transparent;
    border-bottom: 1px solid #fc6955;
    color: #333; }
  .porfolio-2 .porfolio .col-md-12 {
    text-align: center;
    display: inline-block; }
  .porfolio-2 .porfolio .col-md-3 {
    padding: 0; }
  .porfolio-2 .porfolio .filter {
    padding: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .porfolio-2 .porfolio .filter .item {
      position: relative;
      overflow: hidden; }
      .porfolio-2 .porfolio .filter .item:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .porfolio-2 .porfolio .filter .item img {
        width: 100%;
        transition: .4s;
        cursor: pointer; }
    .porfolio-2 .porfolio .filter .button-pro {
      text-align: center;
      padding-top: 10%; }
  .porfolio-2 .contacts {
    background: #fc6a55; }
    .porfolio-2 .contacts .contact {
      padding-bottom: 40px;
      padding-top: 50px; }
      .porfolio-2 .contacts .contact p {
        font-size: 30px;
        font-family: roboto condensed;
        color: #fff; }
        .porfolio-2 .contacts .contact p .circle {
          padding-right: 20px; }
  .porfolio-2 .button_see_contact {
    padding-left: 20px;
    width: 210px;
    height: 60px;
    border: none;
    background: transparent;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .porfolio-2 .button_see_contact span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .porfolio-2 .button_see_contact:hover {
      color: #f2f2f2; }
    .porfolio-2 .button_see_contact:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .porfolio-2 .button-por {
    text-align: center;
    float: left;
    width: 100%; }
  @media screen and (max-width: 680px) {
    .porfolio-2 .porfolio {
      padding: 50px 15px !important; } }
  @media screen and (max-width: 480px) {
    .porfolio-2 .porfolio .nav_main {
      margin-left: 0 !important; }
    .porfolio-2 .button_see {
      width: 145px !important; } }
  @media screen and (max-width: 568px) {
    .porfolio-2 .gallery_product {
      width: 100%; } }
  .porfolio-2 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .porfolio-2 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .porfolio-2 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .porfolio-2 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .porfolio-2 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .porfolio-2 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .porfolio-2 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .porfolio-2 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .porfolio-2 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .porfolio-2 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .porfolio-2 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .porfolio-2 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .porfolio-2 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .porfolio-2 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .porfolio-2 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .porfolio-2 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .porfolio-2 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .porfolio-2 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .porfolio-2 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .porfolio-2 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .porfolio-2 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .porfolio-2 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .porfolio-2 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .porfolio-2 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .porfolio-2 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .porfolio-2 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .porfolio-2 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .porfolio-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .porfolio-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .porfolio-2 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .porfolio-2 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .porfolio-2 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .porfolio-2 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .porfolio-2 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .porfolio-2 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .porfolio-2 .footer .full-container .footer2 {
      padding: 20px 0; }
      .porfolio-2 .footer .full-container .footer2 .copy {
        color: #909090; }
      .porfolio-2 .footer .full-container .footer2 .goto {
        text-align: right; }
        .porfolio-2 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1680px) {
    .porfolio-2 .phone_top {
      padding-right: 80px; } }
  @media screen and (max-width: 1240px) {
    .porfolio-2 .unlimited .col-md-3 {
      padding: 15px; }
    .porfolio-2 .testimonials-design .p {
      padding-left: 17%;
      padding-right: 17%; }
    .porfolio-2 .testimonials-design .pp {
      padding-left: 17%;
      padding-right: 17%; }
    .porfolio-2 .group .easy-way ul li {
      padding: 10px 0;
      font-size: 14px; }
    .porfolio-2 .easy-way {
      padding-left: 0;
      padding-right: 0; }
    .porfolio-2 .easy-way ul {
      -webkit-padding-start: 10px; }
    .porfolio-2 .group .easy-way p {
      font-size: 14px;
      padding-bottom: 10px; }
    .porfolio-2 .group .easy-way h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1024px) {
    .porfolio-2 .side .phone_top {
      display: block; }
    .porfolio-2 .layer {
      padding-top: 0px; }
    .porfolio-2 .group {
      padding-top: 50px; }
    .porfolio-2 .testimonials-design {
      padding-bottom: 50px;
      padding-top: 50px; }
    .porfolio-2 .unlimited {
      padding-top: 30px; }
    .porfolio-2 .row_header5 .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .porfolio-2 .row_header5 {
      padding-bottom: 10px;
      padding-top: 15px; }
    .porfolio-2 .row_header5 .navba {
      padding-left: 15px; }
    .porfolio-2 .phone_top {
      padding-right: 15px; } }
  @media screen and (max-width: 991px) {
    .porfolio-2 .unlimited .col-md-3 {
      padding-bottom: 50px; }
    .porfolio-2 .unlimited .customer {
      padding-bottom: 55px; }
    .porfolio-2 .group {
      padding-bottom: 100px; }
    .porfolio-2 .our-recent {
      padding-bottom: 50px; }
    .porfolio-2 .sile1 .we_are {
      padding-left: 15px; }
    .porfolio-2 .porfo .porfolio {
      padding: 80px 15px; }
    .porfolio-2 .testimonials-design .p {
      padding-left: 5%;
      padding-right: 5%; }
    .porfolio-2 .testimonials-design .pp {
      padding-left: 5%;
      padding-right: 5%; }
    .porfolio-2 .easy-way {
      padding-left: 15px;
      padding-right: 15px; }
    .porfolio-2 br {
      display: none; } }
  @media screen and (max-width: 768px) {
    .porfolio-2 .blog .col-md-4 {
      width: 50%;
      text-align: left; }
    .porfolio-2 .porfo .nav_main .nav-tabs {
      padding-left: 10px; }
    .porfolio-2 .unlimited {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 680px) {
    .porfolio-2 .blog .col-md-4 .blog_name a {
      font-size: 17px; }
    .porfolio-2 .sile1 {
      width: 100%;
      left: 0; }
    .porfolio-2 .unlimited .development {
      clear: left; } }
  @media screen and (max-width: 568px) {
    .porfolio-2 .sile1 {
      top: 50%; }
    .porfolio-2 .layer {
      padding-top: 0; }
    .porfolio-2 .unlimited .col-md-3 {
      width: 100%; }
    .porfolio-2 .testimonials-design .p {
      font-size: 24px; }
    .porfolio-2 .testimonials-design .pp {
      font-size: 14px; }
    .porfolio-2 .blog .col-md-4 {
      width: 100%; }
    .porfolio-2 .blog .blog_name {
      padding-bottom: 0; }
    .porfolio-2 #googlemap1 {
      height: 300px; }
    .porfolio-2 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .porfolio-2 .testimonials-design .chuky {
      margin-top: 20px; }
    .porfolio-2 .group .easy-way ul li span {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .porfolio-2 .fixed-fluid {
      padding-top: 60px; }
    .porfolio-2 .sile1 {
      left: 0;
      width: 100%; }
    .porfolio-2 .row_header5 {
      padding-top: 20px; }
    .porfolio-2 .affix {
      padding-top: 15px;
      padding-bottom: 10px; }
    .porfolio-2 .testimonials-design .p .file {
      margin-left: 0; }
    .porfolio-2 .testimonials-design .p {
      margin-left: 0;
      margin-right: 0; }
    .porfolio-2 .group .group-img {
      padding-right: 125px; }
    .porfolio-2 .img_porfolio .col-xs-6 {
      width: 100%; }
    .porfolio-2 .porfolio .nav_main {
      margin-left: 0; }
    .porfolio-2 .porfolio .col-md-8 {
      padding-right: 0; }
    .porfolio-2 .porfolio .nav_main .nav-tabs .active {
      padding-bottom: 0; }
    .porfolio-2 .porfolio .nav_main .nav-tabs li {
      padding-bottom: 1px; } }
  .porfolio-2 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .porfolio-2 .pull-right {
    cursor: pointer; }
  .porfolio-2 * {
    outline: none !important; }
  .porfolio-2 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .porfolio-2 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .porfolio-2 .create {
      padding: 117px 30px; }
    .porfolio-2 .careate .carea .cust {
      padding: 15px 10px; }
    .porfolio-2 .carea {
      padding: 40px 80px; }
    .porfolio-2 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .porfolio-2 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .porfolio-2 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .porfolio-2 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .porfolio-2 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .porfolio-2 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .porfolio-2 .affixx .navba {
      padding-left: 5px; }
    .porfolio-2 .phone_top {
      padding-right: 5px; }
    .porfolio-2 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .porfolio-2 .counter1 .col-md-3 {
      padding-left: 8%; }
    .porfolio-2 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .porfolio-2 .feedback .feeb {
      font-size: 200px; }
    .porfolio-2 .affixx .navba {
      padding-left: 15px; }
    .porfolio-2 .phone_top {
      padding-right: 15px; }
    .porfolio-2 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .porfolio-2 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .porfolio-2 .we_are {
      padding: 0 50px; }
    .porfolio-2 .careate .carea .cust {
      padding: 10px 10px; }
    .porfolio-2 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .porfolio-2 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .porfolio-2 .cust h1 {
      padding-bottom: 0; }
    .porfolio-2 .cust p {
      line-height: 150%; }
    .porfolio-2 .button_see {
      margin-top: 27px; }
    .porfolio-2 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .porfolio-2 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .porfolio-2 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .porfolio-2 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .porfolio-2 .footer .full-container {
      padding: 0 15px; }
    .porfolio-2 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .porfolio-2 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .porfolio-2 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .porfolio-2 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .porfolio-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .porfolio-2 .contacts .contact {
      padding: 20px 0; }
    .porfolio-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .porfolio-2 .feedback .slide_main .test {
      padding-top: 50px; }
    .porfolio-2 .phone_top {
      padding-top: 0; }
    .porfolio-2 .phone_top .pull-right {
      padding: 5px; }
    .porfolio-2 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .porfolio-2 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .porfolio-2 .affixx .sidenav .navbar .nav {
      float: none; }
    .porfolio-2 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .porfolio-2 .affixx {
      padding-bottom: 10px !important; }
    .porfolio-2 .counter1 .col-md-3 {
      padding-left: 6%; }
    .porfolio-2 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .porfolio-2 .header-lap {
      display: none; }
    .porfolio-2 .header-mobi {
      display: block; }
    .porfolio-2 .feedback {
      padding-bottom: 50px; }
    .porfolio-2 .cust h1 {
      font-size: 30px; }
    .porfolio-2 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .porfolio-2 .all-pro span {
      margin-right: 5px; }
    .porfolio-2 .phone_top span {
      display: none; }
    .porfolio-2 .phone_top .phonee {
      display: none; }
    .porfolio-2 .who_we_are {
      padding: 50px 0; }
    .porfolio-2 .blog {
      padding: 50px 0; }
    .porfolio-2 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .porfolio-2 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .porfolio-2 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .porfolio-2 .who_we_are .we_01 {
      padding: 0 15px; }
    .porfolio-2 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .porfolio-2 .porfolio .col-md-8 {
      padding-left: 0; }
    .porfolio-2 .feedback .feeb {
      font-size: 130px; }
    .porfolio-2 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .porfolio-2 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .porfolio-2 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .porfolio-2 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .porfolio-2 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .porfolio-2 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .porfolio-2 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .porfolio-2 .links ul {
      -webkit-padding-start: 0px; }
    .porfolio-2 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .porfolio-2 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .porfolio-2 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .porfolio-2 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .porfolio-2 .recent_post ul {
      -webkit-padding-start: 0px; }
    .porfolio-2 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .porfolio-2 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .porfolio-2 .servic {
      padding-top: 50px; }
    .porfolio-2 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .porfolio-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .porfolio-2 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .porfolio-2 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .porfolio-2 .row_top div p {
      line-height: 170%; }
    .porfolio-2 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .porfolio-2 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .porfolio-2 .slide_main .test {
      padding-top: 100px; }
    .porfolio-2 .img_porfolio .col-md-4 {
      width: 50%; }
    .porfolio-2 .servic .col-md-4 {
      width: 50%; }
    .porfolio-2 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .porfolio-2 .blog .col-md-4 {
      width: 33.33333%; }
    .porfolio-2 .button_see {
      margin-top: 10px; }
    .porfolio-2 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .porfolio-2 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .porfolio-2 .button_rea {
      height: 38px;
      margin-top: 0; }
    .porfolio-2 .footer .full-container .footer2 .copy {
      text-align: center; }
    .porfolio-2 .footer .full-container .footer2 .goto {
      text-align: center; }
    .porfolio-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .porfolio-2 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .porfolio-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .porfolio-2 .feedback .information .lazy h3 {
      font-size: 20px; }
    .porfolio-2 * h1 {
      font-size: 36px !important; }
    .porfolio-2 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .porfolio-2 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .porfolio-2 .feedback .feeb {
      font-size: 100px; }
    .porfolio-2 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .porfolio-2 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-2 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .porfolio-2 .who_we_are .who_are p {
      font-size: 14px; }
    .porfolio-2 .careate .carea .cust h1 {
      font-size: 36px; }
    .porfolio-2 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .porfolio-2 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .porfolio-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .porfolio-2 .feedback .information .lazy h3 {
      font-size: 16px; }
    .porfolio-2 .cuter .counter {
      padding: 50px 0 0 0; }
    .porfolio-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .porfolio-2 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .porfolio-2 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .porfolio-2 .porfolio {
      padding: 50px 0px; }
    .porfolio-2 .button-proje {
      width: 210px; }
    .porfolio-2 .video .row_video .video1 > p {
      font-size: 24px; }
    .porfolio-2 .blog .col-md-12 h1 {
      font-size: 36px; }
    .porfolio-2 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .porfolio-2 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-2 .footer #googlemap1 {
      height: 400px; }
    .porfolio-2 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .porfolio-2 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .porfolio-2 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .porfolio-2 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .porfolio-2 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .porfolio-2 .side .navbar .list-group-item button {
      top: 0; }
    .porfolio-2 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .porfolio-2 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .porfolio-2 .base {
      margin-left: 0 !important; }
    .porfolio-2 .baseright {
      margin-left: 0 !important; }
    .porfolio-2 .sile1 {
      top: 60%; }
    .porfolio-2 .affixx {
      background: #333 !important; }
    .porfolio-2 .affixx {
      padding-top: 20px !important; }
    .porfolio-2 .feedback .feeb {
      font-size: 70px; }
    .porfolio-2 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .porfolio-2 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .porfolio-2 .who_we_are .who_are h1 {
      font-size: 24px; }
    .porfolio-2 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .porfolio-2 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .porfolio-2 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .porfolio-2 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .porfolio-2 .servic .col-md-12 p {
      font-size: 24px; }
    .porfolio-2 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-2 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .porfolio-2 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .porfolio-2 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .porfolio-2 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .porfolio-2 .button_see {
      margin-top: 0; }
    .porfolio-2 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .porfolio-2 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .porfolio-2 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .porfolio-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .porfolio-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .porfolio-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .porfolio-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .porfolio-2 .feedback .slide_main .test p {
      font-size: 24px; }
    .porfolio-2 .feedback .information .lazy h3 {
      font-size: 14px; }
    .porfolio-2 * h1 {
      font-size: 24px !important; }
    .porfolio-2 .affixx {
      position: inherit !important; }
    .porfolio-2 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .porfolio-2 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .porfolio-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .porfolio-2 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .porfolio-2 .modal .modal-dialog .modal-content {
      padding: 0; }
    .porfolio-2 .img_porfolio .col-md-4 {
      width: 100%; }
    .porfolio-2 .feedback .feeb {
      letter-spacing: 6px; }
    .porfolio-2 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .porfolio-2 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .porfolio-2 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .porfolio-2 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .porfolio-2 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .porfolio-2 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .porfolio-2 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .porfolio-2 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .porfolio-2 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .porfolio-2 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .porfolio-2 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .porfolio-2 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .porfolio-2 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .porfolio-2 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .porfolio-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .porfolio-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .porfolio-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .porfolio-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .porfolio-2 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .porfolio-2 .servic .identity {
      padding-top: 20px; }
    .porfolio-2 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .porfolio-2 .porfolio .nav_main {
      float: left; }
    .porfolio-2 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1440px) {
    .porfolio-2 .container-fluid .porodu {
      padding: 5% 5% 0 5%; } }
  @media screen and (max-width: 1360px) {
    .porfolio-2 .container-fluid .porodu {
      padding: 4% 1% 0 1%; } }
  @media screen and (max-width: 1170px) {
    .porfolio-2 .container-fluid .porodu {
      padding: 2% 1% 0 1%; } }
  @media screen and (max-width: 1024px) {
    .porfolio-2 .container-fluid .porodu h4 {
      padding: 5px 0; }
    .porfolio-2 .porodu {
      border-top: 1px solid #bebebe; } }
  @media screen and (max-width: 991px) {
    .porfolio-2 .container-fluid .col-md-1:nth-child(12n+1), .porfolio-2 .container-fluid .col-md-2:nth-child(6n+1), .porfolio-2 .container-fluid .col-md-3:nth-child(4n+1), .porfolio-2 .container-fluid .col-md-4:nth-child(3n+1), .porfolio-2 .container-fluid .col-md-6:nth-child(2n+1),
    .porfolio-2 .container-fluid .col-lg-1:nth-child(12n+1), .porfolio-2 .container-fluid .col-lg-2:nth-child(6n+1), .porfolio-2 .container-fluid .col-lg-3:nth-child(4n+1), .porfolio-2 .container-fluid .col-lg-4:nth-child(3n+1), .porfolio-2 .container-fluid .col-lg-6:nth-child(2n+1),
    .porfolio-2 .container-fluid .col-xs-1:nth-child(12n+1), .porfolio-2 .container-fluid .col-xs-2:nth-child(6n+1), .porfolio-2 .container-fluid .col-xs-3:nth-child(4n+1), .porfolio-2 .container-fluid .col-xs-4:nth-child(3n+1), .porfolio-2 .container-fluid .col-xs-6:nth-child(2n+1) {
      clear: none; }
    .porfolio-2 .container-fluid .col-sm-1:nth-child(12n+1), .porfolio-2 .container-fluid .col-sm-2:nth-child(6n+1), .porfolio-2 .container-fluid .col-sm-3:nth-child(4n+1), .porfolio-2 .container-fluid .col-sm-4:nth-child(3n+1), .porfolio-2 .container-fluid .col-sm-6:nth-child(2n+1) {
      clear: left; }
    .porfolio-2 .container-fluid .porodu {
      padding: 10% 1% 0 1%; } }
  @media screen and (max-width: 768px) {
    .porfolio-2 .container-fluid .porodu {
      padding: 5% 1% 0 1%; }
    .porfolio-2 .container-fluid .poroduc {
      padding-bottom: 5%; } }
  @media screen and (max-width: 680px) {
    .porfolio-2 .container-fluid .col-lg-4 {
      width: 100%;
      padding: 10% 2% 10% 2%; }
    .porfolio-2 .porodu {
      border-top: none; } }
  @media screen and (max-width: 480px) {
    .porfolio-2 .container-fluid .porodu p {
      font-size: 14px !important; }
    .porfolio-2 .contacts .contact p {
      font-size: 20px !important; } }
  @media screen and (max-width: 1680px) {
    .porfolio-2 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; } }
  @media screen and (max-width: 1440px) {
    .porfolio-2 .approach-mission-designers .our-mision {
      padding: 100px 40px; }
    .porfolio-2 .approach-mission-designers .our-approach {
      padding: 100px 30px; } }
  @media screen and (max-width: 1360px) {
    .porfolio-2 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .porfolio-2 .cases .read-mode .read-mode-produc {
      top: 100px; } }
  @media screen and (max-width: 1170px) {
    .porfolio-2 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .porfolio-2 .approach-mission-designers .our-mision {
      padding: 50px 15px; }
      .porfolio-2 .approach-mission-designers .our-mision h1 {
        font-size: 40px; }
    .porfolio-2 .approach-mission-designers .our-approach {
      padding: 50px 15px;
      padding-bottom: 21px; }
      .porfolio-2 .approach-mission-designers .our-approach h1 {
        font-size: 40px; }
    .porfolio-2 .approach-mission-designers .we-are-designers {
      padding: 50px 15px;
      padding-bottom: 61px; }
      .porfolio-2 .approach-mission-designers .we-are-designers h1 {
        font-size: 40px; }
    .porfolio-2 .affixx {
      padding-top: 15px !important; } }
  @media screen and (max-width: 1024px) {
    .porfolio-2 .approach-mission-designers .we-are-designers {
      padding-bottom: 90px; }
    .porfolio-2 .pull-right {
      padding: 5px; }
    .porfolio-2 .affixx .logo {
      padding-left: 15px; }
    .porfolio-2 .affixx .sidenav {
      padding-right: 15px; }
    .porfolio-2 .we-are-delivering .container {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .porfolio-2 .approach-mission-designers .we-are-designers {
      padding-bottom: 76px; }
    .porfolio-2 .approach-mission-designers .our-approach {
      padding: 50px 15px; }
    .porfolio-2 h1 {
      font-size: 36px !important; } }
  @media screen and (max-width: 768px) {
    .porfolio-2 .affixx .logo {
      padding-left: 15px; }
    .porfolio-2 .affixx .sidenav {
      padding-right: 15px; } }
  @media screen and (max-width: 680px) {
    .porfolio-2 .approach-mission-designers .we-are-designers {
      padding: 30px 15px; }
    .porfolio-2 .approach-mission-designers .we-are-designers h1 {
      padding-right: 20%; } }
  @media screen and (max-width: 568px) {
    .porfolio-2 h1 {
      font-size: 24px !important; }
    .porfolio-2 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .porfolio-2 .approach-mission-designers .col-md-3 {
      width: 100%; }
    .porfolio-2 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .porfolio-2 .approach-mission-designers {
      padding-bottom: 0; }
    .porfolio-2 .cooperate {
      padding-top: 50px; }
    .porfolio-2 .we-are-delivering .container {
      padding: 50px 15px; }
    .porfolio-2 .container_header {
      top: 70%; } }
  @media screen and (max-width: 480px) {
    .porfolio-2 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .porfolio-2 .what1 .main-img .slick-slide {
      display: none; }
    .porfolio-2 .cases .read-mode {
      width: 100%; }
    .porfolio-2 .approach-mission-designers .our-approach p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-2 .approach-mission-designers .our-mision p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-2 .unlimited .welcome p {
      font-size: 14px;
      line-height: 150%;
      padding-bottom: 30px; }
    .porfolio-2 .unlimited .col-md-3 {
      padding: 30px 15px; }
      .porfolio-2 .unlimited .col-md-3 p {
        font-size: 14px;
        line-height: 150%; } }
  @media screen and (max-width: 1820px) {
    .porfolio-2 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .porfolio-2 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .porfolio-2 .contacts .contact p {
      font-size: 24px; }
    .porfolio-2 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .porfolio-2 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .porfolio-2 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .porfolio-2 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .porfolio-2 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .porfolio-2 .testimonials-img img {
      width: 100%; }
    .porfolio-2 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .porfolio-2 .cooperate {
      padding-top: 50px; }
    .porfolio-2 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .porfolio-2 .contacts .contact {
      text-align: center; }
    .porfolio-2 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .porfolio-2 .testimonials {
      padding-bottom: 50px; }
    .porfolio-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .porfolio-2 .contacts .contact p .circle img {
      width: 8%; }
    .porfolio-2 .contacts .contact p {
      font-size: 20px; }
    .porfolio-2 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .porfolio-2 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .porfolio-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .porfolio-2 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-2 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .porfolio-2 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .porfolio-2 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .porfolio-2 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .porfolio-2 .gallery .col-md-4 {
      width: 100%; }
    .porfolio-2 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .porfolio-2 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .porfolio-2 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .porfolio-2 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .porfolio-2 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .porfolio-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .porfolio-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .porfolio-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .porfolio-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .porfolio-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .porfolio-2 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .porfolio-2 .affixx {
      padding-top: 15px !important; }
    .porfolio-2 .pull-right {
      padding-top: 5px; }
    .porfolio-2 .layer {
      padding-top: 0px; }
    .porfolio-2 .pull-right {
      padding: 5px 0; }
    .porfolio-2 .page-404 {
      padding-top: 50px 15px; }
    .porfolio-2 .affixx .sidenav {
      padding-right: 15px; }
    .porfolio-2 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .porfolio-2 .careate img {
      width: 100%; }
    .porfolio-2 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .porfolio-2 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .porfolio-2 .layer {
      padding-top: 62px; }
    .porfolio-2 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .porfolio-2 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .porfolio-2 .container_header {
      top: 75%; }
    .porfolio-2 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .porfolio-2 .container_header .breadcrumb .active {
      width: auto; }
    .porfolio-2 .blog .pagination li .prev {
      width: 80px; }
    .porfolio-2 .container_header h1 {
      padding-bottom: 0; } }

.services-1 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .services-1 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px;
    overflow: visible !important; }
  .services-1 .compensate-for-scrollbar {
    margin-right: 0 !important; }
  .services-1 * {
    outline: 0 !important;
    box-sizing: border-box; }
  .services-1 .sidenav a:hover {
    color: #b6aeae; }
  .services-1 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .services-1 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .services-1 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .services-1 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .services-1 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .services-1 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .services-1 .button_rea:hover {
      opacity: 0.7; }
    .services-1 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .services-1 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .services-1 .layer {
    position: relative; }
    .services-1 .layer img {
      width: 100%; }
  .services-1 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .services-1 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .services-1 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .services-1 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .services-1 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .services-1 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .services-1 .affixx .sidenav .navbar .nav {
          float: right; }
          .services-1 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .services-1 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              transition: all 0.4s;
              top: 103%; }
            .services-1 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .services-1 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .services-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .services-1 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .services-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .services-1 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .services-1 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .services-1 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .services-1 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .services-1 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .services-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .services-1 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .services-1 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .services-1 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .services-1 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .services-1 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .services-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .services-1 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .services-1 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .services-1 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .services-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .services-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .services-1 .header-mobi {
    display: none; }
    .services-1 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .services-1 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -4px 20px 10px; }
    .services-1 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .services-1 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .services-1 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .services-1 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .services-1 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .services-1 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .services-1 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .services-1 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .services-1 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .services-1 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .services-1 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .services-1 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .services-1 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .services-1 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .services-1 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .services-1 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .services-1 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-1 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .services-1 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-1 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .services-1 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-1 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .services-1 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-1 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .services-1 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-1 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .services-1 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .services-1 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-1 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-1 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .services-1 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .services-1 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .services-1 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .services-1 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .services-1 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .services-1 .sidenav a:hover {
    color: #f1f1f1; }
  .services-1 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .services-1 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .services-1 .child2 {
    margin: 5px 0; }
  .services-1 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .services-1 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .services-1 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .services-1 .container_header .breadcrumb {
      background: transparent; }
      .services-1 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .services-1 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .services-1 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .services-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .services-1 .servic {
    text-align: center;
    padding: 150px 0; }
    .services-1 .servic .row {
      margin-right: 0; }
    .services-1 .servic .col-md-12 h5 {
      color: #909090;
      font-weight: 700;
      letter-spacing: 2px;
      font-family: roboto condensed; }
    .services-1 .servic .col-md-12 p {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px; }
    .services-1 .servic .col-md-4 p {
      font-size: 16px;
      line-height: 185%;
      color: #909090; }
    .services-1 .servic .col-md-4 h4 {
      font-family: roboto condensed;
      font-weight: 700;
      font-size: 20px; }
    .services-1 .servic .development {
      padding: 0 45px;
      padding-bottom: 58px;
      border-bottom: 1px solid #ebebeb; }
      .services-1 .servic .development span {
        background-image: url(../img/web.png);
        height: 54px;
        width: 56px;
        display: inline-block; }
    .services-1 .servic .identity {
      padding: 0 44px;
      padding-bottom: 60px;
      border-bottom: 1px solid #ebebeb;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb; }
      .services-1 .servic .identity span {
        background-image: url(../img/logoiden.png);
        height: 52px;
        width: 53px;
        display: inline-block; }
    .services-1 .servic .design {
      padding: 0 45px;
      padding-bottom: 52px;
      border-bottom: 1px solid #ebebeb; }
      .services-1 .servic .design span {
        background-image: url(../img/garphics.png);
        height: 70px;
        width: 48px;
        display: inline-block;
        margin-top: -10px; }
    .services-1 .servic .appdevelopment {
      padding: 0 45px;
      padding-top: 60px; }
      .services-1 .servic .appdevelopment span {
        background-image: url(../img/app.png);
        height: 60px;
        width: 60px;
        display: inline-block; }
    .services-1 .servic .marketing {
      padding: 0 45px;
      padding-top: 60px;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb; }
      .services-1 .servic .marketing span {
        background-image: url(../img/social.png);
        height: 53px;
        width: 49px;
        display: inline-block; }
    .services-1 .servic .creation {
      padding: 0 44px;
      padding-top: 60px; }
      .services-1 .servic .creation span {
        background-image: url(../img/content.png);
        height: 46px;
        width: 65px;
        display: inline-block; }
  .services-1 .testimonials-img img {
    width: 100% !important; }
  .services-1 .testimonials-design {
    text-align: center;
    padding-top: 150px;
    background: #fc6a55;
    padding-bottom: 150px; }
    .services-1 .testimonials-design .p {
      font-weight: 700;
      font-size: 30px;
      font-family: roboto condensed;
      padding-bottom: 10px;
      color: #fff;
      margin-left: 65px;
      margin-right: 65px;
      padding-left: 31%;
      padding-right: 31%; }
      .services-1 .testimonials-design .p .file {
        background-image: url(../img/file1.png);
        height: 26px;
        width: 33px;
        display: inline-block;
        margin-right: 20px;
        margin-left: -50px; }
    .services-1 .testimonials-design .pp {
      font-size: 16px;
      line-height: 185%;
      color: #fff;
      padding-left: 31%;
      padding-right: 31%; }
    .services-1 .testimonials-design .chuky {
      background-image: url(../img/chuky.png);
      height: 23px;
      width: 205px;
      display: inline-block;
      margin-top: 55px; }
  .services-1 .pricing-table {
    padding-top: 150px; }
    .services-1 .pricing-table .our_pri h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px;
      text-align: center; }
    .services-1 .pricing-table .our_pri h1 {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px;
      text-align: center; }
    .services-1 .pricing-table .center-mode {
      padding-bottom: 150px; }
      .services-1 .pricing-table .center-mode .months {
        transition: all .5s;
        border: 1px solid #f2f2f2;
        background: #fff;
        padding: 50px; }
        .services-1 .pricing-table .center-mode .months p {
          font-size: 16px;
          color: #909090;
          border-bottom: 1px solid #f2f2f2;
          padding-bottom: 20px; }
        .services-1 .pricing-table .center-mode .months:hover {
          background: #202737;
          margin-top: -5%;
          padding-top: 10%;
          padding-bottom: 10%;
          color: #fff; }
          .services-1 .pricing-table .center-mode .months:hover li, .services-1 .pricing-table .center-mode .months:hover i, .services-1 .pricing-table .center-mode .months:hover p {
            color: #fff; }
        .services-1 .pricing-table .center-mode .months h5 {
          font-weight: 700;
          font-family: roboto condensed;
          color: #fc6a55; }
        .services-1 .pricing-table .center-mode .months h1 {
          font-weight: 700;
          font-family: roboto condensed; }
          .services-1 .pricing-table .center-mode .months h1 span {
            font-size: 50px; }
        .services-1 .pricing-table .center-mode .months ul {
          padding-top: 20px;
          -webkit-padding-start: 0; }
          .services-1 .pricing-table .center-mode .months ul li {
            color: #909090;
            font-size: 18px;
            font-family: roboto condensed;
            padding-top: 10px;
            list-style: none; }
            .services-1 .pricing-table .center-mode .months ul li i {
              margin-right: 10px; }
  .services-1 .video-skills {
    background: #f2f2f2;
    margin-left: 0;
    margin-right: 0; }
    .services-1 .video-skills .video {
      padding-left: 0;
      position: relative;
      text-align: center; }
      .services-1 .video-skills .video img {
        width: 100%; }
      .services-1 .video-skills .video .helo {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .services-1 .video-skills .video .helo .button_play {
          border-radius: 50%;
          background: #858688;
          width: 85px;
          height: 85px;
          border: none;
          outline: 0;
          transition: all .3s;
          padding: 40px;
          text-decoration: none !important; }
          .services-1 .video-skills .video .helo .button_play i {
            font-size: 18px;
            display: inline-block;
            font-size: 18px;
            color: #fff; }
          .services-1 .video-skills .video .helo .button_play:hover {
            opacity: .7; }
    .services-1 .video-skills .skills {
      padding-left: 140px;
      padding-right: 140px;
      padding-top: 180px; }
      .services-1 .video-skills .skills h1 {
        font-family: roboto condensed;
        font-size: 48px;
        font-weight: 700; }
      .services-1 .video-skills .skills p {
        font-size: 16px;
        color: #909090;
        line-height: 185%;
        padding-top: 10px;
        padding-bottom: 70px; }
      .services-1 .video-skills .skills .snippets .skill {
        background: #333333;
        padding-top: 40px;
        padding-bottom: 40px; }
        .services-1 .video-skills .skills .snippets .skill h3 {
          font-family: roboto condensed;
          color: #fff;
          font-size: 20px;
          font-weight: 700;
          text-align: center; }
        .services-1 .video-skills .skills .snippets .skill .blue {
          width: 100px;
          height: 100px;
          line-height: 150px;
          background: none;
          margin: 0 auto;
          box-shadow: none;
          position: relative; }
          .services-1 .video-skills .skills .snippets .skill .blue .progress-left {
            left: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .services-1 .video-skills .skills .snippets .skill .blue .progress-left .progress-bar {
              width: 100%;
              height: 100%;
              background: none;
              border-width: 5px;
              border-style: solid;
              position: absolute;
              top: 0;
              border-color: #fc6a55;
              animation: loading-2 1.5s linear forwards 1.8s;
              left: 100%;
              border-top-right-radius: 80px;
              border-bottom-right-radius: 80px;
              -webkit-transform-origin: center left;
              transform-origin: center left; }
          .services-1 .video-skills .skills .snippets .skill .blue .progress-right {
            right: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .services-1 .video-skills .skills .snippets .skill .blue .progress-right .progress-bar {
              border-color: #fc6a55;
              left: -100%;
              border-top-left-radius: 80px;
              border-bottom-left-radius: 80px;
              border-right: 0;
              -webkit-transform-origin: center right;
              transform-origin: center right;
              animation: loading-1 1.8s linear forwards;
              width: 100%;
              height: 100%;
              background: none;
              border-width: -1px;
              border-style: solid;
              position: absolute;
              top: 0; }
          .services-1 .video-skills .skills .snippets .skill .blue:after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 12px solid #fff;
            position: absolute;
            top: 0;
            left: 0; }
          .services-1 .video-skills .skills .snippets .skill .blue .progress-value {
            width: 94px;
            height: 94px;
            border-radius: 96%;
            background: #333;
            font-size: 30px;
            color: #fff;
            line-height: 95px;
            text-align: center;
            position: absolute;
            top: 3px;
            left: 3px;
            z-index: 1;
            font-family: roboto condensed; }
        .services-1 .video-skills .skills .snippets .skill .yellow {
          width: 100px;
          height: 100px;
          line-height: 150px;
          background: none;
          margin: 0 auto;
          box-shadow: none;
          position: relative; }
          .services-1 .video-skills .skills .snippets .skill .yellow .progress-left {
            left: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .services-1 .video-skills .skills .snippets .skill .yellow .progress-left .progress-bar {
              width: 100%;
              height: 100%;
              background: none;
              border-width: 5px;
              border-style: solid;
              position: absolute;
              top: 0;
              border-color: #fc6a55;
              animation: loading-3 1.5s linear forwards 1.8s;
              left: 100%;
              border-top-right-radius: 80px;
              border-bottom-right-radius: 80px;
              -webkit-transform-origin: center left;
              transform-origin: center left; }
          .services-1 .video-skills .skills .snippets .skill .yellow .progress-right {
            right: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .services-1 .video-skills .skills .snippets .skill .yellow .progress-right .progress-bar {
              border-color: #fc6a55;
              left: -100%;
              border-top-left-radius: 80px;
              border-bottom-left-radius: 80px;
              border-right: 0;
              -webkit-transform-origin: center right;
              transform-origin: center right;
              animation: loading-1 1.8s linear forwards;
              width: 100%;
              height: 100%;
              background: none;
              border-width: -1px;
              border-style: solid;
              position: absolute;
              top: 0; }
          .services-1 .video-skills .skills .snippets .skill .yellow:after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 12px solid #fff;
            position: absolute;
            top: 0;
            left: 0; }
          .services-1 .video-skills .skills .snippets .skill .yellow .progress-value {
            width: 94px;
            height: 94px;
            border-radius: 96%;
            background: #333;
            font-size: 30px;
            color: #fff;
            line-height: 95px;
            text-align: center;
            position: absolute;
            top: 3px;
            left: 3px;
            z-index: 1;
            font-family: roboto condensed; }
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); } }
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg); } }
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg); } }
  .services-1 .brand {
    text-align: center; }
    .services-1 .brand .brand_logo {
      padding: 90px 0; }
    .services-1 .brand .brand-logo {
      width: 20%; }
      .services-1 .brand .brand-logo .logo1 {
        padding-top: 25px; }
  .services-1 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .services-1 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .services-1 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .services-1 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .services-1 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .services-1 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .services-1 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .services-1 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .services-1 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .services-1 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .services-1 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .services-1 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .services-1 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .services-1 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .services-1 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .services-1 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .services-1 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .services-1 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .services-1 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .services-1 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .services-1 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .services-1 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .services-1 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .services-1 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .services-1 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .services-1 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .services-1 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .services-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .services-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .services-1 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .services-1 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .services-1 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .services-1 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .services-1 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .services-1 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .services-1 .footer .full-container .footer2 {
      padding: 20px 0; }
      .services-1 .footer .full-container .footer2 .copy {
        color: #909090; }
      .services-1 .footer .full-container .footer2 .goto {
        text-align: right; }
        .services-1 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1360px) {
    .services-1 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .services-1 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .services-1 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .services-1 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .services-1 .who_we_are .weare {
      padding-left: 100px; }
    .services-1 .sile1 .we_are {
      padding-right: 30px; }
    .services-1 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .services-1 .sile1 .we_are h1 {
      font-size: 50px; }
    .services-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .services-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .services-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .services-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .services-1 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .services-1 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .services-1 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .services-1 .team {
      padding: 50px 0; }
    .services-1 .unlimited {
      padding-bottom: 50px; }
    .services-1 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .services-1 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .services-1 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .services-1 .servic .development {
      border: none; }
    .services-1 .servic .appdevelopment {
      border: none; }
    .services-1 .servic .marketing {
      border: none; }
    .services-1 .servic .design {
      border: none; }
    .services-1 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .services-1 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .services-1 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .services-1 .sile1 .we_are {
      padding-right: 10px; }
    .services-1 .porfolio .blanc {
      padding-right: 0; }
    .services-1 .porfolio .mock {
      padding-left: 0; }
    .services-1 .what1 .js-click-product {
      height: 120px; }
    .services-1 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .services-1 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .services-1 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .services-1 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .services-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .services-1 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .services-1 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .services-1 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .services-1 .pricing-table {
      padding-top: 100px; }
    .services-1 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .services-1 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .services-1 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .services-1 .sile1 {
      width: 100%; }
    .services-1 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .services-1 .servic .creation {
      padding-top: 19px; }
    .services-1 .servic .design {
      padding: 15px; }
    .services-1 .servic .appdevelopment {
      padding: 15px; }
    .services-1 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .services-1 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .services-1 .pricing-table {
      padding-top: 50px; }
    .services-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .services-1 .servic .col-md-12 p {
      font-size: 24px; }
    .services-1 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .services-1 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .services-1 .what1 .main-img .slick-slide {
      display: none; }
    .services-1 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .services-1 .porfolio .blanc img {
      width: 100%; }
    .services-1 .sile1 {
      width: 97%; }
    .services-1 .servic .col-md-4 {
      padding-left: 15px; }
    .services-1 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .services-1 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .services-1 .slick-slider .slick-track {
      width: 250px; }
    .services-1 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .services-1 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .services-1 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .services-1 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .services-1 .pull-right {
    cursor: pointer; }
  .services-1 * {
    outline: none !important; }
  .services-1 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .services-1 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .services-1 .create {
      padding: 117px 30px; }
    .services-1 .careate .carea .cust {
      padding: 15px 10px; }
    .services-1 .carea {
      padding: 40px 80px; }
    .services-1 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .services-1 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .services-1 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .services-1 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .services-1 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .services-1 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .services-1 .affixx .navba {
      padding-left: 5px; }
    .services-1 .phone_top {
      padding-right: 5px; }
    .services-1 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .services-1 .counter1 .col-md-3 {
      padding-left: 8%; }
    .services-1 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .services-1 .feedback .feeb {
      font-size: 200px; }
    .services-1 .affixx .navba {
      padding-left: 15px; }
    .services-1 .phone_top {
      padding-right: 15px; }
    .services-1 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .services-1 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .services-1 .we_are {
      padding: 0 50px; }
    .services-1 .careate .carea .cust {
      padding: 10px 10px; }
    .services-1 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .services-1 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .services-1 .cust h1 {
      padding-bottom: 0; }
    .services-1 .cust p {
      line-height: 150%; }
    .services-1 .button_see {
      margin-top: 27px; }
    .services-1 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .services-1 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .services-1 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .services-1 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .services-1 .footer .full-container {
      padding: 0 15px; }
    .services-1 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .services-1 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .services-1 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .services-1 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .services-1 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .services-1 .contacts .contact {
      padding: 20px 0; }
    .services-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .services-1 .feedback .slide_main .test {
      padding-top: 50px; }
    .services-1 .phone_top {
      padding-top: 0; }
    .services-1 .phone_top .pull-right {
      padding: 5px; }
    .services-1 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .services-1 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .services-1 .affixx .sidenav .navbar .nav {
      float: none; }
    .services-1 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .services-1 .affixx {
      padding-bottom: 10px !important; }
    .services-1 .counter1 .col-md-3 {
      padding-left: 6%; }
    .services-1 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .services-1 .header-lap {
      display: none; }
    .services-1 .header-mobi {
      display: block; }
    .services-1 .feedback {
      padding-bottom: 50px; }
    .services-1 .cust h1 {
      font-size: 30px; }
    .services-1 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .services-1 .all-pro span {
      margin-right: 5px; }
    .services-1 .phone_top span {
      display: none; }
    .services-1 .phone_top .phonee {
      display: none; }
    .services-1 .who_we_are {
      padding: 50px 0; }
    .services-1 .blog {
      padding: 50px 0; }
    .services-1 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .services-1 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .services-1 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .services-1 .who_we_are .we_01 {
      padding: 0 15px; }
    .services-1 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .services-1 .porfolio .col-md-8 {
      padding-left: 0; }
    .services-1 .feedback .feeb {
      font-size: 130px; }
    .services-1 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .services-1 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .services-1 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .services-1 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .services-1 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .services-1 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .services-1 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .services-1 .links ul {
      -webkit-padding-start: 0px; }
    .services-1 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .services-1 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .services-1 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .services-1 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .services-1 .recent_post ul {
      -webkit-padding-start: 0px; }
    .services-1 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .services-1 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .services-1 .servic {
      padding-top: 50px; }
    .services-1 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .services-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .services-1 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .services-1 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .services-1 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .services-1 .row_top div p {
      line-height: 170%; }
    .services-1 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .services-1 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .services-1 .slide_main .test {
      padding-top: 100px; }
    .services-1 .img_porfolio .col-md-4 {
      width: 50%; }
    .services-1 .servic .col-md-4 {
      width: 50%; }
    .services-1 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .services-1 .blog .col-md-4 {
      width: 33.33333%; }
    .services-1 .button_see {
      margin-top: 10px; }
    .services-1 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .services-1 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .services-1 .button_rea {
      height: 38px;
      margin-top: 0; }
    .services-1 .footer .full-container .footer2 .copy {
      text-align: center; }
    .services-1 .footer .full-container .footer2 .goto {
      text-align: center; }
    .services-1 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .services-1 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .services-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .services-1 .feedback .information .lazy h3 {
      font-size: 20px; }
    .services-1 * h1 {
      font-size: 36px !important; }
    .services-1 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .services-1 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .services-1 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .services-1 .feedback .feeb {
      font-size: 100px; }
    .services-1 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .services-1 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .services-1 .who_we_are .who_are p {
      font-size: 14px; }
    .services-1 .careate .carea .cust h1 {
      font-size: 36px; }
    .services-1 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .services-1 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .services-1 .feedback .slide_main .test p {
      font-size: 36px; }
    .services-1 .feedback .information .lazy h3 {
      font-size: 16px; }
    .services-1 .cuter .counter {
      padding: 50px 0 0 0; }
    .services-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .services-1 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .services-1 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .services-1 .porfolio {
      padding: 50px 0px; }
    .services-1 .button-proje {
      width: 210px; }
    .services-1 .video .row_video .video1 > p {
      font-size: 24px; }
    .services-1 .blog .col-md-12 h1 {
      font-size: 36px; }
    .services-1 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .services-1 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .footer #googlemap1 {
      height: 400px; }
    .services-1 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .services-1 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .services-1 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .services-1 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .services-1 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .services-1 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .services-1 .side .navbar .list-group-item button {
      top: 0; }
    .services-1 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .services-1 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .services-1 .base {
      margin-left: 0 !important; }
    .services-1 .baseright {
      margin-left: 0 !important; }
    .services-1 .sile1 {
      top: 60%; }
    .services-1 .affixx {
      background: #333 !important; }
    .services-1 .affixx {
      padding-top: 20px !important; }
    .services-1 .feedback .feeb {
      font-size: 70px; }
    .services-1 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .services-1 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .services-1 .who_we_are .who_are h1 {
      font-size: 24px; }
    .services-1 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .services-1 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .services-1 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .services-1 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .services-1 .servic .col-md-12 p {
      font-size: 24px; }
    .services-1 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .services-1 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .services-1 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .services-1 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .services-1 .button_see {
      margin-top: 0; }
    .services-1 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .services-1 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .services-1 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .services-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .services-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .services-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .services-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .services-1 .feedback .slide_main .test p {
      font-size: 24px; }
    .services-1 .feedback .information .lazy h3 {
      font-size: 14px; }
    .services-1 * h1 {
      font-size: 24px !important; }
    .services-1 .affixx {
      position: inherit !important; }
    .services-1 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .services-1 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .services-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .services-1 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .services-1 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .services-1 .modal .modal-dialog .modal-content {
      padding: 0; }
    .services-1 .img_porfolio .col-md-4 {
      width: 100%; }
    .services-1 .feedback .feeb {
      letter-spacing: 6px; }
    .services-1 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .services-1 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .services-1 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .services-1 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .services-1 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .services-1 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .services-1 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .services-1 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .services-1 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .services-1 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .services-1 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .services-1 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .services-1 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .services-1 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .services-1 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .services-1 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .services-1 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .services-1 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .services-1 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .services-1 .servic .identity {
      padding-top: 20px; }
    .services-1 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .services-1 .porfolio .nav_main {
      float: left; }
    .services-1 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .services-1 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .services-1 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .services-1 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .services-1 .who_we_are .weare {
      padding-left: 50px; }
    .services-1 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .services-1 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .services-1 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .services-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .services-1 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .services-1 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .services-1 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .services-1 .video-skills .skills {
      padding: 0 15px; }
    .services-1 .contacts .contact p {
      font-size: 24px; }
    .services-1 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .services-1 .about .about-we h1 {
      font-size: 40px; }
    .services-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .services-1 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .services-1 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .services-1 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .services-1 .cooperate .logo-brand img {
      width: 100%; }
    .services-1 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .services-1 .cooperate {
      padding-top: 50px; }
    .services-1 .talk-to .row {
      padding: 50px 0; }
    .services-1 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .services-1 .sile1 .we_are {
      padding-right: 0; }
    .services-1 .about {
      top: 0;
      padding: 30px 0; }
    .services-1 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .services-1 .about .about-we {
      padding-left: 30px; }
    .services-1 .about .corem-ipsum {
      padding-right: 30px; }
      .services-1 .about .corem-ipsum p {
        line-height: 150%; }
    .services-1 .contacts .contact {
      text-align: center; }
    .services-1 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .services-1 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .services-1 .video-skills .video {
      padding-left: 15px; }
    .services-1 .video-skills {
      padding-bottom: 50px; }
    .services-1 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .services-1 .contacts .contact p .circle img {
      width: 8%; }
    .services-1 .contacts .contact p {
      font-size: 20px; }
    .services-1 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .services-1 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .services-1 .about .corem-ipsum {
      padding-left: 30px; }
    .services-1 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .services-1 .cooperate .logo-brand {
      text-align: center; }
    .services-1 .cooperate .logo-brand img {
      width: initial; }
    .services-1 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .services-1 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .services-1 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .services-1 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .services-1 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .services-1 .button1 .vuong {
      background: transparent !important; }
    .services-1 .button1 span {
      background: #fff !important; }
    .services-1 .phone_top .pull-right i {
      color: #fff !important; }
    .services-1 .sile1 {
      width: 65%; }
    .services-1 .about .corem-ipsum p {
      font-size: 14px; }
    .services-1 .case-center .case-studies p {
      font-size: 14px; }
    .services-1 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .slick-dots {
      bottom: -50px !important; }
    .services-1 .cooperate {
      padding-top: 50px; }
    .services-1 .who_we_are .weare {
      padding-bottom: 0; }
    .services-1 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .services-1 .button-contact button {
      height: 40px; }
    .services-1 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .services-1 .cooperate .logo-brand img {
      width: 100%; }
    .services-1 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .services-1 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .services-1 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .talk-to .input-contact input {
      font-size: 14px; }
    .services-1 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .services-1 .servic .col-md-4 {
      padding-left: 30px; }
    .services-1 .button1 .vuong {
      background: transparent !important; }
    .services-1 .button1 span {
      background: #fff !important; }
    .services-1 .phone_top .pull-right i {
      color: #fff !important; }
    .services-1 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .services-1 .sile1 {
      width: 95%;
      left: 5%; }
    .services-1 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .services-1 .cooperate .logo-brand img {
      width: initial; }
    .services-1 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .services-1 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .services-1 .cases .read-mode {
      width: 100%; }
    .services-1 .row_top {
      width: 100%; }
    .services-1 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .services-1 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .services-1 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1680px) {
    .services-1 .phone_top {
      padding-right: 80px; } }
  @media screen and (max-width: 1240px) {
    .services-1 .unlimited .col-md-3 {
      padding: 15px; }
    .services-1 .testimonials-design .p {
      padding-left: 17%;
      padding-right: 17%; }
    .services-1 .testimonials-design .pp {
      padding-left: 17%;
      padding-right: 17%; }
    .services-1 .group .easy-way ul li {
      padding: 10px 0;
      font-size: 14px; }
    .services-1 .easy-way {
      padding-left: 0;
      padding-right: 0; }
    .services-1 .easy-way ul {
      -webkit-padding-start: 10px; }
    .services-1 .group .easy-way p {
      font-size: 14px;
      padding-bottom: 10px; }
    .services-1 .group .easy-way h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1024px) {
    .services-1 .side .phone_top {
      display: block; }
    .services-1 .layer {
      padding-top: 0px; }
    .services-1 .group {
      padding-top: 50px; }
    .services-1 .testimonials-design {
      padding-bottom: 50px;
      padding-top: 50px; }
    .services-1 .unlimited {
      padding-top: 30px; }
    .services-1 .row_header5 .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .services-1 .row_header5 {
      padding-bottom: 10px;
      padding-top: 15px; }
    .services-1 .row_header5 .navba {
      padding-left: 15px; }
    .services-1 .phone_top {
      padding-right: 15px; } }
  @media screen and (max-width: 991px) {
    .services-1 .unlimited .col-md-3 {
      padding-bottom: 50px; }
    .services-1 .unlimited .customer {
      padding-bottom: 55px; }
    .services-1 .group {
      padding-bottom: 100px; }
    .services-1 .our-recent {
      padding-bottom: 50px; }
    .services-1 .sile1 .we_are {
      padding-left: 15px; }
    .services-1 .porfo .porfolio {
      padding: 80px 15px; }
    .services-1 .testimonials-design .p {
      padding-left: 5%;
      padding-right: 5%; }
    .services-1 .testimonials-design .pp {
      padding-left: 5%;
      padding-right: 5%; }
    .services-1 .easy-way {
      padding-left: 15px;
      padding-right: 15px; }
    .services-1 br {
      display: none; } }
  @media screen and (max-width: 768px) {
    .services-1 .blog .col-md-4 {
      width: 50%;
      text-align: left; }
    .services-1 .porfo .nav_main .nav-tabs {
      padding-left: 10px; }
    .services-1 .unlimited {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 680px) {
    .services-1 .blog .col-md-4 .blog_name a {
      font-size: 17px; }
    .services-1 .sile1 {
      width: 100%;
      left: 0; }
    .services-1 .unlimited .development {
      clear: left; } }
  @media screen and (max-width: 568px) {
    .services-1 .sile1 {
      top: 50%; }
    .services-1 .layer {
      padding-top: 0; }
    .services-1 .unlimited .col-md-3 {
      width: 100%; }
    .services-1 .testimonials-design .p {
      font-size: 24px; }
    .services-1 .testimonials-design .pp {
      font-size: 14px; }
    .services-1 .blog .col-md-4 {
      width: 100%; }
    .services-1 .blog .blog_name {
      padding-bottom: 0; }
    .services-1 #googlemap1 {
      height: 300px; }
    .services-1 .porfo .porfolio .col-md-4 .some {
      font-size: 14px; }
    .services-1 .testimonials-design .chuky {
      margin-top: 20px; }
    .services-1 .group .easy-way ul li span {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .services-1 .fixed-fluid {
      padding-top: 60px; }
    .services-1 .sile1 {
      left: 0;
      width: 100%; }
    .services-1 .row_header5 {
      padding-top: 20px; }
    .services-1 .affix {
      padding-top: 15px;
      padding-bottom: 10px; }
    .services-1 .testimonials-design .p .file {
      margin-left: 0; }
    .services-1 .testimonials-design .p {
      margin-left: 0;
      margin-right: 0; }
    .services-1 .group .group-img {
      padding-right: 125px; }
    .services-1 .img_porfolio .col-xs-6 {
      width: 100%; }
    .services-1 .porfolio .nav_main {
      margin-left: 0; }
    .services-1 .porfolio .col-md-8 {
      padding-right: 0; }
    .services-1 .porfolio .nav_main .nav-tabs .active {
      padding-bottom: 0; }
    .services-1 .porfolio .nav_main .nav-tabs li {
      padding-bottom: 1px; } }
  @media screen and (max-width: 1820px) {
    .services-1 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .services-1 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .services-1 .contacts .contact p {
      font-size: 24px; }
    .services-1 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .services-1 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .services-1 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .services-1 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .services-1 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .services-1 .testimonials-img img {
      width: 100%; }
    .services-1 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .services-1 .cooperate {
      padding-top: 50px; }
    .services-1 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .services-1 .contacts .contact {
      text-align: center; }
    .services-1 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .services-1 .testimonials {
      padding-bottom: 50px; }
    .services-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .services-1 .contacts .contact p .circle img {
      width: 8%; }
    .services-1 .contacts .contact p {
      font-size: 20px; }
    .services-1 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .services-1 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .services-1 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .services-1 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .services-1 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .services-1 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .services-1 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .services-1 .gallery .col-md-4 {
      width: 100%; }
    .services-1 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .services-1 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .services-1 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .services-1 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .services-1 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .services-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .services-1 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .services-1 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .services-1 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .services-1 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .services-1 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .services-1 .affixx {
      padding-top: 15px !important; }
    .services-1 .pull-right {
      padding-top: 5px; }
    .services-1 .layer {
      padding-top: 0px; }
    .services-1 .pull-right {
      padding: 5px 0; }
    .services-1 .page-404 {
      padding-top: 50px 15px; }
    .services-1 .affixx .sidenav {
      padding-right: 15px; }
    .services-1 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .services-1 .careate img {
      width: 100%; }
    .services-1 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .services-1 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .services-1 .layer {
      padding-top: 62px; }
    .services-1 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .services-1 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .services-1 .container_header {
      top: 75%; }
    .services-1 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .services-1 .container_header .breadcrumb .active {
      width: auto; }
    .services-1 .blog .pagination li .prev {
      width: 80px; }
    .services-1 .container_header h1 {
      padding-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .services-1 .pricing-table .center-mode {
      padding-bottom: 50px; }
    .services-1 .pricing-table {
      padding-top: 50px; }
    .services-1 .servic .col-md-12 p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .services-1 .affixx .logo {
      padding-left: 15px; }
    .services-1 .affixx .sidenav {
      padding-right: 15px; } }
  @media (min-width: 767px) and (max-width: 900px) {
    .services-1 .brand .brand_logo .brand-logo img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .services-1 .brand .brand_logo .clear-left {
      clear: left; }
    .services-1 .brand .brand_logo .brand-logo {
      width: 33.3333%;
      text-align: center;
      padding-bottom: 20px; } }
  @media screen and (max-width: 680px) {
    .services-1 .brand .brand_logo {
      padding: 50px 15px; } }
  @media screen and (max-width: 568px) {
    .services-1 .brand .brand_logo .brand-logo {
      width: 100%;
      text-align: center;
      padding-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .services-1 .video-skills .video .helo .button_play {
      padding: 30px; } }

.services-2 {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .services-2 body {
    font-family: Roboto;
    margin: auto;
    padding: 0px;
    overflow: visible !important; }
  .services-2 .compensate-for-scrollbar {
    margin-right: 0 !important; }
  .services-2 * {
    box-sizing: border-box; }
  .services-2 .sidenav a:hover {
    color: #b6aeae; }
  .services-2 .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .services-2 .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .services-2 .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .services-2 .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .services-2 .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .services-2 .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .services-2 .button_rea:hover {
      opacity: 0.7; }
    .services-2 .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .services-2 .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .services-2 .layer {
    position: relative; }
    .services-2 .layer img {
      width: 100%; }
  .services-2 .affix {
    z-index: 9999 !important;
    width: 100%; }
  .services-2 .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .services-2 .affixx .logo {
      padding-left: 80px;
      float: left; }
      .services-2 .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .services-2 .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .services-2 .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .services-2 .affixx .sidenav .navbar .nav {
          float: right; }
          .services-2 .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .services-2 .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .services-2 .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .services-2 .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .services-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .services-2 .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .services-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .services-2 .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .services-2 .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .services-2 .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .services-2 .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .services-2 .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .services-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .services-2 .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .services-2 .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .services-2 .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .services-2 .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .services-2 .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .services-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .services-2 .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .services-2 .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .services-2 .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .services-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .services-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .services-2 .header-mobi {
    display: none; }
    .services-2 .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .services-2 .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .services-2 .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .services-2 .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .services-2 .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .services-2 .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .services-2 .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .services-2 .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .services-2 .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .services-2 .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .services-2 .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .services-2 .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .services-2 .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .services-2 .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .services-2 .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .services-2 .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .services-2 .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .services-2 .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .services-2 .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-2 .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .services-2 .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-2 .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .services-2 .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-2 .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .services-2 .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-2 .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .services-2 .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .services-2 .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .services-2 .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .services-2 .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .services-2 .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .services-2 .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .services-2 .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .services-2 .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .services-2 .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .services-2 .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .services-2 .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .services-2 .sidenav a:hover {
    color: #f1f1f1; }
  .services-2 .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .services-2 .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .services-2 .child2 {
    margin: 5px 0; }
  .services-2 .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .services-2 .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .services-2 .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .services-2 .container_header .breadcrumb {
      background: transparent; }
      .services-2 .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .services-2 .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .services-2 .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .services-2 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .services-2 .video-skills {
    padding: 100px 0; }
    .services-2 .video-skills .video {
      padding-left: 0;
      position: relative;
      text-align: center; }
      .services-2 .video-skills .video img {
        width: 100%; }
      .services-2 .video-skills .video .helo {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .services-2 .video-skills .video .helo .button_play {
          border-radius: 50%;
          background: #f2f2f2;
          width: 85px;
          height: 85px;
          opacity: .6;
          border: none;
          outline: 0;
          transition: all .6s;
          padding: 40px;
          color: #333;
          text-decoration: none !important; }
          .services-2 .video-skills .video .helo .button_play i {
            font-size: 18px; }
          .services-2 .video-skills .video .helo .button_play:hover {
            opacity: 1; }
    .services-2 .video-skills .skills {
      padding-left: 100px;
      padding-right: 40px; }
      .services-2 .video-skills .skills h1 {
        font-family: roboto condensed;
        font-size: 48px;
        font-weight: 700; }
      .services-2 .video-skills .skills p {
        font-size: 16px;
        color: #909090;
        line-height: 185%;
        padding-top: 10px; }
      .services-2 .video-skills .skills .snippets .skill {
        padding-top: 40px;
        padding-bottom: 40px; }
        .services-2 .video-skills .skills .snippets .skill h3 {
          font-family: roboto condensed;
          color: #fff;
          font-size: 20px;
          font-weight: 700;
          text-align: center; }
        .services-2 .video-skills .skills .snippets .skill .blue {
          width: 100px;
          border-radius: 50%;
          height: 100px;
          line-height: 150px;
          background: none;
          margin: 0 auto;
          box-shadow: none;
          position: relative; }
          .services-2 .video-skills .skills .snippets .skill .blue .progress-left {
            left: 0;
            width: 50%;
            background: #f2f2f2;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .services-2 .video-skills .skills .snippets .skill .blue .progress-left .progress-bar {
              width: 100%;
              height: 100%;
              background: none;
              border-width: 5px;
              border-style: solid;
              position: absolute;
              top: 0;
              border-color: #fc6a55;
              animation: loading-2 1.5s linear forwards 1.8s;
              left: 100%;
              border-top-right-radius: 80px;
              border-bottom-right-radius: 80px;
              -webkit-transform-origin: center left;
              transform-origin: center left; }
          .services-2 .video-skills .skills .snippets .skill .blue .progress-right {
            background: #f2f2f2;
            right: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .services-2 .video-skills .skills .snippets .skill .blue .progress-right .progress-bar {
              border-color: #fc6a55;
              left: -100%;
              border-top-left-radius: 80px;
              border-bottom-left-radius: 80px;
              border-right: 0;
              -webkit-transform-origin: center right;
              transform-origin: center right;
              animation: loading-1 1.8s linear forwards;
              width: 100%;
              height: 100%;
              background: none;
              border-width: -1px;
              border-style: solid;
              position: absolute;
              top: 0; }
          .services-2 .video-skills .skills .snippets .skill .blue:after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 12px solid #fff;
            position: absolute;
            top: 0;
            left: 0; }
          .services-2 .video-skills .skills .snippets .skill .blue .progress-value {
            width: 96px;
            height: 96px;
            border-radius: 96%;
            background: #fff;
            font-size: 30px;
            color: #333;
            line-height: 95px;
            text-align: center;
            position: absolute;
            top: 2px;
            left: 2px;
            z-index: 1;
            font-family: roboto condensed; }
        .services-2 .video-skills .skills .snippets .skill .yellow {
          width: 100px;
          border-radius: 50%;
          height: 100px;
          line-height: 150px;
          background: none;
          margin: 0 auto;
          box-shadow: none;
          position: relative; }
          .services-2 .video-skills .skills .snippets .skill .yellow .progress-left {
            background: #f2f2f2;
            left: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .services-2 .video-skills .skills .snippets .skill .yellow .progress-left .progress-bar {
              width: 100%;
              height: 100%;
              background: none;
              border-width: 5px;
              border-style: solid;
              position: absolute;
              top: 0;
              border-color: #fc6a55;
              animation: loading-3 1.5s linear forwards 1.8s;
              left: 100%;
              border-top-right-radius: 80px;
              border-bottom-right-radius: 80px;
              -webkit-transform-origin: center left;
              transform-origin: center left; }
          .services-2 .video-skills .skills .snippets .skill .yellow .progress-right {
            background: #f2f2f2;
            right: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1; }
            .services-2 .video-skills .skills .snippets .skill .yellow .progress-right .progress-bar {
              border-color: #fc6a55;
              left: -100%;
              border-top-left-radius: 80px;
              border-bottom-left-radius: 80px;
              border-right: 0;
              -webkit-transform-origin: center right;
              transform-origin: center right;
              animation: loading-1 1.8s linear forwards;
              width: 100%;
              height: 100%;
              background: none;
              border-width: -1px;
              border-style: solid;
              position: absolute;
              top: 0; }
          .services-2 .video-skills .skills .snippets .skill .yellow:after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 12px solid #fff;
            position: absolute;
            top: 0;
            left: 0; }
          .services-2 .video-skills .skills .snippets .skill .yellow .progress-value {
            width: 96px;
            height: 96px;
            border-radius: 96%;
            background: #fff;
            font-size: 30px;
            color: #333;
            line-height: 95px;
            text-align: center;
            position: absolute;
            top: 2px;
            left: 2px;
            z-index: 1;
            font-family: roboto condensed; }
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); } }
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg); } }
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg); } }
  .services-2 .cuter {
    background: #f2f2f2; }
    .services-2 .cuter .counter {
      padding: 90px 0; }
      .services-2 .cuter .counter .counter1 {
        margin-left: 0;
        margin-right: 0; }
        .services-2 .cuter .counter .counter1 .col-md-3 p {
          font-size: 14px;
          font-family: roboto condensed;
          color: #333;
          letter-spacing: 1px; }
        .services-2 .cuter .counter .counter1 .col-md-3 .counte {
          font-weight: 700;
          font-size: 40px;
          font-family: roboto condensed;
          color: #333; }
        .services-2 .cuter .counter .counter1 .col-md-3 span {
          height: 30px;
          border-left: 1px solid #fa6c54; }
  .services-2 .who_we_are {
    margin-right: 0;
    margin-left: 0;
    padding: 150px 0; }
    .services-2 .who_we_are .weare {
      padding-left: 280px;
      padding-right: 85px; }
      .services-2 .who_we_are .weare h5 {
        color: #909090;
        font-weight: 700;
        font-family: roboto condensed;
        letter-spacing: 2px; }
      .services-2 .who_we_are .weare h1 {
        font-weight: 700;
        font-family: roboto condensed;
        font-size: 50px;
        padding-bottom: 20px;
        padding-top: 20px; }
      .services-2 .who_we_are .weare p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090; }
      .services-2 .who_we_are .weare .bar .skills_bar {
        width: 100%;
        background-color: #909090; }
        .services-2 .who_we_are .weare .bar .skills_bar .html {
          width: 92%;
          background-color: #fc6a55;
          height: 5px; }
        .services-2 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #fc6a55;
          height: 5px; }
        .services-2 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #fc6a55;
          height: 5px; }
      .services-2 .who_we_are .weare .bar p {
        font-size: 16px;
        font-weight: 400;
        line-height: 185%;
        color: #909090;
        padding-top: 20px;
        padding-bottom: 40px; }
        .services-2 .who_we_are .weare .bar p span {
          float: right; }
    .services-2 .who_we_are .col-md-6 .detop img {
      width: 100%; }
  .services-2 .pricing-table {
    background: #f2f2f2;
    padding-top: 150px; }
    .services-2 .pricing-table .our_pri h5 {
      color: #909090;
      font-weight: 700;
      font-family: roboto condensed;
      letter-spacing: 2px;
      text-align: center; }
    .services-2 .pricing-table .our_pri h1 {
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 50px;
      padding-bottom: 70px;
      padding-top: 20px;
      text-align: center; }
    .services-2 .pricing-table .center-mode {
      padding-bottom: 150px; }
      .services-2 .pricing-table .center-mode .months2 {
        border-right: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2; }
      .services-2 .pricing-table .center-mode .months {
        transition: all .5s;
        background: #fff;
        padding: 50px; }
        .services-2 .pricing-table .center-mode .months p {
          font-size: 16px;
          color: #909090;
          border-bottom: 1px solid #f2f2f2;
          padding-bottom: 20px; }
        .services-2 .pricing-table .center-mode .months:hover {
          background: #202737;
          margin-top: -5%;
          padding-top: 10%;
          padding-bottom: 10%;
          color: #fff; }
          .services-2 .pricing-table .center-mode .months:hover li, .services-2 .pricing-table .center-mode .months:hover i, .services-2 .pricing-table .center-mode .months:hover p {
            color: #fff; }
        .services-2 .pricing-table .center-mode .months h5 {
          font-weight: 700;
          font-family: roboto condensed;
          color: #fc6a55; }
        .services-2 .pricing-table .center-mode .months h1 {
          font-weight: 700;
          font-family: roboto condensed; }
          .services-2 .pricing-table .center-mode .months h1 span {
            font-size: 50px; }
        .services-2 .pricing-table .center-mode .months ul {
          padding-top: 20px;
          -webkit-padding-start: 0; }
          .services-2 .pricing-table .center-mode .months ul li {
            color: #909090;
            font-size: 18px;
            font-family: roboto condensed;
            padding-top: 10px;
            list-style: none; }
            .services-2 .pricing-table .center-mode .months ul li i {
              margin-right: 10px; }
  .services-2 .testimonials-img img {
    width: 100% !important; }
  .services-2 .services {
    padding: 150px 15px;
    z-index: 1;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }
    .services-2 .services div {
      padding: 0; }
    .services-2 .services .pos {
      width: 100%;
      z-index: 1;
      transition: all .4s; }
      .services-2 .services .pos .so {
        position: absolute;
        font-size: 150px;
        font-family: roboto condensed;
        font-weight: 700;
        opacity: 0.1;
        margin-top: -38px;
        width: 100%;
        padding-top: 40px; }
      .services-2 .services .pos .product {
        padding-top: 107px;
        padding-bottom: 53px;
        background: #fff;
        border: 1px solid #f2f2f2; }
        .services-2 .services .pos .product span {
          background-image: url(../img/Shape-7.png);
          height: 55px;
          width: 70px;
          display: inline-block; }
        .services-2 .services .pos .product p {
          color: #909090;
          font-size: 16px;
          line-height: 185%;
          padding: 0 30px; }
    .services-2 .services .design {
      padding-top: 103px;
      padding-bottom: 55px;
      background: #fc6a55;
      color: #fff; }
      .services-2 .services .design span {
        background-image: url(../img/Shape-6.png);
        height: 59px;
        width: 56px;
        display: inline-block; }
      .services-2 .services .design p {
        color: #fff;
        font-size: 16px;
        line-height: 185%;
        padding: 0 30px; }
    .services-2 .services .testing {
      padding-top: 94px;
      padding-bottom: 55px;
      background: #202737;
      color: #fff; }
      .services-2 .services .testing .so {
        color: #fff; }
      .services-2 .services .testing span {
        background-image: url(../img/Shape-5.png);
        height: 68px;
        width: 69px;
        display: inline-block; }
      .services-2 .services .testing p {
        color: #fff;
        font-size: 16px;
        line-height: 185%;
        padding: 0 30px; }
    .services-2 .services .tes .so {
      color: #fff; }
    .services-2 .services h3 {
      padding-bottom: 15px;
      padding-top: 3px;
      font-weight: 700;
      font-family: roboto condensed;
      font-size: 20px; }
  .services-2 .brand {
    text-align: center;
    border-top: 1px solid #f2f2f2; }
    .services-2 .brand .brand_logo {
      padding: 90px 0; }
    .services-2 .brand .brand-logo {
      width: 20%; }
      .services-2 .brand .brand-logo .logo1 {
        padding-top: 25px; }
  .services-2 .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .services-2 .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .services-2 .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .services-2 .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .services-2 .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .services-2 .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .services-2 .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .services-2 .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .services-2 .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .services-2 .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .services-2 .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .services-2 .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .services-2 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .services-2 .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .services-2 .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .services-2 .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .services-2 .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .services-2 .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .services-2 .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .services-2 .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .services-2 .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .services-2 .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .services-2 .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .services-2 .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .services-2 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .services-2 .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .services-2 .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .services-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .services-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .services-2 .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .services-2 .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .services-2 .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .services-2 .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          outline: 0;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .services-2 .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .services-2 .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .services-2 .footer .full-container .footer2 {
      padding: 20px 0; }
      .services-2 .footer .full-container .footer2 .copy {
        color: #909090; }
      .services-2 .footer .full-container .footer2 .goto {
        text-align: right; }
        .services-2 .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 1024px) {
    .services-2 .services {
      padding: 50px 15px; } }
  @media screen and (max-width: 568px) {
    .services-2 .services .pos .product p {
      font-size: 14px;
      line-height: 150%; } }
  @media screen and (max-width: 1360px) {
    .services-2 .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .services-2 .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .services-2 .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .services-2 .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .services-2 .who_we_are .weare {
      padding-left: 100px; }
    .services-2 .sile1 .we_are {
      padding-right: 30px; }
    .services-2 .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .services-2 .sile1 .we_are h1 {
      font-size: 50px; }
    .services-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .services-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .services-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .services-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .services-2 .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .services-2 .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .services-2 .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .services-2 .team {
      padding: 50px 0; }
    .services-2 .unlimited {
      padding-bottom: 50px; }
    .services-2 .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .services-2 .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .services-2 .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .services-2 .servic .development {
      border: none; }
    .services-2 .servic .appdevelopment {
      border: none; }
    .services-2 .servic .marketing {
      border: none; }
    .services-2 .servic .design {
      border: none; }
    .services-2 .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .services-2 .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .services-2 .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .services-2 .sile1 .we_are {
      padding-right: 10px; }
    .services-2 .porfolio .blanc {
      padding-right: 0; }
    .services-2 .porfolio .mock {
      padding-left: 0; }
    .services-2 .what1 .js-click-product {
      height: 120px; }
    .services-2 .pricing-table .center-mode .months {
      width: 33.333333%; }
    .services-2 .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .services-2 .pricing-table .center-mode .months p {
      font-size: 12px; }
    .services-2 .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .services-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .services-2 .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .services-2 .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .services-2 .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .services-2 .pricing-table {
      padding-top: 100px; }
    .services-2 .team .col-md-12 .button_see {
      margin-top: 50px; }
    .services-2 .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .services-2 .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .services-2 .sile1 {
      width: 100%; }
    .services-2 .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .services-2 .servic .creation {
      padding-top: 19px; }
    .services-2 .servic .design {
      padding: 15px; }
    .services-2 .servic .appdevelopment {
      padding: 15px; }
    .services-2 .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .services-2 .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .services-2 .pricing-table {
      padding-top: 50px; }
    .services-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .services-2 .servic .col-md-12 p {
      font-size: 24px; }
    .services-2 .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .services-2 .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .services-2 .what1 .main-img .slick-slide {
      display: none; }
    .services-2 .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .services-2 .porfolio .blanc img {
      width: 100%; }
    .services-2 .sile1 {
      width: 97%; }
    .services-2 .servic .col-md-4 {
      padding-left: 15px; }
    .services-2 .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .services-2 .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .services-2 .slick-slider .slick-track {
      width: 250px; }
    .services-2 .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .services-2 .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .services-2 .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .services-2 .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .services-2 .pull-right {
    cursor: pointer; }
  .services-2 * {
    outline: none !important; }
  .services-2 .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .services-2 .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .services-2 .create {
      padding: 117px 30px; }
    .services-2 .careate .carea .cust {
      padding: 15px 10px; }
    .services-2 .carea {
      padding: 40px 80px; }
    .services-2 .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .services-2 .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .services-2 .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .services-2 .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .services-2 .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .services-2 .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .services-2 .affixx .navba {
      padding-left: 5px; }
    .services-2 .phone_top {
      padding-right: 5px; }
    .services-2 .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .services-2 .counter1 .col-md-3 {
      padding-left: 8%; }
    .services-2 .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .services-2 .feedback .feeb {
      font-size: 200px; }
    .services-2 .affixx .navba {
      padding-left: 15px; }
    .services-2 .phone_top {
      padding-right: 15px; }
    .services-2 .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .services-2 .sile1 .row_top .we_are h1 {
      padding: 0; }
    .services-2 .we_are {
      padding: 0 50px; }
    .services-2 .careate .carea .cust {
      padding: 10px 10px; }
    .services-2 .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .services-2 .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .services-2 .cust h1 {
      padding-bottom: 0; }
    .services-2 .cust p {
      line-height: 150%; }
    .services-2 .button_see {
      margin-top: 27px; }
    .services-2 .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .services-2 .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .services-2 .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .services-2 .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .services-2 .footer .full-container {
      padding: 0 15px; }
    .services-2 .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .services-2 .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .services-2 .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .services-2 .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .services-2 .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .services-2 .contacts .contact {
      padding: 20px 0; }
    .services-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .services-2 .feedback .slide_main .test {
      padding-top: 50px; }
    .services-2 .phone_top {
      padding-top: 0; }
    .services-2 .phone_top .pull-right {
      padding: 5px; }
    .services-2 .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .services-2 .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .services-2 .affixx .sidenav .navbar .nav {
      float: none; }
    .services-2 .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .services-2 .affixx {
      padding-bottom: 10px !important; }
    .services-2 .counter1 .col-md-3 {
      padding-left: 6%; }
    .services-2 .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .services-2 .header-lap {
      display: none; }
    .services-2 .header-mobi {
      display: block; }
    .services-2 .feedback {
      padding-bottom: 50px; }
    .services-2 .cust h1 {
      font-size: 30px; }
    .services-2 .all-pro {
      width: 177px;
      padding-left: 15px; }
    .services-2 .all-pro span {
      margin-right: 5px; }
    .services-2 .phone_top span {
      display: none; }
    .services-2 .phone_top .phonee {
      display: none; }
    .services-2 .who_we_are {
      padding: 50px 0; }
    .services-2 .blog {
      padding: 50px 0; }
    .services-2 .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .services-2 .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .services-2 .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .services-2 .who_we_are .we_01 {
      padding: 0 15px; }
    .services-2 .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .services-2 .porfolio .col-md-8 {
      padding-left: 0; }
    .services-2 .feedback .feeb {
      font-size: 130px; }
    .services-2 .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .services-2 .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .services-2 .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .services-2 .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .services-2 .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .services-2 .servic .creation {
      padding: 30px 15px 30px 15px; }
    .services-2 .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .services-2 .links ul {
      -webkit-padding-start: 0px; }
    .services-2 .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .services-2 .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .services-2 .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .services-2 .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .services-2 .recent_post ul {
      -webkit-padding-start: 0px; }
    .services-2 .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .services-2 .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .services-2 .servic {
      padding-top: 50px; }
    .services-2 .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .services-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .services-2 .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .services-2 .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .services-2 .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .services-2 .row_top div p {
      line-height: 170%; }
    .services-2 .who_we_are .we_01 {
      padding-bottom: 50px; }
    .services-2 .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .services-2 .slide_main .test {
      padding-top: 100px; }
    .services-2 .img_porfolio .col-md-4 {
      width: 50%; }
    .services-2 .servic .col-md-4 {
      width: 50%; }
    .services-2 .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .services-2 .blog .col-md-4 {
      width: 33.33333%; }
    .services-2 .button_see {
      margin-top: 10px; }
    .services-2 .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .services-2 .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .services-2 .button_rea {
      height: 38px;
      margin-top: 0; }
    .services-2 .footer .full-container .footer2 .copy {
      text-align: center; }
    .services-2 .footer .full-container .footer2 .goto {
      text-align: center; }
    .services-2 .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .services-2 .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .services-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .services-2 .feedback .information .lazy h3 {
      font-size: 20px; }
    .services-2 * h1 {
      font-size: 36px !important; }
    .services-2 .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .services-2 .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .services-2 .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .services-2 .feedback .feeb {
      font-size: 100px; }
    .services-2 .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .services-2 .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .services-2 .who_we_are .who_are p {
      font-size: 14px; }
    .services-2 .careate .carea .cust h1 {
      font-size: 36px; }
    .services-2 .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .services-2 .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .services-2 .feedback .slide_main .test p {
      font-size: 36px; }
    .services-2 .feedback .information .lazy h3 {
      font-size: 16px; }
    .services-2 .cuter .counter {
      padding: 50px 0 0 0; }
    .services-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .services-2 .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .services-2 .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .services-2 .porfolio {
      padding: 50px 0px; }
    .services-2 .button-proje {
      width: 210px; }
    .services-2 .video .row_video .video1 > p {
      font-size: 24px; }
    .services-2 .blog .col-md-12 h1 {
      font-size: 36px; }
    .services-2 .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .services-2 .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .footer #googlemap1 {
      height: 400px; }
    .services-2 .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .services-2 .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .services-2 .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .services-2 .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .services-2 .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .services-2 .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .services-2 .side .navbar .list-group-item button {
      top: 0; }
    .services-2 .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .services-2 .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .services-2 .base {
      margin-left: 0 !important; }
    .services-2 .baseright {
      margin-left: 0 !important; }
    .services-2 .sile1 {
      top: 60%; }
    .services-2 .affixx {
      background: #333 !important; }
    .services-2 .affixx {
      padding-top: 20px !important; }
    .services-2 .feedback .feeb {
      font-size: 70px; }
    .services-2 .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .services-2 .sile1 .row_top .we_are {
      padding: 0 30px; }
    .services-2 .who_we_are .who_are h1 {
      font-size: 24px; }
    .services-2 .who_we_are .we_01 h4 {
      font-size: 18px; }
    .services-2 .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .services-2 .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .services-2 .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .services-2 .servic .col-md-12 p {
      font-size: 24px; }
    .services-2 .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .services-2 .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .services-2 .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .services-2 .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .services-2 .button_see {
      margin-top: 0; }
    .services-2 .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .services-2 .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .services-2 .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .services-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .services-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .services-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .services-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .services-2 .feedback .slide_main .test p {
      font-size: 24px; }
    .services-2 .feedback .information .lazy h3 {
      font-size: 14px; }
    .services-2 * h1 {
      font-size: 24px !important; }
    .services-2 .affixx {
      position: inherit !important; }
    .services-2 .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .services-2 .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .services-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .services-2 .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .services-2 .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .services-2 .modal .modal-dialog .modal-content {
      padding: 0; }
    .services-2 .img_porfolio .col-md-4 {
      width: 100%; }
    .services-2 .feedback .feeb {
      letter-spacing: 6px; }
    .services-2 .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .services-2 .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .services-2 .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .services-2 .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .services-2 .sile1 .row_top .we_are {
      padding: 0 15px; }
    .services-2 .sile1 .row_top .we_are p {
      line-height: 130%; }
    .services-2 .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .services-2 .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .services-2 .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .services-2 .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .services-2 .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .services-2 .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .services-2 .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .services-2 .button-proje {
      width: 150px;
      margin-top: 5px; }
    .services-2 .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .services-2 .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .services-2 .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .services-2 .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .services-2 .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .services-2 .servic .identity {
      padding-top: 20px; }
    .services-2 .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .services-2 .porfolio .nav_main {
      float: left; }
    .services-2 .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .services-2 .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .services-2 .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .services-2 .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .services-2 .who_we_are .weare {
      padding-left: 50px; }
    .services-2 .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .services-2 .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .services-2 .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .services-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .services-2 .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .services-2 .cases .read-mode .read-mode-produc {
      top: 100px; }
    .services-2 .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .services-2 .video-skills .skills {
      padding: 0 15px; }
    .services-2 .contacts .contact p {
      font-size: 24px; }
    .services-2 .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .services-2 .about .about-we h1 {
      font-size: 40px; }
    .services-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .services-2 .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .services-2 .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .services-2 .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .services-2 .cooperate .logo-brand img {
      width: 100%; }
    .services-2 .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .services-2 .cooperate {
      padding-top: 50px; }
    .services-2 .talk-to .row {
      padding: 50px 0; }
    .services-2 .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .services-2 .sile1 .we_are {
      padding-right: 0; }
    .services-2 .about {
      top: 0;
      padding: 30px 0; }
    .services-2 .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .services-2 .about .about-we {
      padding-left: 30px; }
    .services-2 .about .corem-ipsum {
      padding-right: 30px; }
      .services-2 .about .corem-ipsum p {
        line-height: 150%; }
    .services-2 .contacts .contact {
      text-align: center; }
    .services-2 .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .services-2 .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .services-2 .video-skills .video {
      padding-left: 15px; }
    .services-2 .video-skills {
      padding-bottom: 50px; }
    .services-2 .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .services-2 .contacts .contact p .circle img {
      width: 8%; }
    .services-2 .contacts .contact p {
      font-size: 20px; }
    .services-2 .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .services-2 .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .services-2 .about .corem-ipsum {
      padding-left: 30px; }
    .services-2 .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .services-2 .cooperate .logo-brand {
      text-align: center; }
    .services-2 .cooperate .logo-brand img {
      width: initial; }
    .services-2 .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .services-2 .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .services-2 .button-contact button {
      font-size: 13px;
      width: 230px; }
    .services-2 .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .services-2 .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .services-2 .button1 .vuong {
      background: transparent !important; }
    .services-2 .button1 span {
      background: #fff !important; }
    .services-2 .phone_top .pull-right i {
      color: #fff !important; }
    .services-2 .sile1 {
      width: 65%; }
    .services-2 .about .corem-ipsum p {
      font-size: 14px; }
    .services-2 .case-center .case-studies p {
      font-size: 14px; }
    .services-2 .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .slick-dots {
      bottom: -50px !important; }
    .services-2 .cooperate {
      padding-top: 50px; }
    .services-2 .who_we_are .weare {
      padding-bottom: 0; }
    .services-2 .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .services-2 .button-contact button {
      height: 40px; }
    .services-2 .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .services-2 .cooperate .logo-brand img {
      width: 100%; }
    .services-2 .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .services-2 .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .blog .blog2 .blog_name a {
      font-size: 18px; }
    .services-2 .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .talk-to .input-contact input {
      font-size: 14px; }
    .services-2 .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .services-2 .servic .col-md-4 {
      padding-left: 30px; }
    .services-2 .button1 .vuong {
      background: transparent !important; }
    .services-2 .button1 span {
      background: #fff !important; }
    .services-2 .phone_top .pull-right i {
      color: #fff !important; }
    .services-2 .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .services-2 .sile1 {
      width: 95%;
      left: 5%; }
    .services-2 .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .services-2 .cooperate .logo-brand img {
      width: initial; }
    .services-2 .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .services-2 .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .services-2 .cases .read-mode {
      width: 100%; }
    .services-2 .row_top {
      width: 100%; }
    .services-2 .sile1 .row_top .we_are {
      padding: 0 5px; }
    .services-2 .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .services-2 .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .services-2 .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .services-2 .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .services-2 .contacts .contact p {
      font-size: 24px; }
    .services-2 .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .services-2 .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .services-2 .our-cases .col-md-4 {
      padding: 50px 30px; }
    .services-2 .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .services-2 .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .services-2 .testimonials-img img {
      width: 100%; }
    .services-2 .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .services-2 .cooperate {
      padding-top: 50px; }
    .services-2 .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .services-2 .contacts .contact {
      text-align: center; }
    .services-2 .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .services-2 .testimonials {
      padding-bottom: 50px; }
    .services-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .services-2 .contacts .contact p .circle img {
      width: 8%; }
    .services-2 .contacts .contact p {
      font-size: 20px; }
    .services-2 .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .services-2 .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .services-2 .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .services-2 .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .services-2 .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .services-2 .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .services-2 .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .services-2 .gallery .col-md-4 {
      width: 100%; }
    .services-2 .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .services-2 .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .services-2 .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .services-2 .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .services-2 .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .services-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .services-2 .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .services-2 .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .services-2 .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .services-2 .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .services-2 .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .services-2 .affixx {
      padding-top: 15px !important; }
    .services-2 .pull-right {
      padding-top: 5px; }
    .services-2 .layer {
      padding-top: 0px; }
    .services-2 .pull-right {
      padding: 5px 0; }
    .services-2 .page-404 {
      padding-top: 50px 15px; }
    .services-2 .affixx .sidenav {
      padding-right: 15px; }
    .services-2 .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .services-2 .careate img {
      width: 100%; }
    .services-2 .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .services-2 .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .services-2 .layer {
      padding-top: 62px; }
    .services-2 .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .services-2 .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .services-2 .container_header {
      top: 75%; }
    .services-2 .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .services-2 .container_header .breadcrumb .active {
      width: auto; }
    .services-2 .blog .pagination li .prev {
      width: 80px; }
    .services-2 .container_header h1 {
      padding-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .services-2 .pricing-table .center-mode {
      padding-bottom: 50px; }
    .services-2 .pricing-table {
      padding-top: 50px; }
    .services-2 .servic .col-md-12 p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .services-2 .affixx .logo {
      padding-left: 15px; }
    .services-2 .affixx .sidenav {
      padding-right: 15px; } }
  @media (min-width: 767px) and (max-width: 900px) {
    .services-2 .brand .brand_logo .brand-logo img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .services-2 .brand .brand_logo .clear-left {
      clear: left; }
    .services-2 .brand .brand_logo .brand-logo {
      width: 33.3333%;
      text-align: center;
      padding-bottom: 20px; } }
  @media screen and (max-width: 680px) {
    .services-2 .brand .brand_logo {
      padding: 50px 15px; } }
  @media screen and (max-width: 568px) {
    .services-2 .brand .brand_logo .brand-logo {
      width: 100%;
      text-align: center;
      padding-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .services-2 .video-skills .video .helo .button_play {
      padding: 30px; } }

.page-team {
  /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
  /*mobi*/
  /*end*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
  /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/ }
  .page-team body {
    font-family: Roboto;
    margin: auto;
    padding: 0px; }
  .page-team * {
    box-sizing: border-box; }
  .page-team .sidenav a:hover {
    color: #b6aeae; }
  .page-team .button_see {
    padding-left: 20px;
    margin-top: 40px;
    width: 210px;
    height: 60px;
    background: #fc6a55;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: roboto condensed; }
    .page-team .button_see span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .page-team .button_see:hover {
      background: #f45740;
      color: #f2f2f2; }
    .page-team .button_see:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .page-team .xoay {
    transition: all 0.4s ease 0s;
    position: absolute !important;
    right: 6px; }
  .page-team .button_rea {
    background: transparent;
    color: #fc6955;
    font-family: roboto condensed;
    padding-left: 0;
    margin-top: 17px;
    width: 135px;
    height: 60px;
    border: none;
    text-align: left;
    font-weight: 700;
    position: relative;
    outline: 0; }
    .page-team .button_rea:hover {
      opacity: 0.7; }
    .page-team .button_rea span {
      background: #fc6955;
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block; }
    .page-team .button_rea:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .page-team .layer {
    position: relative; }
    .page-team .layer img {
      width: 100%; }
  .page-team .affix {
    z-index: 9999 !important;
    width: 100%; }
  .page-team .affixx {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1; }
    .page-team .affixx .logo {
      padding-left: 80px;
      float: left; }
      .page-team .affixx .logo span {
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
    .page-team .affixx .sidenav {
      float: right;
      padding-right: 80px; }
      .page-team .affixx .sidenav .navbar {
        padding-left: 0;
        border: none;
        background: transparent; }
        .page-team .affixx .sidenav .navbar .nav {
          float: right; }
          .page-team .affixx .sidenav .navbar .nav li {
            margin-left: 14px;
            margin-right: 14px; }
            .page-team .affixx .sidenav .navbar .nav li:hover ul {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
              top: 103%;
              transition: all 0.4s; }
            .page-team .affixx .sidenav .navbar .nav li .dacap {
              background: #fff;
              display: inline-block;
              vertical-align: middle;
              padding: 10px 0;
              border: 1px solid #e9e9e9;
              list-style: none;
              height: 0px;
              top: 150%;
              visibility: hidden;
              overflow: hidden;
              opacity: 0;
              width: 170px;
              border-bottom: 1px solid;
              z-index: 1;
              position: absolute;
              margin-left: -30px; }
              .page-team .affixx .sidenav .navbar .nav li .dacap li {
                padding: 10px 5px; }
                .page-team .affixx .sidenav .navbar .nav li .dacap li:hover {
                  border: none; }
                .page-team .affixx .sidenav .navbar .nav li .dacap li a {
                  height: 0px;
                  font-family: roboto condensed;
                  font-weight: 700;
                  color: #909090;
                  transition: 0.3s;
                  font-size: 14px; }
                  .page-team .affixx .sidenav .navbar .nav li .dacap li a:hover {
                    border: 0;
                    text-decoration: none;
                    color: #b6aeae; }
            .page-team .affixx .sidenav .navbar .nav li:hover {
              border-bottom: 1px solid #fc6955; }
            .page-team .affixx .sidenav .navbar .nav li a {
              color: #fff;
              font-family: roboto condensed;
              font-weight: 700;
              font-size: 14px;
              letter-spacing: 1px;
              padding-right: 0;
              padding-left: 0;
              letter-spacing: 2px; }
          .page-team .affixx .sidenav .navbar .nav .active {
            border-bottom: 1px solid #fc6955; }
            .page-team .affixx .sidenav .navbar .nav .active a:hover {
              background: transparent; }
          .page-team .affixx .sidenav .navbar .nav .pull-right {
            cursor: pointer;
            padding: 15px; }
            .page-team .affixx .sidenav .navbar .nav .pull-right .search-popup i {
              color: #fff;
              font-size: 18px; }
  .page-team .modal {
    background: #fff;
    z-index: 10041 !important;
    padding: 0 !important; }
    .page-team .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0; }
      .page-team .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none;
        background: transparent;
        margin: auto;
        padding: 20px;
        width: 100% !important;
        border-radius: inherit; }
        .page-team .modal .modal-dialog .modal-content .modal-header {
          padding-top: 20px;
          padding-left: 0;
          padding-right: 0;
          margin: 0 15px;
          border: none; }
          .page-team .modal .modal-dialog .modal-content .modal-header .close {
            font-size: 50px;
            width: 50px;
            outline: none;
            color: #333;
            opacity: 1; }
          .page-team .modal .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            font-weight: 700;
            font-size: 50px;
            padding: 50px 0; }
        .page-team .modal .modal-dialog .modal-content .modal-body {
          width: 50%;
          margin: auto; }
        .page-team .modal .modal-dialog .modal-content .input-group {
          width: 100%;
          border-bottom: 2px solid #f2f2f2; }
          .page-team .modal .modal-dialog .modal-content .input-group .form-control {
            box-shadow: none;
            border: none;
            height: 50px;
            font-size: 30px;
            font-weight: 400; }
            .page-team .modal .modal-dialog .modal-content .input-group .form-control:focus {
              box-shadow: none;
              border-color: transparent; }
          .page-team .modal .modal-dialog .modal-content .input-group .button_search:hover i {
            color: #a18e8e; }
          .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn {
            box-shadow: none;
            position: absolute;
            display: inline-block;
            top: 0px;
            right: -2px;
            width: 140px;
            line-height: 40px;
            z-index: 9999;
            background: #fc6a55;
            transition: all .4s; }
            .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
              background: #f45740; }
            .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer;
              width: 140px;
              font-weight: 700;
              font-size: 16px;
              color: #fff; }
              .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
                box-shadow: none; }
            .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
              height: 50px;
              border: none;
              background: transparent;
              outline: 0;
              cursor: pointer; }
  .page-team .header-mobi {
    display: none; }
    .page-team .header-mobi .pull-right i {
      font-size: 18px;
      color: #fff;
      padding: 13px 25px 10px 15px; }
  .page-team .side {
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    visibility: hidden;
    top: 0;
    width: 470px;
    right: -470px;
    opacity: 1;
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px; }
    .page-team .side .navbar {
      border: none;
      background: transparent;
      margin: auto; }
      .page-team .side .navbar .navbar-nav li {
        margin-left: 14px;
        margin-right: 14px; }
        .page-team .side .navbar .navbar-nav li:hover ul {
          height: auto;
          visibility: visible;
          opacity: 1;
          overflow: visible;
          top: 103%;
          transition: all 0.4s; }
        .page-team .side .navbar .navbar-nav li .dacap {
          background: #fff;
          display: inline-block;
          vertical-align: middle;
          padding: 10px 0;
          border: 1px solid #e9e9e9;
          list-style: none;
          height: 0px;
          top: 150%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
          width: 160px;
          border-bottom: 1px solid;
          z-index: 1;
          position: absolute;
          margin-left: -20px; }
          .page-team .side .navbar .navbar-nav li .dacap li {
            padding: 10px 5px; }
            .page-team .side .navbar .navbar-nav li .dacap li:hover {
              border: none; }
            .page-team .side .navbar .navbar-nav li .dacap li a {
              height: 0px;
              font-family: roboto condensed;
              font-weight: 500;
              color: #909090;
              transition: 0.3s;
              font-size: 14px; }
              .page-team .side .navbar .navbar-nav li .dacap li a:hover {
                border: 0;
                text-decoration: none;
                color: #b6aeae;
                opacity: .7; }
        .page-team .side .navbar .navbar-nav li a {
          color: #333;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1px;
          padding-right: 0;
          padding-left: 0; }
          .page-team .side .navbar .navbar-nav li a:hover {
            color: #998f8e;
            text-decoration: none; }
      .page-team .side .navbar .navbar-nav .active {
        border-bottom: 1px solid #fc6955; }
        .page-team .side .navbar .navbar-nav .active a:hover {
          background: transparent; }
      .page-team .side .navbar .list-group-item {
        width: 330px;
        margin-left: 0 !important;
        background: transparent;
        color: #333;
        border: none;
        font-weight: 700;
        padding: 15px; }
        .page-team .side .navbar .list-group-item button {
          background: transparent;
          border: none;
          outline: 0;
          float: right;
          position: relative;
          top: 5px;
          padding: 10px; }
          .page-team .side .navbar .list-group-item button span {
            display: block;
            width: 10px;
            background: #333;
            transition: all 0.3s ease 0s;
            position: relative;
            height: 2px; }
          .page-team .side .navbar .list-group-item button .chid {
            transform: translateX(-6px) rotate(45deg); }
          .page-team .side .navbar .list-group-item button .chid1 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-team .side .navbar .list-group-item button .chid2 {
            transform: translateX(-6px) rotate(45deg); }
          .page-team .side .navbar .list-group-item button .chid3 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-team .side .navbar .list-group-item button .chid4 {
            transform: translateX(-6px) rotate(45deg); }
          .page-team .side .navbar .list-group-item button .chid5 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-team .side .navbar .list-group-item button .chid6 {
            transform: translateX(-6px) rotate(45deg); }
          .page-team .side .navbar .list-group-item button .chid7 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-team .side .navbar .list-group-item button .chid8 {
            transform: translateX(-6px) rotate(45deg); }
          .page-team .side .navbar .list-group-item button .chid9 {
            transform: translateY(-2px) rotate(-45deg); }
          .page-team .side .navbar .list-group-item button .chid10 {
            transform: translateX(-6px) rotate(45deg); }
          .page-team .side .navbar .list-group-item button .chid11 {
            transform: translateY(-2px) rotate(-45deg); }
        .page-team .side .navbar .list-group-item .collapsed .chid {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid1 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid2 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid3 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid4 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid5 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid6 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid7 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid8 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid9 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid10 {
          transform: translateX(-6px) rotate(45deg) !important; }
        .page-team .side .navbar .list-group-item .collapsed .chid11 {
          transform: translateY(-2px) rotate(-45deg) !important; }
        .page-team .side .navbar .list-group-item ul {
          overflow-y: hidden !important;
          transition: 0.5s;
          -webkit-padding-start: 20px; }
          .page-team .side .navbar .list-group-item ul li {
            padding: 5px 0; }
    .page-team .side li {
      font-size: 18px;
      color: #333;
      transition: 0.3s; }
    .page-team .side .phone_top {
      margin-top: 20px;
      color: #333;
      font-size: 16px;
      font-family: roboto condensed;
      font-weight: 300; }
      .page-team .side .phone_top .phoneee {
        background-image: url(../img/phone1.png);
        height: 20px;
        width: 20px;
        display: inline-block;
        border-right: none !important;
        padding-left: 0 !important;
        float: left;
        margin-right: 10px; }
  .page-team .navbar-inverse .navbar-nav > .active > a {
    background: transparent; }
  .page-team .sidenav a:hover {
    color: #f1f1f1; }
  .page-team .button1 {
    float: right;
    color: #fff;
    transition: all 0.4s;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 30px;
    cursor: pointer; }
    .page-team .button1 span {
      display: block;
      width: 25px;
      height: 3px;
      background: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      position: relative; }
  .page-team .child2 {
    margin: 5px 0; }
  .page-team .pull-right {
    padding: 10px;
    color: #fff;
    font-size: 18px; }
  .page-team .container_header {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
    .page-team .container_header h1 {
      font-size: 50px;
      font-family: roboto condensed;
      color: #fff;
      font-weight: 700;
      padding-bottom: 10px; }
    .page-team .container_header .breadcrumb {
      background: transparent; }
      .page-team .container_header .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300; }
        .page-team .container_header .breadcrumb li a:hover {
          color: #fc6a55;
          text-decoration: none; }
      .page-team .container_header .breadcrumb .active {
        color: #fc6a55;
        font-size: 16px;
        font-weight: 300; }
  .page-team .breadcrumb > li + li:before {
    padding: 0 10px; }
  .page-team .team1 {
    background: #f2f2f2;
    padding: 150px 0; }
    .page-team .team1 .team {
      text-align: center;
      padding: 15px; }
      .page-team .team1 .team .img-information {
        background: #fff;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(194, 190, 190, 0.2); }
        .page-team .team1 .team .img-information img {
          width: 100%; }
        .page-team .team1 .team .img-information .information h5 {
          font-weight: 700;
          font-family: roboto condensed;
          font-size: 20px;
          padding-top: 15px; }
        .page-team .team1 .team .img-information .information h4 {
          font-size: 16px;
          color: #909090;
          font-weight: 400; }
        .page-team .team1 .team .img-information .information p {
          font-size: 16px;
          color: #909090;
          padding-top: 10px;
          line-height: 185%;
          border-bottom: 1px solid #fc6955;
          padding-bottom: 40px; }
        .page-team .team1 .team .img-information .icon {
          padding: 10px; }
          .page-team .team1 .team .img-information .icon i {
            transition: all .4s;
            padding: 10px;
            font-size: 18px;
            cursor: pointer; }
            .page-team .team1 .team .img-information .icon i:hover {
              opacity: .6; }
  .page-team .brand {
    text-align: center;
    border-top: 1px solid #f2f2f2; }
    .page-team .brand .brand_logo {
      padding: 90px 0; }
    .page-team .brand .brand-logo {
      width: 20%; }
      .page-team .brand .brand-logo .logo1 {
        padding-top: 25px; }
  .page-team .contacts {
    background: #fc6a55; }
    .page-team .contacts .contact {
      padding-bottom: 40px;
      padding-top: 50px; }
      .page-team .contacts .contact p {
        font-size: 30px;
        font-family: roboto condensed;
        color: #fff; }
        .page-team .contacts .contact p .circle {
          padding-right: 20px; }
  .page-team .button_see_contact {
    padding-left: 20px;
    width: 210px;
    height: 60px;
    border: none;
    background: transparent;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    outline: 0;
    font-family: roboto condensed; }
    .page-team .button_see_contact span {
      background-image: url(../img/line.png);
      height: 1px;
      width: 20px;
      float: right;
      margin-top: 10px;
      margin-right: 21px;
      display: inline-block;
      position: relative; }
    .page-team .button_see_contact:hover {
      color: #f2f2f2; }
    .page-team .button_see_contact:hover .xoay {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      position: relative; }
  .page-team .footer .full-container {
    padding: 0 80px;
    background: #333333; }
    .page-team .footer .full-container .footer1 {
      padding-top: 130px;
      border-bottom: 1px solid #474747;
      padding-bottom: 100px; }
      .page-team .footer .full-container .footer1 .logo-foo {
        margin-bottom: 60px;
        background-image: url(../img/logo.png);
        height: 47px;
        width: 148px;
        display: inline-block; }
      .page-team .footer .full-container .footer1 .logo_footer {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 50px; }
        .page-team .footer .full-container .footer1 .logo_footer ul {
          list-style: none;
          -webkit-padding-start: 10px; }
          .page-team .footer .full-container .footer1 .logo_footer ul li .loca {
            background-image: url(../img/loca.png);
            height: 20px;
            width: 16px;
            display: inline-block;
            margin-right: 10px; }
          .page-team .footer .full-container .footer1 .logo_footer ul li .phone {
            background-image: url(../img/phone.png);
            height: 20px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
          .page-team .footer .full-container .footer1 .logo_footer ul li .emai {
            background-image: url(../img/emai.png);
            height: 18px;
            width: 20px;
            display: inline-block;
            margin-right: 10px; }
        .page-team .footer .full-container .footer1 .logo_footer h5 {
          padding-left: 30px;
          font-size: 16px;
          font-family: roboto condensed;
          color: #909090;
          padding-bottom: 10px;
          line-height: 140%; }
        .page-team .footer .full-container .footer1 .logo_footer p {
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          color: #fff; }
      .page-team .footer .full-container .footer1 .links {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 110px; }
        .page-team .footer .full-container .footer1 .links p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .page-team .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747; }
          .page-team .footer .full-container .footer1 .links ul li a {
            color: #909090;
            font-family: roboto condensed;
            font-size: 16px; }
          .page-team .footer .full-container .footer1 .links ul li span {
            line-height: 19px;
            display: list-item;
            list-style: none;
            list-style-type: square;
            color: #fd6b54;
            font-size: 16px;
            float: left;
            margin-left: 17px; }
        .page-team .footer .full-container .footer1 .links ul .k_border {
          border-bottom: none; }
      .page-team .footer .full-container .footer1 .recent_post {
        display: inline-block;
        padding-right: 100px; }
        .page-team .footer .full-container .footer1 .recent_post p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          padding-left: 41px;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .page-team .footer .full-container .footer1 .recent_post ul li {
          padding-bottom: 15px;
          padding-top: 7px;
          border-bottom: 1px solid #474747; }
          .page-team .footer .full-container .footer1 .recent_post ul li h5 {
            margin-bottom: 5px;
            font-size: 16px;
            color: #909090;
            font-family: roboto condensed; }
          .page-team .footer .full-container .footer1 .recent_post ul li a {
            font-size: 16px;
            font-family: roboto condensed;
            color: #fff;
            font-weight: 700; }
        .page-team .footer .full-container .footer1 .recent_post ul .k_border {
          border-bottom: none; }
      .page-team .footer .full-container .footer1 .newsletter {
        display: inline-block;
        padding-left: 100px; }
        .page-team .footer .full-container .footer1 .newsletter p {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          padding-bottom: 60px; }
        .page-team .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0; }
        .page-team .footer .full-container .footer1 .newsletter .your {
          width: 100%;
          height: 50px;
          text-align: left;
          background: #323a4d;
          color: #fff;
          outline: 0;
          position: relative;
          border: none;
          font-family: roboto;
          margin-bottom: 15px;
          padding-top: 0px;
          transition: all .3s; }
          .page-team .footer .full-container .footer1 .newsletter .your .form-control {
            background: #323a4d;
            border: none;
            font-size: 16px;
            color: #fff;
            height: 100%;
            border-radius: 0;
            box-shadow: none;
            padding: 6px  20px; }
            .page-team .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
              color: #fff; }
          .page-team .footer .full-container .footer1 .newsletter .your .input-group-btn {
            position: absolute;
            top: 0;
            display: inline-block;
            right: 30px; }
          .page-team .footer .full-container .footer1 .newsletter .your .button_search {
            background: transparent;
            border: none;
            height: 50px;
            margin-left: -20px; }
            .page-team .footer .full-container .footer1 .newsletter .your .button_search span {
              float: right;
              margin-bottom: 0;
              background-image: url(../img/your.png);
              height: 11px;
              width: 14px;
              display: inline-block;
              margin-right: 15px; }
          .page-team .footer .full-container .footer1 .newsletter .your:hover {
            background: #495163; }
        .page-team .footer .full-container .footer1 .newsletter .subs {
          padding-left: 20px;
          text-transform: uppercase;
          width: 100%;
          height: 50px;
          text-align: left;
          background: #fc6955;
          color: #fff;
          border: none;
          font-size: 14px;
          font-family: roboto condensed;
          font-weight: 700;
          padding-top: 0;
          transition: all .3s;
          margin-top: 0; }
          .page-team .footer .full-container .footer1 .newsletter .subs:hover {
            background: #f45740; }
          .page-team .footer .full-container .footer1 .newsletter .subs span {
            float: right;
            background-image: url(../img/line.png);
            height: 1px;
            width: 20px;
            display: inline-block;
            margin-right: 15px;
            margin-top: 10px; }
    .page-team .footer .full-container .footer2 {
      padding: 20px 0; }
      .page-team .footer .full-container .footer2 .copy {
        color: #909090; }
      .page-team .footer .full-container .footer2 .goto {
        text-align: right; }
        .page-team .footer .full-container .footer2 .goto span {
          color: #fff;
          font-weight: 700;
          font-family: roboto condensed;
          cursor: pointer; }
  @media screen and (max-width: 568px) {
    .page-team .team1 .team .img-information .information h5 {
      font-size: 18px; }
    .page-team .team1 .team .img-information .information h4 {
      font-size: 14px; }
    .page-team .team1 .team .img-information .information p {
      font-size: 14px; }
    .page-team .team1 .team {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .page-team .affixx {
      padding-bottom: 15px !important; } }
  @media screen and (max-width: 1024px) {
    .page-team .team1 {
      padding: 50px 0; } }
  @media screen and (width: 812px) {
    .page-team .brand .brand-logo img {
      width: 100%; } }
  @media screen and (max-width: 1360px) {
    .page-team .unlimited .website {
      padding: 100px 50px 101px 50px; }
    .page-team .unlimited .customer {
      padding: 100px 50px 103px 50px; }
    .page-team .unlimited .development {
      padding: 100px 50px 103px 50px; }
    .page-team .unlimited .branding {
      padding: 100px 50px 106px 50px; }
    .page-team .who_we_are .weare {
      padding-left: 100px; }
    .page-team .sile1 .we_are {
      padding-right: 30px; }
    .page-team .sile1 .we_are h1 {
      font-size: 66px; } }
  @media screen and (max-width: 1170px) {
    .page-team .sile1 .we_are h1 {
      font-size: 50px; }
    .page-team .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .page-team .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .page-team .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .page-team .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .page-team .who_we_are .weare {
      padding-right: 15px;
      padding-left: 15px; }
    .page-team .who_we_are .weare .bar p {
      padding-top: 10px;
      padding-bottom: 20px; }
    .page-team .servic .row {
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) {
    .page-team .team {
      padding: 50px 0; }
    .page-team .unlimited {
      padding-bottom: 50px; }
    .page-team .what1 {
      padding: 50px 15px; } }
  @media screen and (max-width: 991px) {
    .page-team .sile1 .we_are p {
      font-size: 16px;
      line-height: 170%; }
    .page-team .sile1 .row_top .we_are h1 {
      font-size: 40px; }
    .page-team .servic .development {
      border: none; }
    .page-team .servic .appdevelopment {
      border: none; }
    .page-team .servic .marketing {
      border: none; }
    .page-team .servic .design {
      border: none; }
    .page-team .who_we_are .col-md-6 .detop img {
      padding-bottom: 30px; }
    .page-team .what1 .main-img .slick-slide .rul {
      padding: 20px 10px; }
    .page-team .pricing-table .center-mode .months {
      padding: 15px; } }
  @media screen and (max-width: 768px) {
    .page-team .sile1 .we_are {
      padding-right: 10px; }
    .page-team .porfolio .blanc {
      padding-right: 0; }
    .page-team .porfolio .mock {
      padding-left: 0; }
    .page-team .what1 .js-click-product {
      height: 120px; }
    .page-team .pricing-table .center-mode .months {
      width: 33.333333%; }
    .page-team .pricing-table .center-mode .months ul li {
      font-size: 16px; }
    .page-team .pricing-table .center-mode .months p {
      font-size: 12px; }
    .page-team .pricing-table .center-mode .months h1 span {
      font-size: 40px; }
    .page-team .servic .col-md-12 p {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .page-team .team .team1 h1 {
      padding-top: 10px;
      padding-bottom: 30px; }
    .page-team .what1 .whatw h1 {
      font-size: 36px;
      padding-bottom: 30px;
      padding-top: 10px; }
    .page-team .pricing-table .our_pri h1 {
      padding-bottom: 30px;
      padding-top: 10px; }
    .page-team .pricing-table {
      padding-top: 100px; }
    .page-team .team .col-md-12 .button_see {
      margin-top: 50px; }
    .page-team .team .col-md-4 {
      width: 33.333%; } }
  @media screen and (max-width: 680px) {
    .page-team .sile1 {
      width: 60%; } }
  @media screen and (max-width: 568px) {
    .page-team .sile1 {
      width: 100%; }
    .page-team .servic .col-md-4 .backg_home3 p {
      font-size: 14px; }
    .page-team .servic .creation {
      padding-top: 19px; }
    .page-team .servic .design {
      padding: 15px; }
    .page-team .servic .appdevelopment {
      padding: 15px; }
    .page-team .what1 .main-img .slick-slide .rul {
      padding: 10px 4px; }
    .page-team .what1 .main-img .slick-slide .rul p {
      font-size: 12px; }
    .page-team .pricing-table {
      padding-top: 50px; }
    .page-team .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .page-team .servic .col-md-12 p {
      font-size: 24px; }
    .page-team .who_we_are .weare p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .who_we_are .weare .bar p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .page-team .what1 .main-img .slick-current.slick-active {
      display: inline-block;
      width: 97% !important; }
    .page-team .what1 .main-img .slick-slide {
      display: none; }
    .page-team .pricing-table .center-mode .months {
      width: 100%;
      padding-bottom: 60px; }
    .page-team .porfolio .blanc img {
      width: 100%; }
    .page-team .sile1 {
      width: 97%; }
    .page-team .servic .col-md-4 {
      padding-left: 15px; }
    .page-team .team .col-md-4 {
      width: 100%;
      padding-bottom: 30px; }
    .page-team .what1 .main-img .slick-slide {
      margin: 0 5px; }
    .page-team .slick-slider .slick-track {
      width: 250px; }
    .page-team .what1 .js-click-product .slick-list {
      padding: 0 !important; }
    .page-team .what1 .js-click-product .slick-slide {
      width: 84px !important; }
    .page-team .what1 .js-click-product {
      margin-top: 10px;
      height: 100px; } }
  .page-team .modal-open {
    overflow: visible !important;
    padding: 0 !important; }
  .page-team .pull-right {
    cursor: pointer; }
  .page-team * {
    outline: none !important; }
  .page-team .base {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .page-team .baseright {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 1680px) {
    .page-team .create {
      padding: 117px 30px; }
    .page-team .careate .carea .cust {
      padding: 15px 10px; }
    .page-team .carea {
      padding: 40px 80px; }
    .page-team .feedback .feeb {
      letter-spacing: 0;
      font-size: 300px; }
    .page-team .porfolio .col-md-pull-8 {
      padding: 0 40px;
      padding-top: 108px;
      padding-bottom: 120px; }
    .page-team .footer .full-container .footer1 > .links {
      padding-right: 15px; }
    .page-team .footer .full-container .footer1 > .logo_footer {
      padding-right: 15px; }
    .page-team .footer .full-container .footer1 > .recent_post {
      padding-right: 15px; }
    .page-team .footer .full-container .footer1 > .newsletter {
      padding-left: 15px; }
    .page-team .affixx .navba {
      padding-left: 5px; }
    .page-team .phone_top {
      padding-right: 5px; }
    .page-team .careate .carea {
      padding: 60px; } }
  @media screen and (max-width: 1360px) {
    .page-team .counter1 .col-md-3 {
      padding-left: 8%; }
    .page-team .careate .carea {
      padding: 15px; } }
  @media screen and (max-width: 1170px) {
    .page-team .feedback .feeb {
      font-size: 200px; }
    .page-team .affixx .navba {
      padding-left: 15px; }
    .page-team .phone_top {
      padding-right: 15px; }
    .page-team .navbar-inverse .navbar-nav > li > a {
      padding-left: 11px;
      padding-right: 11px; }
    .page-team .sile1 .row_top .we_are h1 {
      padding: 0; }
    .page-team .we_are {
      padding: 0 50px; }
    .page-team .careate .carea .cust {
      padding: 10px 10px; }
    .page-team .careate .carea .cust h1 {
      font-size: 36px;
      padding-top: 0;
      padding-bottom: 0; }
    .page-team .careate .carea .cust p {
      line-height: 150%;
      margin-bottom: 0; }
    .page-team .cust h1 {
      padding-bottom: 0; }
    .page-team .cust p {
      line-height: 150%; }
    .page-team .button_see {
      margin-top: 27px; }
    .page-team .feedback .slide_main .test p {
      padding-bottom: 30px; }
    .page-team .porfolio .col-md-pull-8 {
      padding: 54px 15px; }
    .page-team .footer .full-container .footer1 .logo_footer {
      padding-right: 15px; }
    .page-team .footer .full-container .footer1 .newsletter {
      padding-left: 15px; }
    .page-team .footer .full-container {
      padding: 0 15px; }
    .page-team .affixx {
      top: 0px !important;
      padding-top: 20px; }
    .page-team .porfolio {
      padding: 80px 15px; } }
  @media screen and (max-width: 1170px) {
    .page-team .affixx .navba .navbar-inverse .navbar-nav li {
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 1024px) {
    .page-team .footer .full-container .footer1 .newsletter .your .button_search {
      z-index: 0; }
    .page-team .footer .full-container .footer1 {
      padding-bottom: 50px;
      padding-top: 50px; }
    .page-team .contacts .contact {
      padding: 20px 0; }
    .page-team .affixx .logo span {
      background-image: url(../img/logo-mobi.png);
      height: 32px;
      width: 104px;
      display: inline-block; }
    .page-team .feedback .slide_main .test {
      padding-top: 50px; }
    .page-team .phone_top {
      padding-top: 0; }
    .page-team .phone_top .pull-right {
      padding: 5px; }
    .page-team .button1 {
      padding-top: 5px;
      padding-left: 5px; }
    .page-team .affixx .sidenav .navbar .nav li {
      border: none !important; }
    .page-team .affixx .sidenav .navbar .nav {
      float: none; }
    .page-team .affixx .navba .navbar-inverse {
      padding-right: 30px;
      padding-top: 20px; }
    .page-team .affixx {
      padding-bottom: 10px !important; }
    .page-team .counter1 .col-md-3 {
      padding-left: 6%; }
    .page-team .porfolio .col-md-pull-8 {
      padding: 5.3% 30px; }
    .page-team .header-lap {
      display: none; }
    .page-team .header-mobi {
      display: block; }
    .page-team .feedback {
      padding-bottom: 50px; }
    .page-team .cust h1 {
      font-size: 30px; }
    .page-team .all-pro {
      width: 177px;
      padding-left: 15px; }
    .page-team .all-pro span {
      margin-right: 5px; }
    .page-team .phone_top span {
      display: none; }
    .page-team .phone_top .phonee {
      display: none; }
    .page-team .who_we_are {
      padding: 50px 0; }
    .page-team .blog {
      padding: 50px 0; }
    .page-team .servic {
      padding: 50px 0; } }
  @media screen and (max-width: 992px) {
    .page-team .porfolio .col-md-pull-8 {
      padding: 19px 30px; } }
  @media screen and (max-width: 991px) {
    .page-team .footer .full-container .footer1 .newsletter .subs {
      padding-top: 10px; }
    .page-team .who_we_are .we_01 {
      padding: 0 15px; }
    .page-team .careate .carea {
      width: 100%;
      padding: 0;
      position: relative; }
    .page-team .porfolio .col-md-8 {
      padding-left: 0; }
    .page-team .feedback .feeb {
      font-size: 130px; }
    .page-team .servic .identity {
      border-right: none;
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .page-team .servic .design {
      padding: 30px 14px 32px 15px;
      border-right: 1px solid #ebebeb; }
    .page-team .servic .appdevelopment {
      padding: 32px 15px 30px 15px;
      border-bottom: 1px solid #ebebeb; }
    .page-team .servic .marketing {
      border-left: none;
      padding: 32px 15px 30px 15px; }
    .page-team .servic .development {
      border-right: 1px solid #ebebeb;
      padding: 30px 15px 30px 15px; }
    .page-team .servic .creation {
      padding: 30px 15px 30px 15px; }
    .page-team .video .row_video .video1 > p {
      font-size: 36px;
      padding-bottom: 0;
      padding-top: 10px; }
    .page-team .links ul {
      -webkit-padding-start: 0px; }
    .page-team .footer .full-container .footer1 .links p {
      padding-left: 0px;
      padding-bottom: 20px; }
    .page-team .footer .full-container .footer1 .recent_post p {
      padding-left: 0;
      padding-bottom: 20px; }
    .page-team .footer .full-container .footer1 .newsletter p {
      padding-bottom: 20px; }
    .page-team .footer .full-container .footer1 span {
      margin-bottom: 20px; }
    .page-team .recent_post ul {
      -webkit-padding-start: 0px; }
    .page-team .footer .full-container .footer1 .links {
      padding-bottom: 150px; }
    .page-team .sile1 .row_top .we_are h1 {
      font-size: 50px; }
    .page-team .servic {
      padding-top: 50px; }
    .page-team .counter1 .col-md-3 {
      padding-left: 5%; } }
  @media screen and (max-width: 768px) {
    .page-team .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 36px; }
    .page-team .modal .modal-dialog .modal-content .modal-body {
      width: 60%; }
    .page-team .sile1 .row_top .we_are h1 {
      font-size: 41px; }
    .page-team .footer .full-container .footer2 .copy {
      padding-bottom: 20px; }
    .page-team .row_top div p {
      line-height: 170%; }
    .page-team .who_we_are .we_01 {
      padding-bottom: 50px; }
    .page-team .who_we_are .we_01 h4 {
      padding-bottom: 10px; }
    .page-team .slide_main .test {
      padding-top: 100px; }
    .page-team .img_porfolio .col-md-4 {
      width: 50%; }
    .page-team .servic .col-md-4 {
      width: 50%; }
    .page-team .counter .col-md-3 {
      width: 50%;
      padding-left: 15%;
      padding-bottom: 50px; }
    .page-team .blog .col-md-4 {
      width: 33.33333%; }
    .page-team .button_see {
      margin-top: 10px; }
    .page-team .footer .full-container .footer1 .links {
      padding-right: 50px; }
    .page-team .video .row_video .video1 .button_play {
      width: 60px;
      height: 60px; }
    .page-team .button_rea {
      height: 38px;
      margin-top: 0; }
    .page-team .footer .full-container .footer2 .copy {
      text-align: center; }
    .page-team .footer .full-container .footer2 .goto {
      text-align: center; }
    .page-team .servic .col-md-12 p {
      font-size: 36px;
      padding-top: 10px;
      padding-bottom: 30px; }
    .page-team .who_we_are .who_are h1 {
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 36px; }
    .page-team .feedback .slide_main .test p {
      font-size: 36px; }
    .page-team .feedback .information .lazy h3 {
      font-size: 20px; }
    .page-team * h1 {
      font-size: 36px !important; }
    .page-team .video .row_video .video1 .button_play i {
      padding: 32%; } }
  @media screen and (max-width: 680px) {
    .page-team .modal .modal-dialog .modal-content .modal-body {
      width: 70%; }
    .page-team .cuter .counter .counter1 .col-md-3 .counte {
      font-size: 30px; }
    .page-team .feedback .feeb {
      font-size: 100px; }
    .page-team .sile1 .row_top .we_are h1 {
      font-size: 36px; }
    .page-team .sile1 .row_top .we_are p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .who_we_are .who_are h1 {
      font-size: 36px;
      padding-bottom: 10px; }
    .page-team .who_we_are .who_are p {
      font-size: 14px; }
    .page-team .careate .carea .cust h1 {
      font-size: 36px; }
    .page-team .careate .carea .cust p {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 10px; }
    .page-team .button_see {
      margin-top: 10px;
      width: 180px;
      height: 45px; }
    .page-team .feedback .slide_main .test p {
      font-size: 36px; }
    .page-team .feedback .information .lazy h3 {
      font-size: 16px; }
    .page-team .cuter .counter {
      padding: 50px 0 0 0; }
    .page-team .porfolio .nav_main .nav-tabs li {
      padding-right: 15px;
      padding-left: 3px; }
    .page-team .porfolio .col-md-pull-8 h1 {
      font-size: 36px; }
    .page-team .porfolio .col-md-pull-8 p {
      font-size: 16px;
      line-height: 150%; }
    .page-team .porfolio {
      padding: 50px 0px; }
    .page-team .button-proje {
      width: 210px; }
    .page-team .video .row_video .video1 > p {
      font-size: 24px; }
    .page-team .blog .col-md-12 h1 {
      font-size: 36px; }
    .page-team .blog .col-md-4 .blog_name a {
      font-size: 18px; }
    .page-team .blog .col-md-4 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .footer #googlemap1 {
      height: 400px; }
    .page-team .footer1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .page-team .servic .col-md-12 p {
      font-size: 36px; } }
  @media screen and (max-width: 568px) {
    .page-team .modal .modal-dialog .modal-content .modal-body {
      width: 85%; }
    .page-team .side {
      width: 100%;
      box-shadow: none;
      padding-top: 0px;
      padding-left: 0px;
      top: 63px;
      padding-right: 0px;
      padding-bottom: 63px;
      background: transparent; }
    .page-team .side .navbar .list-group-item {
      width: 100%;
      padding: 15px; }
    .page-team .side .navbar .list-group-item {
      border-bottom: 1px solid #ebebeb;
      font-weight: 400;
      font-size: 16px; }
    .page-team .side .navbar .list-group-item button {
      top: 0; }
    .page-team .navbar-nav {
      margin: 0 -15px;
      background: #fff;
      padding-left: 15px;
      box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px; }
    .page-team .side .navbar .navbar-nav li a {
      font-weight: 400;
      font-size: 14px; }
    .page-team .base {
      margin-left: 0 !important; }
    .page-team .baseright {
      margin-left: 0 !important; }
    .page-team .sile1 {
      top: 60%; }
    .page-team .affixx {
      background: #333 !important; }
    .page-team .affixx {
      padding-top: 20px !important; }
    .page-team .feedback .feeb {
      font-size: 70px; }
    .page-team .sile1 .row_top .we_are h1 {
      font-size: 24px; }
    .page-team .sile1 .row_top .we_are {
      padding: 0 30px; }
    .page-team .who_we_are .who_are h1 {
      font-size: 24px; }
    .page-team .who_we_are .we_01 h4 {
      font-size: 18px; }
    .page-team .who_we_are .we_01 p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .porfolio .nav_main .nav-tabs li {
      padding-right: 0;
      padding-left: 4px; }
    .page-team .porfolio .col-md-pull-8 h1 {
      font-size: 24px; }
    .page-team .porfolio .col-md-pull-8 p {
      font-size: 14px; }
    .page-team .servic .col-md-12 p {
      font-size: 24px; }
    .page-team .servic .col-md-4 p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .servic .development {
      padding: 0 14px;
      padding-bottom: 20px; }
    .page-team .servic .identity {
      padding: 0 15px;
      padding-bottom: 22px; }
    .page-team .servic .marketing {
      padding: 0 14px;
      padding-top: 20px; }
    .page-team .servic .creation {
      padding: 0 15px;
      padding-top: 27px; }
    .page-team .button_see {
      margin-top: 0; }
    .page-team .blog .col-md-12 h1 {
      font-size: 24px;
      padding-bottom: 20px; }
    .page-team .blog .col-md-4 {
      width: 100%;
      padding-bottom: 50px; }
    .page-team .blog .col-md-4 .blog_name p {
      padding-top: 10px; }
    .page-team .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .page-team .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .page-team .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .page-team .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 20% 60px 20%; }
    .page-team .feedback .slide_main .test p {
      font-size: 24px; }
    .page-team .feedback .information .lazy h3 {
      font-size: 14px; }
    .page-team * h1 {
      font-size: 24px !important; }
    .page-team .affixx {
      position: inherit !important; }
    .page-team .layer {
      padding-top: 62px; } }
  @media screen and (max-width: 480px) {
    .page-team .porfolio .nav_main .nav-tabs li a {
      letter-spacing: 0; }
    .page-team .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 24px; }
    .page-team .modal .modal-dialog .modal-content .input-group .form-control {
      font-size: 20px; }
    .page-team .modal .modal-dialog .modal-content .modal-body {
      width: 100%; }
    .page-team .modal .modal-dialog .modal-content {
      padding: 0; }
    .page-team .img_porfolio .col-md-4 {
      width: 100%; }
    .page-team .feedback .feeb {
      letter-spacing: 6px; }
    .page-team .feedback .information .lazy {
      padding: 0 10px;
      margin: 0 20px !important; }
    .page-team .affixx {
      position: inherit !important;
      padding-top: 15px !important; }
    .page-team .button_see {
      height: 30px;
      font-size: 12px;
      width: 125px;
      padding-left: 10px; }
    .page-team .button_see span {
      margin-top: 7px;
      width: 15px;
      margin-right: 9px; }
    .page-team .sile1 .row_top .we_are {
      padding: 0 15px; }
    .page-team .sile1 .row_top .we_are p {
      line-height: 130%; }
    .page-team .sile1 .row_top .we_are h1 {
      margin-bottom: 5px; }
    .page-team .servic .col-md-4 {
      width: 100%;
      padding-left: 30px; }
    .page-team .cuter .counter .counter1 .col-md-3 h1 {
      font-size: 24px; }
    .page-team .counter .col-md-3 {
      padding-left: 7%;
      padding: 0 15px;
      padding-bottom: 40px; }
    .page-team .video .row_video .video1 .button_play {
      width: 40px;
      height: 40px; }
    .page-team .video .row_video .video1 .button_play i {
      font-size: 15px; }
    .page-team .video .row_video .video1 > p {
      font-size: 17px;
      margin-bottom: 0; }
    .page-team .button-proje {
      width: 150px;
      margin-top: 5px; }
    .page-team .footer .full-container .footer1 .logo_footer {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .page-team .footer .full-container .footer1 .links {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .page-team .footer .full-container .footer1 > .recent_post {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .page-team .footer .full-container .footer1 .newsletter {
      width: 100%;
      padding: 0 10% 60px 10%; }
    .page-team .servic .marketing {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 20px; }
    .page-team .servic .identity {
      padding-top: 20px; }
    .page-team .careate .carea .cust h1 {
      font-size: 24px; } }
  @media screen and (max-width: 375px) {
    .page-team .porfolio .nav_main {
      float: left; }
    .page-team .clear-375 {
      clear: left; } }
  @media screen and (max-width: 1680px) {
    .page-team .slick-list.draggable .slick-track .slick-slide {
      width: 2% !important; }
    .page-team .cases .read-mode .read-mode-produc {
      padding-left: 15px;
      top: 170px; }
    .page-team .video-skills .skills {
      padding: 30px 50px 0 50px; }
    .page-team .who_we_are .weare {
      padding-left: 50px; }
    .page-team .case-center .case-studies p {
      padding-left: 20%;
      padding-right: 20%; }
    .page-team .video-skills .skills p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 1360px) {
    .page-team .who_we_are .col-md-6 .detop img {
      width: 100%; }
    .page-team .slick-list.draggable .slick-track .slick-slide {
      width: 1.6% !important; }
    .page-team .cases .read-mode .read-mode-produc p {
      font-size: 24px; }
    .page-team .cases .read-mode .read-mode-produc {
      top: 100px; }
    .page-team .video-skills .skills p {
      line-height: 150%;
      padding-bottom: 0; }
    .page-team .video-skills .skills {
      padding: 0 15px; }
    .page-team .contacts .contact p {
      font-size: 24px; }
    .page-team .talk-to .row {
      padding: 150px 0; } }
  @media screen and (max-width: 1170px) {
    .page-team .about .about-we h1 {
      font-size: 40px; }
    .page-team .slick-list.draggable .slick-track .slick-slide {
      width: 1.4% !important; }
    .page-team .cases .read-mode .read-mode-produc p {
      font-size: 22px; }
    .page-team .video-skills .skills h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1024px) {
    .page-team .video-skills .skills .snippets .skill {
      padding-bottom: 30px; }
    .page-team .cooperate .logo-brand img {
      width: 100%; }
    .page-team .case-center {
      padding-top: 50px;
      padding-bottom: 50px; }
    .page-team .cooperate {
      padding-top: 50px; }
    .page-team .talk-to .row {
      padding: 50px 0; }
    .page-team .affixx {
      padding-top: 20px !important; } }
  @media screen and (max-width: 991px) {
    .page-team .sile1 .we_are {
      padding-right: 0; }
    .page-team .about {
      top: 0;
      padding: 30px 0; }
    .page-team .about1 {
      padding-top: 50px;
      padding-bottom: 50px; }
    .page-team .about .about-we {
      padding-left: 30px; }
    .page-team .about .corem-ipsum {
      padding-right: 30px; }
      .page-team .about .corem-ipsum p {
        line-height: 150%; }
    .page-team .contacts .contact {
      text-align: center; }
    .page-team .servic .marketing {
      border-right: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb; }
    .page-team .servic .development {
      border-bottom: 1px solid #ebebeb; }
    .page-team .video-skills .video {
      padding-left: 15px; }
    .page-team .video-skills {
      padding-bottom: 50px; }
    .page-team .who_we_are .weare {
      padding-left: 15px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .page-team .contacts .contact p .circle img {
      width: 8%; }
    .page-team .contacts .contact p {
      font-size: 20px; }
    .page-team .blog .col-md-4 {
      width: 100%;
      text-align: center;
      padding-bottom: 50px; }
    .page-team .cooperate {
      padding-bottom: 0;
      padding-top: 100px; }
    .page-team .about .corem-ipsum {
      padding-left: 30px; }
    .page-team .cooperate .brand {
      text-align: center;
      padding-bottom: 50px; }
    .page-team .cooperate .logo-brand {
      text-align: center; }
    .page-team .cooperate .logo-brand img {
      width: initial; }
    .page-team .case-center .case-studies p {
      padding-left: 10%;
      padding-right: 10%; } }
  @media screen and (max-width: 680px) {
    .page-team .sile1 {
      left: 10%;
      padding-right: 0;
      padding-left: 0; }
    .page-team .button-contact button {
      font-size: 13px;
      width: 230px; }
    .page-team .footer .full-container .footer1 .links {
      padding-right: 10px; } }
  @media screen and (max-width: 568px) {
    .page-team .affix-top .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .page-team .button1 .vuong {
      background: transparent !important; }
    .page-team .button1 span {
      background: #fff !important; }
    .page-team .phone_top .pull-right i {
      color: #fff !important; }
    .page-team .sile1 {
      width: 65%; }
    .page-team .about .corem-ipsum p {
      font-size: 14px; }
    .page-team .case-center .case-studies p {
      font-size: 14px; }
    .page-team .cooperate .brand p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .slick-dots {
      bottom: -50px !important; }
    .page-team .cooperate {
      padding-top: 50px; }
    .page-team .who_we_are .weare {
      padding-bottom: 0; }
    .page-team .affixx .logo span {
      background-image: url(../img/logo-mobi.png) !important; }
    .page-team .button-contact button {
      height: 40px; }
    .page-team .footer .full-container .footer1 .links {
      padding-right: 20%; }
    .page-team .cooperate .logo-brand img {
      width: 100%; }
    .page-team .cases .read-mode .read-mode-produc p {
      font-size: 20px; }
    .page-team .blog .blog1 p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .blog .blog2 .blog_name a {
      font-size: 18px; }
    .page-team .blog .blog2 .blog_name p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .talk-to .our-core p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .talk-to .input-contact input {
      font-size: 14px; }
    .page-team .video-skills .skills p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .page-team .servic .col-md-4 {
      padding-left: 30px; }
    .page-team .button1 .vuong {
      background: transparent !important; }
    .page-team .button1 span {
      background: #fff !important; }
    .page-team .phone_top .pull-right i {
      color: #fff !important; }
    .page-team .sile1 .row_top .we_are h1 {
      margin-top: 5px; }
    .page-team .sile1 {
      width: 95%;
      left: 5%; }
    .page-team .slick-list.draggable .slick-track .slick-slide {
      width: 1% !important; }
    .page-team .cooperate .logo-brand img {
      width: initial; }
    .page-team .cooperate .logo-brand img {
      padding-bottom: 40px; }
    .page-team .cooperate .logo-brand .col-xs-4 {
      width: 100%; }
    .page-team .cases .read-mode {
      width: 100%; }
    .page-team .row_top {
      width: 100%; }
    .page-team .sile1 .row_top .we_are {
      padding: 0 5px; }
    .page-team .snippets {
      width: 100%;
      padding-bottom: 10px; }
    .page-team .talk-to .our-core p {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1820px) {
    .page-team .careate .carea .cust {
      padding: 100px 50px; } }
  @media screen and (max-width: 1680px) {
    .page-team .testimonials-img img {
      width: 120%; } }
  @media screen and (max-width: 1360px) {
    .page-team .contacts .contact p {
      font-size: 24px; }
    .page-team .testimonials-img img {
      width: 110%; } }
  @media screen and (max-width: 1170px) {
    .page-team .testimonials .col-md-pull-6 {
      padding-top: 0; }
    .page-team .our-cases .col-md-4 {
      padding: 50px 30px; }
    .page-team .testimonials .col-md-pull-6 h2 {
      padding-bottom: 30px; }
    .page-team .testimonials .col-md-pull-6 p {
      padding-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    .page-team .testimonials-img img {
      width: 100%; }
    .page-team .testimonials .col-md-pull-6 h2 {
      margin-top: 0; }
    .page-team .cooperate {
      padding-top: 50px; }
    .page-team .gallery {
      padding-top: 50px; } }
  @media screen and (max-width: 991px) {
    .page-team .contacts .contact {
      text-align: center; }
    .page-team .testimonials .col-md-pull-6 {
      padding: 30px 15px; }
    .page-team .testimonials {
      padding-bottom: 50px; }
    .page-team .cooperate .logo-brand .col-md-4 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .page-team .contacts .contact p .circle img {
      width: 8%; }
    .page-team .contacts .contact p {
      font-size: 20px; }
    .page-team .cooperate .logo-brand .col-md-4 img {
      width: initial; }
    .page-team .our-cases .col-md-4 {
      border-bottom: 1px solid #484848;
      padding: 50px 80px; } }
  @media screen and (max-width: 568px) {
    .page-team .cooperate .logo-brand .col-md-4 img {
      width: 100%; }
    .page-team .gallery p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .cooperate .brand p {
      line-height: 150%;
      font-size: 14px; }
    .page-team .our-cases .col-md-4 p {
      line-height: 150%;
      font-size: 14px; }
    .page-team .testimonials .col-md-pull-6 p {
      font-size: 14px;
      line-height: 150%; }
    .page-team .testimonials .col-md-pull-6 h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .page-team .gallery .col-md-4 {
      width: 100%; }
    .page-team .cooperate .logo-brand .col-md-4 {
      width: 50%;
      text-align: center; }
      .page-team .cooperate .logo-brand .col-md-4 img {
        width: initial; }
    .page-team .cooperate .logo-brand img {
      padding-bottom: 50px; }
    .page-team .our-cases .col-md-4 {
      padding: 50px 20px; } }
  @media screen and (max-width: 360px) {
    .page-team .cooperate .logo-brand .col-md-4 {
      width: 100%; } }
  @media screen and (max-width: 1170px) {
    .page-team .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .page-team .unlimited .website {
      padding: 50px 15px 51px 15px; }
    .page-team .unlimited .customer {
      padding: 50px 15px 53px 15px; }
    .page-team .unlimited .development {
      padding: 50px 15px 53px 15px; }
    .page-team .unlimited .branding {
      padding: 50px 15px 56px 15px; }
    .page-team .affixx .sidenav .navbar {
      margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .page-team .affixx {
      padding-top: 15px !important; }
    .page-team .pull-right {
      padding-top: 5px; }
    .page-team .layer {
      padding-top: 0px; }
    .page-team .pull-right {
      padding: 5px 0; }
    .page-team .page-404 {
      padding-top: 50px 15px; }
    .page-team .affixx .sidenav {
      padding-right: 15px; }
    .page-team .affixx .logo {
      padding-left: 15px; } }
  @media screen and (max-width: 991px) {
    .page-team .careate img {
      width: 100%; }
    .page-team .unlimited .development {
      clear: left; } }
  @media screen and (width: 812px) {
    .page-team .unlimited .branding {
      padding: 50px 30px 56px 30px; } }
  @media screen and (max-width: 568px) {
    .page-team .layer {
      padding-top: 62px; }
    .page-team .affixx {
      position: fixed !important;
      padding-bottom: 10px !important; }
    .page-team .container_header {
      top: 60%; } }
  @media screen and (max-width: 480px) {
    .page-team .container_header {
      top: 75%; }
    .page-team .blog .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px; }
    .page-team .container_header .breadcrumb .active {
      width: auto; }
    .page-team .blog .pagination li .prev {
      width: 80px; }
    .page-team .container_header h1 {
      padding-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    .page-team .pricing-table .center-mode {
      padding-bottom: 50px; }
    .page-team .pricing-table {
      padding-top: 50px; }
    .page-team .servic .col-md-12 p {
      padding-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .page-team .affixx .logo {
      padding-left: 15px; }
    .page-team .affixx .sidenav {
      padding-right: 15px; } }
  @media (min-width: 767px) and (max-width: 900px) {
    .page-team .brand .brand_logo .brand-logo img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .page-team .brand .brand_logo .clear-left {
      clear: left; }
    .page-team .brand .brand_logo .brand-logo {
      width: 33.3333%;
      text-align: center;
      padding-bottom: 20px; } }
  @media screen and (max-width: 680px) {
    .page-team .brand .brand_logo {
      padding: 50px 15px; } }
  @media screen and (max-width: 568px) {
    .page-team .brand .brand_logo .brand-logo {
      width: 100%;
      text-align: center;
      padding-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .page-team .video-skills .video .helo .button_play {
      padding: 30px; } }

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