/*------------------------------------
  [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: #da251d ;
    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: 100%;
        }
  .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: 10px;
            margin-right: 10px;
            }
            .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: 250px;
              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;
              text-transform: uppercase;
              }
              .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: #da251d ;
            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: 22px;
        }
    .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: 22px;
        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: 150px;
    }
    .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: 0;
    padding-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    background: #f2f2f2;
    }
    .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;
      color: #fff;
      }
    .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: #aaa;
      height: 100%;
      }
      .home-1 .services .product span {
        background-image: url(../img/Shape-7.png);
        height: 55px;
        width: 70px;
        display: inline-block;
        color: #fff;
        }
      .home-1 .services .product p {
        color: #fff;
        }
    .home-1 .services .design {
      padding-top: 103px;
      padding-bottom: 55px;
      background: #da251d ;
      color: #fff;
      height: 100%;
      }
      .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: #aaa;
      color: #fff;
      height: 100%;
      }
      .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: 60px 0 60px;
    }
    .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: 40px;
      padding-bottom: 30px;
      padding-top: 0px;
      }
    .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: 10px;
      border-bottom: 1px solid #ebebeb;
      min-height: 240px;
      }
      .home-1 .servic .development span {
        background-image: url(../img/web.png);
        height: 54px;
        width: 56px;
        display: inline-block; }
    .home-1 .servic .identity {
      padding: 0 45px;
      padding-bottom: 10px;
      border-bottom: 1px solid #ebebeb;
      border-right: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb;
      min-height: 240px;
      }
      .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: 3px;
      border-bottom: 1px solid #ebebeb;
      min-height: 240px;
      }
      .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: #da251d ;
        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: #fff;
    }
    .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: 60px 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: 60px;
      border-bottom: 1px solid #474747;
      padding-bottom: 60px;
      }
      .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;
        }
        .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: 0px;
          }
        .home-1 .footer .full-container .footer1 .links ul li {
          list-style: none;
          padding: 15px 0;
          border-bottom: 1px solid #474747;
          width: 50%;
          float: left;
          line-height: inherit;
          }
          .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: 20px;
          }
        .home-1 .footer .full-container .footer1 .newsletter h4 {
          color: #909090;
          font-size: 16px;
          font-family: roboto condensed;
          list-style: none;
          padding: 15px 0;
          line-height: 24px;
          }
        .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: 20px;
      }
    .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;
      text-transform: uppercase;
      }
    .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 20px 60px 20px;
      }
    .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 20px 60px 20px;
      }
    .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;
      font-size: 40px;
      }
    .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: 120px;
      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: 40px;
      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: 20px 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: 20px 14px 32px 15px;
      border-right: 1px solid #ebebeb;
      }
    .home-1 .servic .appdevelopment {
      padding: 20px 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: 27px;
      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: 20px;
      }
    .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: 20px 15px 20px 15px;
      }
    .home-1 .servic .marketing {
      padding: 20px 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: #da251d ;
    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: #da251d ;
            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: #da251d ; }
      .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: #da251d ;
    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: #da251d ;
            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: #da251d ;
      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: #da251d ;
          height: 5px; }
        .home-3 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #da251d ;
          height: 5px; }
        .home-3 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #da251d ;
          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: #da251d ; }
        .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: #da251d ;
    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: #da251d ;
    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: #da251d ;
            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: #da251d ;
              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: #da251d ;
              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: #da251d ;
              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: #da251d ;
              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: #da251d ; }
    .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: #da251d ;
          height: 5px; }
        .home-4 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #da251d ;
          height: 5px; }
        .home-4 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #da251d ;
          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 #da251d ; }
    .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: #da251d ;
      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: #da251d ;
    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: #da251d ;
    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: #da251d ;
            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: #da251d ;
    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: #da251d ;
          height: 5px; }
        .home-5 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #da251d ;
          height: 5px; }
        .home-5 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #da251d ;
          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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .page-404 .container_header .breadcrumb .active {
        color: #da251d ;
        font-size: 16px;
        font-weight: 300; }
  .page-404 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .page-404 .contacts {
    background: #da251d ; }
    .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: #da251d ;
    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
  	
  --------------------------------------*/
  clear: both;
  }
  .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: #da251d ;
    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: #da251d ;
            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,
    .home-1 .about-1 .layer .row_top 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: #da251d ;
          text-decoration: none; }
      .about-1 .container_header .breadcrumb .active {
        color: #da251d ;
        font-size: 16px;
        font-weight: 300; }
  .about-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .about-1 .testimonials-design {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 40px;
    }
    .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: relative;
      top: 0;
      width: 50%;
      right: 0;
      bottom: 0;
      padding: 0;
      float: right;
      }
      .about-1 .careate .carea .cust {
        padding: 50px 60px;
        }
        .about-1 .careate .carea .cust h1 {
          font-family: roboto condensed;
          font-weight: 700;
          font-size: 40px;
          padding-top: 10px;
          padding-bottom: 20px;
          color: #333;
          margin-top: 0;
          }
        .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: #da251d ;
          height: 5px; }
        .about-1 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #da251d ;
          height: 5px; }
        .about-1 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #da251d ;
          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: #da251d ;
      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: 10px;
      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: 40px;
        padding-top: 0px;
        padding-bottom: 20px;
        letter-spacing: 0;
        margin-top: 0;
        }
      .about-1 .who_we_are .who_are p {
        font-size: 16px;
        color: #909090; }
    .about-1 .who_we_are .we_01 {
      padding: 0 10px 0 50px;
      }
      .about-1 .who_we_are .we_01 span {
        color: #da251d ; }
      .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: 0px 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: 50px;
      } }
  @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: 20px;
      }
    .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 40px 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: 0px;
      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;
      float: left;
      }
    .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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .about-2 .container_header .breadcrumb .active {
        color: #da251d ;
        font-size: 16px;
        font-weight: 300; }
  .about-2 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .about-2 .contacts {
    background: #da251d ; }
    .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: #da251d ;
    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 #da251d ;
        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 #da251d ;
        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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .about-3 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
      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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .about-4 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .blog-1 .container_header .breadcrumb .active {
        color: #da251d ;
        font-size: 16px;
        font-weight: 300; }
  .blog-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .blog-1 .blog {
    padding: 40px 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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .blog-2 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .blog-3 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
    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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .blog-4 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
    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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .blogdetai-1 .container_header .breadcrumb .active {
        color: #da251d ;
        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: 40px;
    }
    .blogdetai-1 .post .what-you2 h4 {
      font-size: 19px;
      font-weight: 300;
      line-height: 150%;
      color: #909090;
      border-left: 2px solid #da251d ;
      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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .blogdetai-2 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .contact-1 .container_header .breadcrumb .active {
        color: #da251d ;
        font-size: 16px;
        font-weight: 300; }
  .contact-1 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .contact-1 .our {
    padding: 60px 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: #da251d ;
        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: 30px 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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .contact-2 .container_header .breadcrumb .active {
        color: #da251d ;
        font-size: 16px;
        font-weight: 300; }
  .contact-2 .breadcrumb > li + li:before {
    padding: 0 10px; }
  .contact-2 .our {
    padding: 50px 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: 20px;
        }
      .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: 30px;
      }
      .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: #da251d ;
        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: #da251d ;
      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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .porfolio-1 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .porfolio-2 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ; }
    .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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .services-1 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
    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: 40px;
      padding-bottom: 20px;
      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: #da251d ; }
        .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: #da251d ;
              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: #da251d ;
              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: #da251d ;
              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: #da251d ;
              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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .services-2 .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ;
              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: #da251d ;
              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: #da251d ;
              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: #da251d ;
              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: #da251d ;
          height: 5px; }
        .services-2 .who_we_are .weare .bar .skills_bar .html1 {
          width: 80%;
          background-color: #da251d ;
          height: 5px; }
        .services-2 .who_we_are .weare .bar .skills_bar .html2 {
          width: 70%;
          background-color: #da251d ;
          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: #da251d ; }
        .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: #da251d ;
      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: #da251d ;
    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: #da251d ;
            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: #da251d ;
          text-decoration: none; }
      .page-team .container_header .breadcrumb .active {
        color: #da251d ;
        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: #da251d ; }
    .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 */


/* CSS 2020-10-19 */
a{color:#da251d  }
.banner-home {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.banner-home::before{content:""; width: 100%; height:100vh; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0px; display:block; z-index:1 }
.banner-home video {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
.home-1 .layer .row_top{  z-index:4;}

/*Glob css*/

#globalArea {
  
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.bg_map{background: #000;padding: 100px 15px 50px;}
 .map_outer{ min-height: 600px; position: relative;}
 .map_text{ padding: 0 20px;}
 .map_text h2{
    font-weight: 700;
}
 .map_text h2, .map_text p{color: #fff;text-align: left;}
.country_name{font-size: 26px;font-weight: bold;width: 100%;color: #da251d;position: absolute;left:0;bottom:20px;text-align: center;}

.global_location strong{font-size: 18px;text-transform: uppercase;color: #ffffff;display: block;text-align: center;}
.global_location ul{display: block;clear: both;padding: 0;margin: 0;}
.global_location ul li{list-style: none; text-align: center; color: #fff; font-size: 14px;}
.global_location ul li a{color:#fff}
.global_location ul li a:hover{text-decoration:none;}


.d-flex{display:flex;flex-wrap: wrap;}
.cnt_center{display: flex;justify-content: center;align-items: center;}
.align-self-center{align-self: center !important;}
.align-item-center{align-items: center;}
.align-items-stretch{align-items: stretch;}
.justify-center{justify-content: center;}
.about-1 .careate .align-item-center .carea,
.about-1 .reverse_img .align-item-center .carea{position: relative;top: auto;right: auto;}


.supplier_dev{width:100%;float:left;position: relative;}
.supplier_dev img{width:100%;}


.our_comm{width:100%;float:left;background: #fff;text-align: center;padding: 150px 0;}
.our_comm h4{
  font-size: 40px;
  font-weight: 700;
  color: #000;
  font-family: roboto condensed;
  }
  .our_comm p{font-size: 25px;font-family: roboto condensed;font-weight: 700;}
.clear{clear:both;}
.bg_white{background:#fff!important}


.brand_logo .client {
  position: relative;
  text-align: center;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -ms-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  margin: 0 10px;
}

.brand_logo .client img {
  display: inline-block;
  width: auto!important;
  max-width: 100%;
}

.manufact img{width:100%}
.home-1 .services .testing.inventory{
  background: #da251d;
  }
  .redbg_text, .yellowbg_text{font-family: roboto condensed;padding: 10px 30px;text-align:center;width:100%;float:left;}
  .yellowbg_text{
    font-weight: 700;
    font-size: 32px;
    color:#000;
    position: absolute;
    left: 50px;
    top: 45%;
    width: 250px;
    background: rgba(255,255,255,.7);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px  rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px  rgba(0,0,0,0.5);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    transition: all 0.5s ease 0s;
    padding: 20px 20px 30px;
    line-height: 38px;
    }
    .yellowbg_text:hover{top: 42%;}


  .yellowbg_text a{text-transform: uppercase; color:#fff; background:   #da251d; padding: 5px 12px; font-size:24px; clear:both; display: block;  max-width:170px; margin: 10px auto 0;  }
  .yellowbg_text a:hover{text-decoration:none; background:#ffff00; color:#000  }
  .redbg_text{font-weight: 400;background: #da251d;font-size: 34px;color: #fff;line-height: 42px;}

  .testimonials h4{font-family: roboto condensed;}
  .brand_logo h4{text-align:center; font-size:32px; font-weight: 700; margin: 0 0 25px; color:#000; font-family: roboto condensed;}

  .home-1 .side .navbar .navbar-nav li > a{font-size: 16px;}
  .home-1 .side .navbar .menu-mobile-lv2 li a{font-size: 14px;}

  .servic a{font-family: roboto condensed;font-weight: 700;font-size: 20px;color:#000;display:block;margin: 20px 0 10px;}
  .servic a:hover, .home-1 .services a{text-decoration: none;}
  .home-1 .services a{
  padding-bottom: 15px;
  padding-top: 30px;
  font-weight: 700;
  font-family: roboto condensed;
  font-size: 20px;
  color: #fff;
  display:block;
  }

 
.home-1 .affixx .logo img{max-height: 50px;}
.servic img.svg{width: 50px;filter: invert(28%) sepia(79%) saturate(7489%) hue-rotate(355deg) brightness(91%) contrast(87%);}
.services img.svg{width: 60px;filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(116deg) brightness(101%) contrast(101%);}

.langu_selection{position: fixed;top: 25px;right: 140px;color: #fff; transition: all 0.5s ease 0s;}
.affix .langu_selection{top:5px}
.langu_selection img{width: 25px; margin: 0 0 0 10px;}
.langu_selection a.lang_active img{width: 30px; border: 1px solid rgba(255,255,255,.7); padding:3px}


/* Inner page */
.home-1 .about-1 .layer .row_top{ position: relative;
  top: auto;
  transform: translate(0, 0px);}
  .dia-casting-text{
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    padding: 0 5%;
}
.cast_benefits{background: #f2f2f2;}
 ul.list-style, ul.list-style-single{display:block;padding:0 0 0 20px; width: 100%; float:left}
 
 ul.list-style li, ul.list-style-single li,
 ul.list-style-single-noblt li{width:50%; float:left; display: block; padding: 0 50px 15px 5px; position: relative; }
 ul.list-style-single li, ul.list-style-single-noblt li {width:100%}
 ul.list-style li:before,
 ul.list-style-single li:before {
  content:"";
  line-height: 19px;
  display: list-item;
  list-style: none;
  list-style-type: square;
  color: #fd6b54;
  font-size: 16px;
  float: left;
  margin-left: 17px;
  position: absolute;
  left:-10px;
  }

  .we_01 ul.list-style-single { padding:0 0 0 10px}

.contact-us-new a{color:#909090}
.font-16{font-size:16px; font-weight: 500; text-align: center;}

 
.about-1 .careate .carea h2{font-weight: 600;}
.reverse_img img{float:right}
.about-1 .reverse_img .carea {left:0; right:auto}

.lighting_banner{
  position: absolute;
  z-index: 8;
  top: 50%;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  }

  a{-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
  
  .slick-slider-outer{position: relative;width: 100%;padding: 0 30px;}
  .slick-centermode{z-index: 99;}
  .slick-active div{-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; opacity: 0.7;}
  .slick-active.slick-center div{opacity: 1;
    transform: scale(1.08);}
    .home-4 .case-center{background:#fff}
    .home-4 .case-center .case-studies h1{color:#000}
.industry-sheet{margin: 15px;}
.btn-sheet {
  background:#da251d;
  color: #fff;
  padding: 20px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}.btn-sheet:hover{text-decoration:none; color:#fff}

.lighting_outer{
    float: left;
}

.about-1 .careate.lighting_outer .carea{width: 100%; position: relative;}
.about-1 .testimonials-design .p,
.about-1 .careate.lighting_outer .carea h1{font-size: 32px;}
.about-1 .careate.lighting_outer .carea h2{font-family: roboto condensed;}
.bgf8{background:#f8f8f8; clear:both}

.about-1 .testimonials-design .p{
  padding-left: 25%;
    padding-right: 25%;
}
.home-4 .slick-list.draggable .slick-track .slick-slide{padding: 0 20px;}
.slick-slider-outer{padding: 0 100px;}
.slick-prev:before, .slick-next:before{font-size:40px;}
.slick-prev{left:-40px;}
.slick-slider .slick-list{
    padding: 40px 60px !important;
}
.home-4 .case-center{
    padding-bottom: 40px;
    padding-top: 40px;
}
.about-1 .who_we_are{padding: 60px 0;}
.about-1 .careate .carea .cust h3{font-weight: 700;
  font-family: roboto condensed;
  font-size: 24px;
  padding-top: 30px;
  }
  .about-1 .careate .carea .cust ol.list-number{list-style: decimal;
    line-height: 27px; color:#909090; padding-left: 30px;}
.blog-3 .sidenav-blog {
  padding: 0px 0;
}
.blog-3 .sidenav-blog .blog .name_img .blog_img{width: 20%;}
.blog-3 .sidenav-blog .blog .name_img .blog_name{width:80%;}

.blog-3 .sidenav-blog .blog .white-papers .name_img .blog_img{width: 40%;}
.blog-3 .sidenav-blog .blog .white-papers .name_img .blog_name{width:60%;}
.blog-3 .sidenav-blog .blog .name_img .blog_name a:hover{color: #da251d; text-decoration: none;}
.blog h1, .heading{
  font-weight: 700;
  font-family: roboto condensed;
  font-size: 40px;
  padding-bottom: 30px;
  padding-top:00px;
  text-align: center;
  }
.blog .industry-sheet{margin: 0;}
.services-1 .pricing-table{padding-top: 0px;}

.services-1 .pricing-table .center-mode{padding-bottom: 0;}
.services-1 .pricing-table .center-mode .months ul{padding: 20px 0 0 0 ;}
.services-1 .pricing-table .center-mode .months ul li{display: flex;}
.services-1 .pricing-table .center-mode .months img{display: block; margin: 0 auto;}
.services-1 .pricing-table .center-mode .months ul li a{color:#909090}
.services-1 .pricing-table .center-mode .months:hover li a,
.services-1 .pricing-table .center-mode .months:hover li a:hover{color: #fff; text-decoration: none;}
.services-1 .pricing-table .center-mode .months{padding:20px}
.services-1 .pricing-table .center-mode .months ul li i{margin-top: 3px;}
.services-1 .pricing-table .center-mode .months:hover{    padding-top: 30px;  padding-bottom: 20px; margin-top:-10px; background:  #da251d;}

.about-1 .testimonials-design .p{
  padding-left: 5%;
  padding-right: 5%;
  }
  .about-1 .testimonials-design .pp{ padding-left: 15%;
    padding-right: 15%;}
    .contact-2 .our .border-tron{
      height: 100%;
      padding: 0px 15px 20px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      }
    .contact-2 .our .col-md-4{margin-bottom:30px;}
    .contact-2 .our .border-tron:hover{box-shadow:0 0 20px rgba(0,0,0,.2); background:#f8f8f8}
    .contact-2 .our strong{color:#000; font-family:roboto condensed; font-size: 18px; padding:0 0 5px; display: block;}
    .home-1 .services-2 .services div .pos,
    .services-2 .services .pos{position: relative; top:auto; height: 100%;}
    .services-2 .services{background:#fff;padding: 60px 15px 60px;}
    
    .services-2 .services .pos .product{background:#aaa}
    .services-2 .services .pos .product p{color:#fff}
    .home-1 .services div .pos .so{font-size: 58px; margin-top:-10px; color: #fff; opacity: 1;}
    .home-1 .services div .pos:hover{padding-top:0; margin-top:-15px;}
    .services-2  ul.list-style-single{padding-bottom: 30px;width:100%;float:left;}
    .services-2  ul.list-style-single li,
    .services-2  ul.list-style-single-noblt li{font-size: 16px; font-weight: bold; margin-bottom: 10px; font-family: roboto condensed;}
    .services-2  ul.list-style-single-noblt{padding:0 20%}
    .services-2 .servic .development,
    .services-2 .servic .design,
    .services-2 .servic .identity{border-bottom: 0;}
    .services-2 .button_see{margin:0 10px 10px; width:300px }
    .services-2 .button_see a{color:#fff; }
    .services-2 .button_see a:hover{text-decoration:none}
    .services-2 .carea{padding: 60px 0;}
    .home-1 .services-2 .servic{padding: 50px 0 20px;}


    /*** ----------------timeline.css -------------***/


    .timeline_outer{width: 100%; padding:100px 0; float:left;}
.timeline{
  position:relative;
 margin:0px auto;
  /* padding:40px 0;*/
  width:1000px;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}

.img-timeline{width: 100%;}
.img-logo{float:right; max-width:50px ;}
.width-45{width:45%}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.content{
  padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background:  #da251d;
  border-radius:50%;
  box-shadow: 0 0 0 3px rgb(218 37 19 / 79%);
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
  background:  #da251d;
  border-radius:50%;
  box-shadow: 0 0 0 3px rgb(218 37 19 / 79%);
}
.timeline ul li h3{
  margin: 0;
  color:  #da251d;
  font-weight: 600;
  padding: 20px 0;
  font-size: 20px;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:14px;
  color: #fff;
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right: -90px;
  margin:0;
  padding:8px 16px;
  background:  #da251d;
  color:#fff;
  border-radius:18px;
  box-shadow: 0 0 0 3px rgb(218 37 19 / 79%);
}
.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  left: -90px;
  margin:0;
  padding:8px 16px;
  background:  #da251d;
  color:#fff;
  border-radius:18px;
  box-shadow: 0 0 0 3px rgb(218 37 19 / 79%);
}
#inline1, #inline2, #inline3, #inline4{ width: 400px;}
@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  h1{
    font-size:40px;
    text-align:center;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
  }
  #inline1, #inline2, #inline3, #inline4{ width: 95%;}
}




.contact-2 .talk-to{background:#f2f2f2; border: 0;}
.contact-2 .talk-to .our-core h1{color:#000}
.contact-2 .talk-to .input-contact textarea{    width: 100%;  height: auto;  outline: 0;  padding-left: 20px;  font-size: 16px;  border: 1px solid #f2f2f2; border-radius: 0;}
.contact-2 .talk-to .our-core p{padding-bottom: 20px;}
.bg_white{background: #fff;}
.h1, .h2, .h3, h1, h2, h3{font-family: roboto condensed;}
.about-1 .layer2{display: none;}
.about-1 .video .row_video{top: auto;transform: translate(00%, 0%);position: relative;left: 0;padding: 60px 15px 50px;float: left;margin: 0px 0;background: url(../img/istockphoto-1127448343-2048x2048.jpg) no-repeat center center;background-size:100% auto;}
.about-1 .video .row_video:before{content:"";width: 100%;height: 100%;position: absolute;top:0;left:0;background: rgba(0, 0, 0, 0.8);}

.about-1 .testimonials-design.text-left{text-align: left;padding-left: 40px;}
.about-1 .testimonials-design.text-left .p{
    padding-left: 0;
    margin-left: 0;
}

.prod_slick_outer{padding: 0px 60px 80px 60px;background: #fff;width: 50%;/* height: 100%; *//* display: block; *//* float: left; */}

.prod_slick_outer .slick-prev, .slick-next {
  color: #000;
  line-height: 46px;
}

.prod_slick_outer .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 40px 0 0 !important;
}
.prod_slick_outer .slick-next:before, 
.prod_slick_outer .slick-prev:before {
  font-family: eleganticons;
  font-size: 20px;
  transition: .4s ease;
}
.prod_slick_outer .slick-slide img{
  text-align: center;
  margin: 0 auto;
  display: block;
  width: auto !important;
  }
  .prod_slick_outer .slick-prev,.prod_slick_outer .slick-next {
  border: 2px solid #000;
  color: #000;
  border-radius: 50%;
  line-height: 52px;
  opacity: 1;
  bottom: 5px;
  top: auto;
}
.prod_slick_outer .slick-next:before {
  content: "\35";
}

.prod_slick_outer .slick-prev:before {
  content: "\34";
}

.who_are h2{font-weight: 700;}
.industry_sale_listouter {
    width: 100%;
    float: left;
}
.industry_sale_listouter .industry-sheet{width: 20%;float: left;padding: 20px 10px;}
.industry_sale_listouter .industry-sheet .btn-sheet{
    padding: 20px 10px;
}
.btn_contact a{color:#fff;}
.btn_contact a:hover{text-decoration:none}

.blog-3 .sidenav-blog .blog .publication .name_img .blog_img{border: 8px solid #f8f8f8;text-align: center;}
.blog-3 .sidenav-blog .blog .publication .name_img .blog_img img{max-width: 220px; text-align: center;}
.blog-3  .publication .button_rea{float: right;}

.ttl_text{ padding-bottom: 15px;
  padding-top: 30px;
  font-weight: 700;
  font-family: roboto condensed;
  font-size: 20px;
  color: #fff;
  display: block;}
  .blogdetai-1 .post .what-you2 p{padding:0 40px 10px 0}
  .blogdetai-1 .post .post4,.blogdetai-1 .post .post6  {
    padding: 20px 15px; }
    .blogdetai-1  .post .post4 img {
      width: 100%; }
      .blogdetai-1 .post .post5 {
    padding: 20px 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 .post6 .button{padding-top: 0;}
        .blogdetai-1 .post .post6 .alex{    padding-top: 30px;}
        .blogdetai-1 .post .post6 .alex .boder .img{    padding: 20px 0;}
        .blogdetai-1 .post .post6 .alex .boder .text{    padding-top: 0px;}
        .blogdetai-1 .post .post6 h4{padding-top: 0;}
        .blogdetai-1 .post .post6 .alex .boder .text p {
          padding: 0 35px 10px 0px;
      }
      .blogdetai-1 .blog{padding: 20px 0;}
      .blogdetai-1 .comments .padd {
        padding: 40px;
    }
    .blogdetai-1 .comments .alex {
      padding: 20px 0;}
      .blogdetai-1 .write-comments .row {
        padding: 50px;
    }
    .blogdetai-1 .write-comments .our-core h1{padding-bottom: 00px;}
    .blog-3 .publication .button_rea,
    .blog-1 .button_rea{width: 155px;}
    .blogdetai-1 .blog .col-md-12 h1{
    font-weight: 700;
    padding-bottom: 40px;
}

/* Responsive */
@media screen and (max-width: 1280px) {
  .yellowbg_text{font-size: 30px;}
  .redbg_text{font-size: 22px;line-height: 30px;}
  .global_location {padding:0 15px; text-align:center}
  .home-1 .affixx .sidenav .navbar-inverse .navbar-nav{padding-left:0}
}


@media screen and (max-width: 1024px) {
  .banner-home{max-height: 550px;}
  .home-1 .services .col-md-3{margin: 0 0 1px;}
  .global_location {padding:0 15px; text-align:center}
  .home-1 .testimonials{padding-top:100px}
  .home-1 .side .navbar .navbar-nav li a{font-size:18px; text-transform: uppercase;}
.home-1 .side .navbar .navbar-nav li ul li a{font-size: 16px; text-transform: none;}
.home-1 .affixx .sidenav{padding-right:45px;}
.home-1 .sidenav .langu_selection, .home-1 .sidenav .langu_selection a {color:#000; transition: none;}
.home-1 .sidenav .langu_selection a{padding:8px 8px 8px 8px}
.industry_sale_listouter .industry-sheet .btn-sheet{
    font-size: 16px;
    padding: 10px 5px;
}
}


@media screen and (max-width: 992px) {
  .affix-top .langu_selection{ right:120px; top:43px}
  .affix .langu_selection{ right:120px; top:24px}
  .banner-home{max-height: 400px;}
  .yellowbg_text{font-size: 21px;line-height: 28px;width: 172px;padding: 15px 20px 20px;top: 40%;}
  .yellowbg_text a{font-size: 20px;max-width: 140px;}
  .redbg_text{font-size: 19px;line-height: 22px;}
  .redbg_text br{display: none;}
.map_outer{width: 100%;}
 
.global_location h2{text-align:center}
.global_location ul{margin:0 0 15px}
.home-1 .footer .full-container .footer1 .links ul li{padding:5px 0}
.home-1 .footer .full-container .footer1 .links ul li span{margin-bottom: 5px;}
.home-1 .affixx .logo img {max-height: 45px;margin-top: -5px;margin-bottom: 5px;}
.about-1 .container_header h1, .home-1 .about-1 .layer .row_top h1{padding-bottom: 0px;  padding-top: 50px;}
.dia-casting-text{font-size:18px;}
.about-1 .careate .carea .cust{padding: 30px 15px;}
.about-1 .who_we_are{padding: 50px 0 50px;}
.about-1 .servic .row .col-md-4:last-child{border-right: 0;}
.home-1 .side .navbar .navbar-nav li a{font-size:18px; text-transform: uppercase;}
.home-1 .side .navbar .navbar-nav li ul li a{font-size: 16px; text-transform: none;}
.home-1 .affixx {  top: 0px !important; padding-top:20px !important; }
.home-1 .affix-top{padding-top:20px !important; }

.home-1 .blog .col-xs-12{    padding-bottom: 0px;}
.services-2 .services{    padding: 30px 15px 100px;}
.services-2 .services .pos .product{ border: 1px solid #aaa;}
.home-1 .services div .pos .so{position: relative;background:#aaa;margin:0;font-size: 42px;}
.home-1 .services .des .pos .so{background: #da251d;}
ul.list-style, ul.list-style-single{
    padding: 20px 0 0 20px;
}
.home-1 .pos div{
    padding: 10px 10%  20px!important;
}
.services-2 ul.list-style-single-noblt{
    padding: 0 15px;
}
.services-2 .button_see a{font-size:16px;}
.services-2 .button_see{height: 45px;}
.services-2 .carea{padding:40px 0}
.about-1 .testimonials-design .p{font-size:24px}
.img-logo{float:left}
.contact-2 .carea {
  padding: 20px 15px;
}
.contact-2 .our .col-md-4 {
   padding: 5px 15px;
}
.contact-2 .our .col-md-4{margin-bottom:20px}
.contact-2 .our .border-tron h4 {
   padding: 0px 0;
}
.contact-2 .our .border-tron{padding:5px 15px 20px}
.contact-2 .our .border-tron p{padding-bottom: 10px;}
.home-4 .case-center{
  padding-bottom: 00px;
  padding-top: 20px;
  }

  .about-1 .testimonials-design .p, .about-1 .careate.lighting_outer .carea h1{font-size: 28px !important;}
  .about-1 .who_we_are .we_01 {
    padding: 0 15px 0 50px;
}
.prod_slick_outer{width: 100%;padding: 0px 60px 60px 60px;}
.about-1 br.clear{display: block;}
.about-1 .who_we_are .who_are h1{
    font-size: 40px;
}
.langu_selection.hidden-xs {display: none;}
.industry_sale_listouter .industry-sheet{width: 33.33%;}
}

/*Responsive */
@media screen and (max-width: 767px) {
.banner-home{max-height: 220px;}
.banner-home::before{}
.home-1 .affixx .sidenav{padding-right:15px}
.redbg_text br{display: none;}
.map_outer{width: 100%;}
 
.global_location h2{text-align:center}
.global_location ul{margin:0 0 15px}
.home-1 .footer .full-container .footer1 .links ul li{padding:5px 0}
.home-1 .footer .full-container .footer1 .links ul li span{margin-bottom: 5px;}
.home-1 .links{width: 100%;}
.yellowbg_text{font-size: 16px;line-height: 20px;width: 150px;padding: 15px 15px 20px;top: 36%; left:20px;}
  .yellowbg_text a{font-size: 16px;max-width: 140px;}
  
   .langu_selection {
    right: auto;
    top: auto;
    position: relative;
    color: #000;
    padding: 20px 5px 20px 15px;
    background: #f5f5f5;
    margin-left: -15px;
}
.about-1 .container_header h1, .home-1 .about-1 .layer .row_top h1{padding-top:20px;}
.about-1 .careate .carea{
    padding: 0 0 50px;
}
.about-1 .careate .carea .cust p{text-align:center}
ul.list-style li, ul.list-style-single li, ul.list-style-single-noblt li{width:100%}
.about-1 .container_header{top: 65%;}
.about-1 .layer2{display: none;}
.about-1 .video .row_video{}
.about-1 .careate.lighting_outer .carea h2{text-align:center; }
.about-1 .who_we_are .we_01{padding-bottom:20px}
.list-style-single-noblt{padding:0 15px}
ul.list-style li, ul.list-style-single li, ul.list-style-single-noblt li{padding:0 0px 10px 5px}
.home-1 .side .navbar .navbar-nav li a{font-size:16px; text-transform: uppercase;}
.home-1 .side .navbar .navbar-nav li ul li a{font-size: 16px; text-transform: none;}
.about-1 br.clear{display:block}
.about-1 .careate .carea .cust{padding: 40px 15px 30px;}
.about-1 .careate .carea h2{font-size:22px}
.contact-1 .our{padding:10px 15px}
.contact-1 .our .col-md-4{padding:10px 15px}
.contact-1 .our h4{padding:00px 0 0px;}
.dia-casting-text{font-size:16px;}
.home-4 .case-center{padding-bottom: 0px;padding-top: 0px;}
.home-1 .video .layer2{position: absolute; top:0; left:0}
.slick-slider-outer{padding:0 15px}
.blog-3 .sidenav-blog .blog .name_img .blog_img,
.blog-3 .sidenav-blog .blog .name_img .blog_name,
.blog-3 .sidenav-blog .blog .white-papers .name_img .blog_img,
.blog-3 .sidenav-blog .blog .white-papers .name_img .blog_name{width:100%}
.home-1 .blog .col-xs-12{    padding-bottom: 0px;}
.services-2 .services{    padding: 30px 15px 100px;}
.services-2 .services .pos .product{ border: 1px solid #aaa;}
.home-1 .services div .pos .so{position: relative;background:#aaa;margin:0;font-size: 42px;}
.home-1 .services .des .pos .so{background: #da251d;}
ul.list-style, ul.list-style-single{
    padding: 30px 0 0 20px;
}
.home-1 .pos div{
    padding: 10px 10%  20px!important;
}
.services-2 ul.list-style-single-noblt{
    padding: 0 15px;
}
.services-2 .button_see a{font-size:16px;}
.services-2 .button_see{height: 45px;}
.services-2 .carea{padding:40px 0}
.about-1 .testimonials-design .p{font-size:24px}
.img-logo{float:left}
.contact-2 .carea {
  padding: 20px 15px;
}
.contact-2 .our .col-md-4 {
   padding: 5px 15px;
}
.contact-2 .our .col-md-4{margin-bottom:20px}
.contact-2 .our .border-tron h4 {
   padding: 0px 0;
}
.contact-2 .our .border-tron{padding:5px 15px 20px}
.contact-2 .our .border-tron p{padding-bottom: 10px;}

.industry-sheet img{margin: 0 auto;}
.home-1 .side{top:75px;z-index: 9999;}
.prod_slick_outer .slick-slide img{width: 100% !important;}
.about-1 .careate .carea{
    padding: 0 0 20px;
}
.breadcrumb{padding: 0px 15px 8px 15px;}
.prod_slick_outer .slick-list{
    padding: 10px 0 0 !important;
}
.prod_slick_outer{
    padding: 0px 40px 30px 50px;
}
.about-1 .who_we_are .who_are{
    padding-bottom: 0px;
}
.about-1 .careate .carea .cust br{display: block;}
.about-1 .testimonials-design .p, .about-1 .careate.lighting_outer .carea h1{
    font-size: 24px !important;
}
.our_comm{
    padding: 60px 0;
}
.our_comm h4{
    font-size: 24px;
}
.our_comm p{font-size: 18px;}
.country_name, .map_text h2{
    font-size: 22px;
}
.slick-active div{opacity: 1;}
.slick-slider .slick-list{
    padding: 0px 30px !important;
}
.industry_sale_listouter .industry-sheet{width: 50%; padding:20px}
.main_page{
  top: 50%;
}
}

@media screen and (max-width: 578px) {

  .industry_sale_listouter .industry-sheet{width: 100%; padding:20px}
}