/*------------------------------------
  [Table of contents]
  1. Body
  2. Header / #header
  3. Navigation / #navbar
  4. Content / #content
  5. Sidebar / #sidebar
  6. Search / #search
  7. Footer / #footer
  
--------------------------------------*/

 .home-1 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .home-1 body {
     font-family: Roboto;
     margin: auto;
     overflow: visible !important;
 }

 .home-1 .modal-backdrop.in {
     display: none;
 }

 .home-1 .compensate-for-scrollbar {
     margin-right: 0 !important;
 }

 .home-1 * {
     box-sizing: border-box;
 }

 .home-1 .sidenav a:hover {
     color: #b6aeae;
 }

 .home-1 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .home-1 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .home-1 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .home-1 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-1 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .home-1 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .home-1 .button_rea:hover {
     opacity: 0.7;
 }

 .home-1 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .home-1 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-1 .layer {
     position: relative;
 }

 .home-1 .layer img {
     width: 100%;
 }

 .home-1 .layer .row_top {
     margin-right: 0;
     position: absolute;
     top: 60%;
     transform: translate(0%, -50%);
 }

 .home-1 .layer .row_top h1 {
     font-family: roboto condensed;
     font-size: 80px;
     color: #fff;
     font-weight: 700;
 }

 .home-1 .layer .row_top p {
     color: #fff;
 }

 .home-1 .layer .row_top div p {
     font-size: 18px;
     color: #fff;
     line-height: 185%;
     padding-top: 20px;
     width: 83%;
 }

 .home-1 .row_header {
     position: fixed;
     z-index: 9999;
     width: 100%;
     margin-left: 0;
     margin-right: 0;
 }

 .home-1 .affix {
     top: 0;
     width: 100%;
     z-index: 9999 !important;
     background: #909090;
 }

 .home-1 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .home-1 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .home-1 .affixx .logo span {
     background-image: url(../img/mainlogo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-1 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .home-1 .affixx .sidenav .navbar-inverse {
     border: none;
     background: transparent;
 }

 .home-1 .affixx .sidenav .navbar-inverse .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav {
     float: right;
     padding-left: 30px;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     transition: all 0.4s;
     overflow: visible;
     top: 103%;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap li:hover {
     border: none;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap li a {
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav li a:hover {
     border-bottom: 1px solid #fc6955;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .home-1 .affixx .sidenav .navbar-inverse .navbar-nav .active a:hover {
     background: transparent;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item {
     width: 100%;
     margin-left: 0 !important;
     background: #333;
     color: #fff;
     border: none;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button span {
     display: block;
     width: 10px;
     background: #fff;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .affixx .sidenav .navbar-inverse .list-group-item ul {
     margin-top: 5.5%;
     overflow-x: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
     padding-bottom: 10px;
 }

 .home-1 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .home-1 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .home-1 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .home-1 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .home-1 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .home-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .home-1 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .home-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .home-1 .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .home-1 .header-mobi {
     display: none;
 }

 .home-1 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .home-1 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .home-1 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .home-1 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .home-1 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .home-1 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .home-1 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .home-1 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .home-1 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .home-1 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-1 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .home-1 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .home-1 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .home-1 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .home-1 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .home-1 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .home-1 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-1 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-1 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-1 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .home-1 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .home-1 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .home-1 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .home-1 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .home-1 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .home-1 .sidenav a:hover {
     color: #f1f1f1;
 }

 .home-1 .button1 {
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 30px;
     font-size: 30px;
     cursor: pointer;
     float: right;
 }

 .home-1 .button1 .butt {
     width: 25px;
 }

 .home-1 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .home-1 .child2 {
     margin: 5px 0;
 }

 .home-1 .vuong {
     width: 30px;
     height: 30px;
     background: transparent;
     top: 7px;
     display: none;
     position: relative;
     position: absolute;
 }

 .home-1 .unlimited {
     padding-top: 150px;
     padding-bottom: 150px;
     background: #fff;
 }

 .home-1 .unlimited .welcome h5 {
     font-family: roboto condensed;
     font-weight: 700;
     color: #8f8f8f;
     letter-spacing: 2px;
 }

 .home-1 .unlimited .welcome h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     color: #2b2b2b;
     padding-bottom: 10px;
 }

 .home-1 .unlimited .welcome p {
     font-size: 16px;
     font-weight: 400;
     color: #909090;
     line-height: 185%;
     padding-bottom: 60px;
 }

 .home-1 .unlimited .website {
     padding-left: 59px;
     padding-bottom: 30px;
 }

 .home-1 .unlimited .website span {
     background-image: url(../img/Shape-1.png);
     height: 64px;
     width: 30px;
     display: inline-block;
 }

 .home-1 .unlimited .website h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-1 .unlimited .website p {
     font-size: 16px;
     font-weight: 400;
     color: #909090;
     line-height: 185%;
 }

 .home-1 .unlimited .customer {
     padding-left: 59px;
     padding-bottom: 30px;
 }

 .home-1 .unlimited .customer span {
     background-image: url(../img/Shape-4.png);
     height: 47px;
     width: 67px;
     display: inline-block;
     margin-top: 17px;
 }

 .home-1 .unlimited .customer h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-1 .unlimited .customer p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-1 .unlimited .development {
     padding-left: 59px;
     padding-bottom: 30px;
     padding-top: 30px;
     clear: left;
 }

 .home-1 .unlimited .development span {
     background-image: url(../img/Shape-3.png);
     height: 62px;
     width: 62px;
     display: inline-block;
 }

 .home-1 .unlimited .development h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-1 .unlimited .development p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-1 .unlimited .branding {
     padding-left: 59px;
     padding-bottom: 30px;
     padding-top: 30px;
 }

 .home-1 .unlimited .branding span {
     background-image: url(../img/Shape-2.png);
     height: 59px;
     width: 66px;
     display: inline-block;
 }

 .home-1 .unlimited .branding h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-1 .unlimited .branding p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-1 .testimonials {
     text-align: center;
     padding-top: 150px;
     background: #f2f2f2;
     padding-bottom: 350px;
 }

 .home-1 .testimonials .p {
     font-weight: 700;
     font-size: 30px;
     font-family: roboto condensed;
     padding: 0 660px 10px;
 }

 .home-1 .testimonials .pp {
     color: #909090;
     font-size: 16px;
     line-height: 185%;
     padding: 0 560px;
 }

 .home-1 .testimonials .file {
     background-image: url(../img/file.png);
     height: 26px;
     width: 33px;
     display: inline-block;
     margin-right: 20px;
     margin-left: -50px;
 }

 .home-1 .testimonials .chuky {
     background-image: url(../img/chuky.png);
     height: 23px;
     width: 205px;
     display: inline-block;
     margin-top: 50px;
 }

 .home-1 .video {
     text-align: center;
     position: relative;
 }

 .home-1 .video .layer2 {
     position: relative;
 }

 .home-1 .video .layer2 img {
     width: 100%;
 }

 .home-1 .video .row_video {
     position: absolute;
     top: 55%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .home-1 .video .row_video .video1 {
     width: 100%;
 }

 .home-1 .video .row_video .video1 .button_play {
     border-radius: 50%;
     background: #858688;
     width: 85px;
     height: 85px;
     border: none;
     transition: all .3s;
     display: inline-block;
     text-decoration: none !important;
 }

 .home-1 .video .row_video .video1 .button_play i {
     font-size: 18px;
     color: #fff;
     display: inline-block;
     padding: 40%;
 }

 .home-1 .video .row_video .video1 .button_play:hover {
     opacity: .8;
 }

 .home-1 .video .row_video .video1 p {
     font-size: 50px;
     font-weight: 700;
     color: #fff;
     font-family: roboto condensed;
     padding-bottom: 10px;
     padding-top: 60px;
 }

 .home-1 .services {
     z-index: 1;
     text-align: center;
     padding-left: 15px;
     padding-right: 15px;
 }

 .home-1 .services .tes .so {
     color: #fff;
 }

 .home-1 .services h3 {
     padding-bottom: 15px;
     padding-top: 3px;
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 20px;
 }

 .home-1 .services div {
     padding: 0;
 }

 .home-1 .services div .pos {
     position: absolute;
     width: 100%;
     top: 555px;
     z-index: 1;
     transition: all .4s;
 }

 .home-1 .services div .pos:hover {
     cursor: pointer;
     padding-top: 15px;
 }

 .home-1 .services div .pos .so {
     position: absolute;
     font-size: 150px;
     font-family: roboto condensed;
     font-weight: 700;
     opacity: 0.1;
     margin-top: -38px;
     width: 100%;
     padding-top: 20px;
 }

 .home-1 .services div div p {
     font-size: 16px;
     line-height: 185%;
     padding: 0 30px;
 }

 .home-1 .services .product {
     padding-top: 107px;
     padding-bottom: 55px;
     background: #fff;
 }

 .home-1 .services .product span {
     background-image: url(../img/Shape-7.png);
     height: 55px;
     width: 70px;
     display: inline-block;
 }

 .home-1 .services .product p {
     color: #909090;
 }

 .home-1 .services .design {
     padding-top: 103px;
     padding-bottom: 55px;
     background: #fc6a55;
     color: #fff;
 }

 .home-1 .services .design span {
     background-image: url(../img/Shape-6.png);
     height: 59px;
     width: 56px;
     display: inline-block;
 }

 .home-1 .services .testing {
     padding-top: 94px;
     padding-bottom: 55px;
     background: #202737;
     color: #fff;
 }

 .home-1 .services .testing span {
     background-image: url(../img/Shape-5.png);
     height: 68px;
     width: 69px;
     display: inline-block;
 }

 .home-1 .cuter {
     border-bottom: 1px solid #ebebeb;
 }

 .home-1 .cuter .counter {
     padding: 90px 0;
 }

 .home-1 .cuter .counter .counter1 {
     margin-left: 0;
     margin-right: 0;
 }

 .home-1 .cuter .counter .counter1 .col-md-3 p {
     font-size: 14px;
     font-family: roboto condensed;
     color: #909090;
     letter-spacing: 1px;
 }

 .home-1 .cuter .counter .counter1 .col-md-3 .counte {
     font-weight: 700;
     font-size: 40px;
     font-family: roboto condensed;
 }

 .home-1 .cuter .counter .counter1 .col-md-3 span {
     height: 30px;
     border-left: 1px solid #fa6c54;
 }

 .home-1 .porfo {
     border-bottom: 1px solid #f2f2f2;
 }

 .home-1 .porfo .porfolio {
     padding: 150px 15px;
 }

 .home-1 .porfo .porfolio .col-md-4 .p {
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     padding-top: 15px;
     letter-spacing: 2px;
 }

 .home-1 .porfo .porfolio .col-md-4 h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
 }

 .home-1 .porfo .porfolio .col-md-4 .some {
     line-height: 185%;
     color: #909090;
     font-size: 16px;
 }

 .home-1 .porfo .nav_main {
     float: right;
 }

 .home-1 .porfo .nav_main .nav-tabs {
     background: transparent;
     border: none;
 }

 .home-1 .porfo .nav_main .nav-tabs li {
     padding-left: 15px;
     padding-right: 25px;
     float: left;
     margin-bottom: -1px;
 }

 .home-1 .porfo .nav_main .nav-tabs li a {
     font-family: roboto condensed;
     font-weight: 400;
     color: #909090;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-1 .porfo .nav_main .nav-tabs li a:hover {
     border-color: #fff;
     color: #333333;
 }

 .home-1 .porfo .nav_main .nav-tabs .active>a {
     color: black;
     background: transparent;
     border-bottom: 1px solid #fc6955 !important;
     transition: 0.4s;
     border-top: none !important;
     border-left: none !important;
     border-right: none !important;
 }

 .home-1 .porfo .nav_main .nav>li>a:hover {
     background: transparent;
 }

 .home-1 .porfo .img_porfolio .col-md-6 {
     padding: 15px;
 }

 .home-1 .porfo .img_porfolio .item {
     position: relative;
     overflow: hidden;
 }

 .home-1 .porfo .img_porfolio .item:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .home-1 .porfo .img_porfolio .item img {
     width: 100%;
     transition: .4s;
     cursor: pointer;
 }

 .home-1 .create_create_img {
     background: #f2f2f2;
 }

 .home-1 .create_create_img .row {
     margin-right: 0;
 }

 .home-1 .create_create_img .row .create_img {
     width: 50%;
 }

 .home-1 .create_create_img .row .create_img img {
     width: 100%;
 }

 .home-1 .create_create_img .row .create {
     float: right;
     width: 50%;
     padding: 12% 7% 0 6%;
 }

 .home-1 .create_create_img .row .create h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
     text-transform: uppercase;
 }

 .home-1 .create_create_img .row .create h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
 }

 .home-1 .create_create_img .row .create p {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
     line-height: 170%;
 }

 .home-1 .servic {
     text-align: center;
     padding: 150px 0;
 }

 .home-1 .servic .row {
     margin-right: 0;
 }

 .home-1 .servic .col-md-12 h5 {
     color: #909090;
     font-weight: 700;
     letter-spacing: 2px;
     font-family: roboto condensed;
     text-transform: uppercase;
 }

 .home-1 .servic .col-md-12 p {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
 }

 .home-1 .servic .col-md-4 p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
 }

 .home-1 .servic .col-md-4 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-1 .servic .development {
     padding: 0 45px;
     padding-bottom: 58px;
     border-bottom: 1px solid #ebebeb;
 }

 .home-1 .servic .development span {
     background-image: url(../img/web.png);
     height: 54px;
     width: 56px;
     display: inline-block;
 }

 .home-1 .servic .identity {
     padding: 0 44px;
     padding-bottom: 60px;
     border-bottom: 1px solid #ebebeb;
     border-right: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
 }

 .home-1 .servic .identity span {
     background-image: url(../img/logoiden.png);
     height: 52px;
     width: 53px;
     display: inline-block;
 }

 .home-1 .servic .design {
     padding: 0 45px;
     padding-bottom: 52px;
     border-bottom: 1px solid #ebebeb;
 }

 .home-1 .servic .design span {
     background-image: url(../img/garphics.png);
     height: 70px;
     width: 48px;
     display: inline-block;
     margin-top: -10px;
 }

 .home-1 .servic .appdevelopment {
     padding: 0 45px;
     padding-top: 60px;
 }

 .home-1 .servic .appdevelopment span {
     background-image: url(../img/app.png);
     height: 60px;
     width: 60px;
     display: inline-block;
 }

 .home-1 .servic .marketing {
     padding: 0 45px;
     padding-top: 60px;
     border-right: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
 }

 .home-1 .servic .marketing span {
     background-image: url(../img/social.png);
     height: 53px;
     width: 49px;
     display: inline-block;
 }

 .home-1 .servic .creation {
     padding: 0 44px;
     padding-top: 60px;
 }

 .home-1 .servic .creation span {
     background-image: url(../img/content.png);
     height: 46px;
     width: 65px;
     display: inline-block;
 }

 .home-1 .what {
     background: #f2f2f2;
 }

 .home-1 .what .what_we {
     text-align: center;
     padding: 150px 15px;
 }

 .home-1 .what .what_we .col-md-12 h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-1 .what .what_we .col-md-12 h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     padding-top: 10px;
     padding-bottom: 60px;
 }

 .home-1 .what .what_we .i2_img {
     background: #fc6a55;
     font-size: 16px;
     padding: 0 30px;
     padding-top: 88px;
     padding-bottom: 88px;
     color: #fff;
     line-height: 185%;
     position: relative;
     overflow: hidden;
 }

 .home-1 .what .what_we .i2_img p {
     transition: all .3s;
 }

 .home-1 .what .what_we .i2_img:hover p {
     transform: scale(1.1);
     cursor: pointer;
 }

 .home-1 .what .what_we .i2_name {
     padding-top: 20px;
 }

 .home-1 .what .what_we .i2_name a {
     font-size: 20px;
     font-weight: 700;
     color: black;
     margin-bottom: 20px;
     font-family: roboto condensed;
 }

 .home-1 .what .what_we .i2_name p {
     padding-top: 10px;
     font-size: 16px;
     color: #909090;
 }

 .home-1 .what .what_we .i1_name {
     padding-top: 20px;
 }

 .home-1 .what .what_we .i1_name a {
     font-size: 20px;
     font-weight: 700;
     color: black;
     margin-bottom: 20px;
     font-family: roboto condensed;
 }

 .home-1 .what .what_we .i1_name p {
     padding-top: 10px;
     font-size: 16px;
     color: #909090;
 }

 .home-1 .what .what_we .i1_img {
     position: relative;
     overflow: hidden;
 }

 .home-1 .what .what_we .i1_img img {
     width: 100%;
     transition: all 0.4s;
 }

 .home-1 .what .what_we .i1_img:hover img {
     transform: scale(1.1);
     cursor: pointer;
 }

 .home-1 .what .what_we .i3_img {
     position: relative;
     overflow: hidden;
 }

 .home-1 .what .what_we .i3_img:hover img {
     transform: scale(1.1);
     cursor: pointer;
 }

 .home-1 .what .what_we .i3_img img {
     width: 100%;
     transition: all 0.4s;
 }

 .home-1 .what .what_we .i3_name {
     padding-top: 20px;
 }

 .home-1 .what .what_we .i3_name a {
     font-size: 20px;
     font-weight: 700;
     color: black;
     margin-bottom: 20px;
     font-family: roboto condensed;
 }

 .home-1 .what .what_we .i3_name p {
     padding-top: 10px;
     font-size: 16px;
     color: #909090;
 }

 .home-1 .brand {
     background: #333;
 }

 .home-1 .brand .brand_logo {
     padding: 90px 15px;
 }

 .home-1 .brand .brand_logo .brand-logo {
     width: 20%;
 }

 .home-1 .brand .brand_logo .brand-logo .logo1 {
     padding-top: 25px;
 }

 .home-1 .blog {
     padding: 150px 0;
 }

 .home-1 .blog .col-md-12 h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     text-align: center;
     letter-spacing: 2px;
 }

 .home-1 .blog .col-md-12 h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     padding-top: 10px;
     padding-bottom: 60px;
     text-align: center;
 }

 .home-1 .blog .col-md-4 .blog_img {
     position: relative;
     overflow: hidden;
 }

 .home-1 .blog .col-md-4 .blog_img:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .home-1 .blog .col-md-4 .blog_img img {
     width: 100%;
     transition: all .4s;
 }

 .home-1 .blog .col-md-4 .blog_name {
     padding-top: 15px;
 }

 .home-1 .blog .col-md-4 .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .home-1 .blog .col-md-4 .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .home-1 .blog .col-md-4 .blog_name span {
     color: #fc6a53;
 }

 .home-1 .blog .col-md-4 .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .home-1 .modal-backdrop.in {
     display: none;
 }

 .home-1 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .home-1 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .home-1 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/mainlogo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-1 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .home-1 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .home-1 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-1 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-1 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-1 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .home-1 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .home-1 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .home-1 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-1 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .home-1 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .home-1 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .home-1 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .home-1 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .home-1 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-1 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .home-1 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-1 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .home-1 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .home-1 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .home-1 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-1 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .home-1 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .home-1 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .home-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .home-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .home-1 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .home-1 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .home-1 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .home-1 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .home-1 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .home-1 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .home-1 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .home-1 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .home-1 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .home-1 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 .home-1 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .home-1 .pull-right {
     cursor: pointer;
 }

 .home-1 * {
     outline: none !important;
 }

 .home-1 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .home-1 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .home-1 .create {
         padding: 117px 30px;
     }
     .home-1 .careate .carea .cust {
         padding: 15px 10px;
     }
     .home-1 .carea {
         padding: 40px 80px;
     }
     .home-1 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .home-1 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .home-1 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .home-1 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .home-1 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .home-1 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .home-1 .affixx .navba {
         padding-left: 5px;
     }
     .home-1 .phone_top {
         padding-right: 5px;
     }
     .home-1 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-1 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .home-1 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-1 .feedback .feeb {
         font-size: 200px;
     }
     .home-1 .affixx .navba {
         padding-left: 15px;
     }
     .home-1 .phone_top {
         padding-right: 15px;
     }
     .home-1 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .home-1 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .home-1 .we_are {
         padding: 0 50px;
     }
     .home-1 .careate .carea .cust {
         padding: 10px 10px;
     }
     .home-1 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .home-1 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .home-1 .cust h1 {
         padding-bottom: 0;
     }
     .home-1 .cust p {
         line-height: 150%;
     }
     .home-1 .button_see {
         margin-top: 27px;
     }
     .home-1 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .home-1 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .home-1 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .home-1 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .home-1 .footer .full-container {
         padding: 0 15px;
     }
     .home-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .home-1 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-1 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-1 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .home-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-1 .contacts .contact {
         padding: 20px 0;
     }
     .home-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .home-1 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .home-1 .phone_top {
         padding-top: 0;
     }
     .home-1 .phone_top .pull-right {
         padding: 5px;
     }
     .home-1 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .home-1 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .home-1 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .home-1 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .home-1 .affixx {
         padding-bottom: 10px !important;
     }
     .home-1 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .home-1 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .home-1 .header-lap {
         display: none;
     }
     .home-1 .header-mobi {
         display: block;
     }
     .home-1 .feedback {
         padding-bottom: 50px;
     }
     .home-1 .cust h1 {
         font-size: 30px;
     }
     .home-1 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .home-1 .all-pro span {
         margin-right: 5px;
     }
     .home-1 .phone_top span {
         display: none;
     }
     .home-1 .phone_top .phonee {
         display: none;
     }
     .home-1 .who_we_are {
         padding: 50px 0;
     }
     .home-1 .blog {
         padding: 50px 0;
     }
     .home-1 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .home-1 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-1 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .home-1 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .home-1 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .home-1 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .home-1 .feedback .feeb {
         font-size: 130px;
     }
     .home-1 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-1 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .home-1 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .home-1 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-1 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .home-1 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .home-1 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .home-1 .links ul {
         -webkit-padding-start: 0px;
     }
     .home-1 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .home-1 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .home-1 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .home-1 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .home-1 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .home-1 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .home-1 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .home-1 .servic {
         padding-top: 50px;
     }
     .home-1 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .home-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .home-1 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .home-1 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .home-1 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .home-1 .row_top div p {
         line-height: 170%;
     }
     .home-1 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .home-1 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .home-1 .slide_main .test {
         padding-top: 100px;
     }
     .home-1 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .home-1 .servic .col-md-4 {
         width: 50%;
     }
     .home-1 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .home-1 .blog .col-md-4 {
         width: 33.33333%;
     }
     .home-1 .button_see {
         margin-top: 10px;
     }
     .home-1 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .home-1 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .home-1 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .home-1 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .home-1 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .home-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .home-1 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .home-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-1 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .home-1 * h1 {
         font-size: 36px !important;
     }
     .home-1 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-1 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .home-1 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .home-1 .feedback .feeb {
         font-size: 100px;
     }
     .home-1 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .home-1 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .home-1 .who_we_are .who_are p {
         font-size: 14px;
     }
     .home-1 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .home-1 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .home-1 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .home-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-1 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .home-1 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .home-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .home-1 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .home-1 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .home-1 .porfolio {
         padding: 50px 0px;
     }
     .home-1 .button-proje {
         width: 210px;
     }
     .home-1 .video .row_video .video1>p {
         font-size: 24px;
     }
     .home-1 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .home-1 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .home-1 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .footer #googlemap1 {
         height: 400px;
     }
     .home-1 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-1 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .home-1 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .home-1 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .home-1 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .home-1 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .home-1 .side .navbar .list-group-item button {
         top: 0;
     }
     .home-1 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .home-1 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .home-1 .base {
         margin-left: 0 !important;
     }
     .home-1 .baseright {
         margin-left: 0 !important;
     }
     .home-1 .sile1 {
         top: 60%;
     }
     .home-1 .affixx {
         background: #333 !important;
     }
     .home-1 .affixx {
         padding-top: 20px !important;
     }
     .home-1 .feedback .feeb {
         font-size: 70px;
     }
     .home-1 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .home-1 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .home-1 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .home-1 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .home-1 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .home-1 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .home-1 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .home-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-1 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .home-1 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .home-1 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .home-1 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .home-1 .button_see {
         margin-top: 0;
     }
     .home-1 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .home-1 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .home-1 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .home-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-1 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .home-1 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .home-1 * h1 {
         font-size: 24px !important;
     }
     .home-1 .affixx {
         position: inherit !important;
     }
     .home-1 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-1 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .home-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .home-1 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .home-1 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .home-1 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .home-1 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .home-1 .feedback .feeb {
         letter-spacing: 6px;
     }
     .home-1 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .home-1 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .home-1 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .home-1 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .home-1 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .home-1 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .home-1 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .home-1 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .home-1 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .home-1 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .home-1 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .home-1 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .home-1 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .home-1 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .home-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-1 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .home-1 .servic .identity {
         padding-top: 20px;
     }
     .home-1 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .home-1 .porfolio .nav_main {
         float: left;
     }
     .home-1 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .home-1 .testimonials .p {
         padding: 0 25% 10px;
     }
     .home-1 .testimonials .pp {
         padding: 0 25%;
     }
 }

 @media screen and (max-width: 1350px) {
     .home-1 .video .row_video {
         top: 55%;
     }
     .home-1 .create_create_img .row .create {
         padding: 117px 30px;
     }
 }

 @media screen and (max-width: 1200px) {
     .home-1 .container {
         width: 1200px;
     }
 }

 @media screen and (max-width: 1440px) {
     .home-1 .create_create_img .row .create {
         padding: 4% 4% 0 4%;
     }
     .home-1 .services div .pos {
         top: 450px;
     }
     .home-1 .logo_footer,
     .home-1 .links,
     .home-1 .recent_post {
         padding-right: 15px;
     }
     .home-1 .newsletter {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-1 .create_create_img .row .create {
         padding: 15px 15px 0 15px;
     }
     .home-1 .container {
         width: 100%;
         padding-left: 15px;
         padding-right: 15px;
     }
     .home-1 .i2_img {
         padding-top: 25%;
         padding-bottom: 24%;
     }
     .home-1 .full-container {
         padding: 0 30px;
     }
     .home-1 .row_top {
         left: 8%;
     }
     .home-1 .newsletter {
         padding-left: 15px;
     }
     .home-1 .row_top {
         width: 91%;
     }
     .home-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .home-1 .affixx .logo {
         padding-left: 15px;
     }
     .home-1 .testimonials {
         padding-top: 50px;
     }
     .home-1 .unlimited {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-1 .affixx .logo span {
         background-image: url(../img/mainlogo.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .home-1 .blog {
         padding: 50px 0;
     }
     .home-1 .unlimited .welcome p {
         padding-bottom: 5px;
     }
     .home-1 .welcome .button {
         padding-bottom: 20px;
     }
     .home-1 .testimonials .p {
         padding: 0 15% 10px;
     }
     .home-1 .button1 {
         padding-top: 6px;
     }
     .home-1 .row_video {
         top: 60%;
     }
     .home-1 .sidenav a {
         padding: 8px 8px 8px 32px;
     }
     .home-1 .navbar-nav {
         float: none;
     }
     .home-1 .pull-right {
         padding-top: 6px;
         padding-right: 25px;
     }
     .home-1 .affixx {
         padding-bottom: 10px !important;
     }
     .home-1 .header-mobi {
         display: block;
     }
     .home-1 .header-lap {
         display: none;
     }
     .home-1 .layer .row_top h1 {
         font-size: 50px;
     }
     .home-1 .counter .col-md-3 {
         padding: 0 60px;
     }
     .home-1 .services div .pos {
         top: 400px;
     }
     .home-1 .services .product {
         padding-top: 55px;
     }
     .home-1 .services .design {
         padding-top: 51px;
     }
     .home-1 .services .testing {
         padding-top: 43px;
     }
     .home-1 .porfo .porfolio {
         padding: 50px 15px;
     }
     .home-1 .video .row_video .video1 p {
         padding-top: 15px;
         font-size: 40px;
     }
     .home-1 .button-proje {
         margin-top: 15px;
     }
     .home-1 .create_create_img .row .create h1 {
         font-size: 40px;
     }
     .home-1 .servic .development {
         padding: 0 40px;
         padding-bottom: 38px;
     }
     .home-1 .servic .identity {
         padding: 0 40px;
         padding-bottom: 40px;
     }
     .home-1 .servic .design {
         padding: 0 40px;
         padding-bottom: 32px;
     }
     .home-1 .servic .appdevelopment {
         padding: 0 40px;
         padding-top: 34px;
     }
     .home-1 .servic .marketing {
         padding: 0 40px;
         padding-top: 40px;
     }
     .home-1 .servic .creation {
         padding: 0 40px;
         padding-top: 47px;
     }
     .home-1 .what .what_we .i2_img {
         padding-top: 21%;
         padding-bottom: 20%;
     }
     .home-1 .brand_logo {
         width: 95%;
     }
     .home-1 .button_rea {
         margin-top: 0;
     }
     .home-1 .testimonials .p {
         padding: 0 15% 10px;
     }
     .home-1 .testimonials .pp {
         padding: 0 15%;
     }
     .home-1 .servic {
         padding: 50px 0;
     }
     .home-1 .what .what_we {
         padding: 50px 15px;
     }
     .home-1 .footer .full-container .footer1 {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 992px) {
     .home-1 .create_create_img .row .create {
         width: 100%;
         padding-left: 30px;
         padding-top: 30px;
         padding-bottom: 50px;
     }
     .home-1 .create_create_img .row .create_img {
         width: 100%;
         padding-right: 0;
     }
     .home-1 .cuter .counter {
         padding: 50px 0;
     }
     .home-1 .video .row_video {
         top: 59%;
     }
     .home-1 .services div .pos {
         top: 370px;
     }
     .home-1 .unlimited .welcome h1 {
         font-size: 40px;
     }
     .home-1 .unlimited .website {
         padding-left: 15px;
         padding-bottom: 15px;
     }
     .home-1 .unlimited .customer {
         padding-left: 15px;
         padding-bottom: 50px;
     }
     .home-1 .unlimited .development {
         padding-left: 15px;
     }
     .home-1 .unlimited .branding {
         padding-left: 15px;
     }
     .home-1 .unlimited .website h4 {
         padding: 9px 0;
     }
     .home-1 .unlimited .branding h4 {
         padding: 10px 0;
     }
     .home-1 .unlimited .development h4 {
         padding: 10px 0;
     }
     .home-1 .unlimited .customer h4 {
         padding: 10px 0;
     }
     .home-1 .row_top {
         width: 93%;
     }
     .home-1 .img_porfolio .wrap {
         margin-right: -15px;
     }
     .home-1 .create_create_img .row .create h1 {
         font-size: 35px;
     }
     .home-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .home-1 .what .what_we .i2_img {
         padding-top: 20%;
         padding-bottom: 18.8%;
         font-size: 14px;
     }
     .home-1 .button_rea {
         height: 38px;
     }
     .home-1 .our-recent {
         padding-bottom: 30px;
     }
     .home-1 .servic .col-md-12 p {
         padding-bottom: 30px;
     }
     .home-1 .servic .identity {
         border-right: 1px solid #ebebeb;
     }
     .home-1 .servic .marketing {
         border-left: 1px solid #ebebeb;
     }
     .home-1 .servic .appdevelopment {
         border-bottom: none;
     }
 }

 @media screen and (max-width: 813px) {
     .home-1 .testimonials {
         padding-bottom: 400px;
     }
     .home-1 .video .row_video {
         top: 55%;
     }
 }

 @media screen and (max-width: 768px) {
     .home-1 .navbar-inverse .navbar-nav>li>a {
         margin-right: 10px;
     }
     .home-1 .row_top h1 {
         font-size: 36px;
     }
     .home-1 .row_top {
         left: 5%;
         width: 95%;
     }
     .home-1 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .home-1 .layer .row_top div p {
         padding-top: 10px;
         line-height: 150%;
     }
     .home-1 .unlimited {
         padding-bottom: 100px;
         padding-top: 100px;
     }
     .home-1 .unlimited .welcome h1 {
         font-size: 40px;
     }
     .home-1 .welcome {
         padding-bottom: 50px;
     }
     .home-1 .unlimited .welcome p {
         padding-right: 27%;
     }
     .home-1 .testimonials .chuky {
         margin-top: 20px;
     }
     .home-1 .testimonials {
         padding-bottom: 250px;
         padding-top: 100px;
     }
     .home-1 .services div div p {
         padding: 0 15px;
         font-size: 14px;
     }
     .home-1 .services .product {
         padding-top: 40px;
         padding-bottom: 35px;
     }
     .home-1 .services .design {
         padding-top: 37px;
         padding-bottom: 35px;
     }
     .home-1 .services .testing {
         padding-top: 29px;
         padding-bottom: 35px;
     }
     .home-1 .services div .pos {
         top: 390px;
     }
     .home-1 .button-proje {
         width: 210px;
     }
     .home-1 .video .row_video .video1 p {
         font-size: 30px;
         padding-bottom: 0;
     }
     .home-1 .button_play {
         width: 60px;
         height: 60px;
     }
     .home-1 .counter .col-md-3 {
         padding: 0 30px;
     }
     .home-1 .counter {
         padding: 50px 0;
     }
     .home-1 .counter1 {
         margin-right: 0;
         margin-left: 0px;
     }
     .home-1 .porfolio {
         padding: 100px 0;
     }
     .home-1 .porfolio h1 {
         font-size: 40px;
     }
     .home-1 .tabs {
         padding-right: 0px;
     }
     .home-1 .porfolio .row {
         margin-right: 0;
         margin-left: 0;
     }
     .home-1 .img_porfolio .wrap {
         margin-right: 0;
     }
     .home-1 .our-recent {
         padding-bottom: 30px;
         padding-left: 15px;
         text-align: center;
     }
     .home-1 .create_create_img .row .create h1 {
         font-size: 24px;
     }
     .home-1 .servic {
         padding: 100px 0;
     }
     .home-1 .porfo .porfolio .col-md-4 .some {
         line-height: 150%;
     }
     .home-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 40px;
     }
     .home-1 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
     .home-1 .servic .col-md-4 p {
         font-size: 14px;
     }
     .home-1 .servic .development {
         padding: 0 14px 38px 15px;
     }
     .home-1 .servic .identity {
         padding: 0 15px 40px 15px;
     }
     .home-1 .servic .design {
         padding: 0 15px 32px 15px;
     }
     .home-1 .servic .appdevelopment {
         padding: 34px 15px 0 15px;
     }
     .home-1 .servic .marketing {
         padding: 40px 14px 0 15px;
     }
     .home-1 .servic .creation {
         padding: 47px 15px 0 15px;
     }
     .home-1 .what_we .col-md-12 h1 {
         font-size: 40px;
     }
     .home-1 .what .what_we .i2_img {
         font-size: 14px;
         padding: 0 15px;
         line-height: 150%;
         padding-top: 9.25%;
         padding-bottom: 12%;
     }
     .home-1 .what_we a {
         font-size: 18px;
     }
     .home-1 .i1_name p {
         padding-top: 5px;
         font-size: 14px;
     }
     .home-1 .i2_name p {
         padding-top: 5px;
         font-size: 14px;
     }
     .home-1 .i3_name p {
         padding-top: 5px;
         font-size: 14px;
     }
     .home-1 .what_we {
         padding: 100px 0;
     }
     .home-1 .what_we .row {
         margin-right: 0;
         margin-left: 0;
     }
     .home-1 .blog .col-md-12 h1 {
         font-size: 40px;
     }
     .home-1 .blog_name a {
         font-size: 17px;
     }
     .home-1 .what .what_we p {
         font-size: 14px;
         padding-top: 10px;
         line-height: 150%;
     }
     .home-1 .blog_name h5 {
         padding-bottom: 5px;
     }
     .home-1 .blog {
         padding: 100px 0;
     }
     .home-1 .logo_footer,
     .home-1 .links,
     .home-1 .recent_post {
         padding-right: 40px;
         padding-bottom: 60px;
     }
     .home-1 .logo_footer>span {
         margin-bottom: 20px;
     }
     .home-1 .links ul {
         -webkit-padding-start: 10px;
     }
     .home-1 .links>p {
         padding-bottom: 20px;
         padding-left: 10px;
     }
     .home-1 .recent_post>p {
         padding-bottom: 20px;
     }
     .home-1 .newsletter>p {
         padding-bottom: 20px;
     }
     .home-1 .servic .identity {
         border-right: none;
         border-left: none;
     }
     .home-1 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .home-1 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .home-1 .servic .marketing {
         border-left: none;
     }
     .home-1 .servic .development {
         border-right: 1px solid #ebebeb;
     }
 }

 @media (min-width: 767px) and (max-width: 900px) {
     .home-1 .brand .brand_logo .brand-logo img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .home-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .home-1 .affixx .logo {
         padding-left: 15px;
     }
     .home-1 .i1 {
         padding-bottom: 50px;
     }
     .home-1 .what .what_we .i2_img p {
         padding: 0 25%;
     }
     .home-1 .i2 {
         padding-bottom: 50px;
     }
     .home-1 .brand .brand_logo .clear-left {
         clear: left;
     }
     .home-1 .brand .brand_logo .brand-logo {
         width: 33.3333%;
         text-align: center;
         padding-bottom: 20px;
     }
     .home-1 .brand1 {
         text-align: right;
     }
     .home-1 .blog .col-xs-12 {
         padding-bottom: 60px;
     }
     .home-1 .counter1 .col-xs-6 {
         padding: 15px;
         padding-left: 15%;
     }
     .home-1 .nav-tabs>li {
         padding-right: 0;
     }
     .home-1 .services .product {
         padding-bottom: 30px;
         padding-top: 30px;
     }
     .home-1 .services .design {
         padding: 26px 25% 30px 25%;
     }
     .home-1 .services .testing {
         padding: 17px 25% 30px 25%;
     }
     .home-1 .video .row_video .video1 p {
         padding-top: 35px;
         margin-bottom: 10px;
     }
     .home-1 .video .row_video {
         top: 50%;
     }
     .home-1 .modal-dialog {
         width: 97%;
     }
     .home-1 .services div .pos {
         position: inherit;
         top: 0;
     }
     .home-1 .services .product {
         background: #f2f2f2;
     }
     .home-1 .services .product {
         padding: 30px 25%;
     }
     .home-1 .testimonials {
         padding-bottom: 100px;
     }
     .home-1 .logo_footer,
     .home-1 .links,
     .home-1 .recent_post,
     .home-1 .newsletter {
         width: 50%;
     }
     .home-1 .blog {
         padding-top: 50px;
         padding-bottom: 0;
     }
     .home-1 .footer1 {
         padding: 50px 0;
     }
     .home-1 .recent_post ul {
         -webkit-padding-start: 0;
     }
     .home-1 .recent_post>p {
         padding-left: 0;
     }
     .home-1 .img_porfolio .col-xs-12 {
         width: 50%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 30px;
     }
     .home-1 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .home-1 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .home-1 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .home-1 .counter1 .col-xs-6 {
         padding: 15px;
         padding-left: 15%;
     }
     .home-1 .header-mobi {
         display: block;
     }
     .home-1 .row_top h1 {
         font-size: 30px;
     }
     .home-1 .layer .row_top div p {
         font-size: 14px;
         padding-top: 0;
     }
     .home-1 .affixx {
         padding-top: 15px !important;
     }
     .home-1 .welcome {
         padding-bottom: 60px;
     }
     .home-1 .unlimited .welcome h1 {
         font-size: 30px;
     }
     .home-1 .services .product {
         padding-bottom: 30px;
         padding-top: 30px;
     }
     .home-1 .services .design {
         padding-top: 26px;
         padding-bottom: 30px;
     }
     .home-1 .services .testing {
         padding-top: 17px;
         padding-bottom: 30px;
     }
     .home-1 .video .row_video .video1 p {
         padding-top: 5px;
     }
     .home-1 .porfolio h1 {
         font-size: 30px;
         margin-top: 15px;
     }
     .home-1 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .home-1 .create_create_img .row .create h1 {
         margin-top: 5px;
     }
     .home-1 .create_create_img .row .create p {
         margin-bottom: 0;
         line-height: 140%;
     }
     .home-1 .servic .col-md-12 p {
         font-size: 30px;
     }
     .home-1 .what_we .col-md-12 h1 {
         font-size: 30px;
     }
     .home-1 .blog .col-md-12 h1 {
         font-size: 30px;
     }
     .home-1 .modal-dialog {
         width: 97%;
     }
     .home-1 .brand .brand_logo {
         padding: 50px 15px;
     }
     .home-1 .services div div p {
         padding: 0 5px;
         line-height: 150%;
     }
     .home-1 .services h3 {
         font-size: 18px;
         padding-bottom: 5px;
     }
     .home-1 .testimonials .p {
         padding: 0 9% 10px;
     }
     .home-1 .testimonials .pp {
         padding: 0 7%;
     }
 }

 @media screen and (max-width: 568px) {
     .home-1 .layer .row_top h1 {
         margin-top: 0;
     }
     .home-1 .row_top h1 {
         font-size: 24px;
     }
     .home-1 .layer .row_top div p {
         font-size: 14px;
         width: 103%;
     }
     .home-1 .button_see {
         font-size: 12px;
         width: 160px;
         margin-top: 0;
     }
     .home-1 .button_see span {
         margin-top: 7px;
         margin-right: 10px;
     }
     .home-1 .unlimited {
         padding: 50px 15px;
     }
     .home-1 .unlimited .welcome h1 {
         font-size: 24px;
         padding-bottom: 0;
     }
     .home-1 .unlimited .welcome p {
         font-size: 14px;
         line-height: 150%;
         padding-right: 0;
     }
     .home-1 .unlimited .customer h4 {
         font-size: 18px;
     }
     .home-1 .unlimited .customer p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .unlimited .development h4 {
         font-size: 18px;
     }
     .home-1 .unlimited .development p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .unlimited .website h4 {
         font-size: 18px;
     }
     .home-1 .unlimited .website p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .unlimited .branding h4 {
         font-size: 18px;
     }
     .home-1 .unlimited .branding p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .testimonials {
         padding-top: 50px;
     }
     .home-1 .testimonials .p {
         font-size: 24px;
     }
     .home-1 .testimonials .file {
         margin-left: 0;
     }
     .home-1 .testimonials .pp {
         font-size: 14px;
         line-height: 150%;
     }
     .home-1 .services h3 {
         font-size: 18px;
         padding-bottom: 0px;
     }
     .home-1 .services div div p {
         line-height: 150%;
     }
     .home-1 .services div {
         top: 0;
     }
     .home-1 .pos {
         top: 270px;
     }
     .home-1 .porfo .img_porfolio .col-md-6 {
         padding: 5px;
     }
     .home-1 .video .row_video .video1 p {
         font-size: 24px;
     }
     .home-1 .button-proje {
         padding-left: 10px;
         width: 170px;
         height: 35px;
         margin-top: 10px;
     }
     .home-1 .porfolio {
         padding: 50px 0;
     }
     .home-1 .porfolio h1 {
         font-size: 24px;
     }
     .home-1 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .home-1 .nav-tabs a {
         font-size: 12px;
     }
     .home-1 .create_create_img .row.create_img {
         width: 100%;
         padding-right: 0;
     }
     .home-1 .create_create_img .row .create {
         width: 95%;
         padding-bottom: 30px;
     }
     .home-1 .create_create_img .row .create h5 {
         padding-top: 30px;
         padding-bottom: 10px;
     }
     .home-1 .create_create_img .row .create p {
         line-height: 150%;
         padding-bottom: 20px;
     }
     .home-1 .servic {
         padding: 50px 0;
     }
     .home-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-1 .servic h4 {
         font-size: 18px;
     }
     .home-1 .servic p {
         line-height: 150%;
     }
     .home-1 .what .what_we {
         padding: 50px 0;
     }
     .home-1 .what .what_we .i2_img {
         padding-top: 11.4%;
     }
     .home-1 .blog .col-xs-4 {
         padding: 0 10px;
     }
     .home-1 .brand .brand_logo .brand-logo {
         width: 100%;
         text-align: center;
         padding-bottom: 30px;
     }
     .home-1 .logo_footer,
     .home-1 .links,
     .home-1 .recent_post,
     .home-1 .newsletter {
         width: 100%;
         padding-right: 20%;
         padding-left: 20%;
     }
     .home-1 .what_we .col-md-12 h1 {
         font-size: 24px;
     }
     .home-1 .blog .col-md-12 h1 {
         font-size: 24px;
     }
     .home-1 iframe {
         height: 300px;
     }
     .home-1 .counter1 .col-md-3 .counte {
         font-size: 24px;
         margin-top: 10px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-1 .row_video .col-md-12 {
         padding: 0 10px;
     }
     .home-1 .what .what_we .i2_img p {
         padding: 0 5%;
     }
     .home-1 .affixx .logo span {
         margin-left: 0 !important;
     }
     .home-1 .row_video {
         top: 50%;
     }
     .home-1 .img_porfolio .col-xs-12 {
         width: 100%;
     }
     .home-1 .servic h4 {
         font-size: 16px;
     }
     .home-1 .i2_img p {
         padding: 0;
     }
     .home-1 .servic .development {
         padding-bottom: 15px;
     }
     .home-1 .servic .identity {
         padding-bottom: 17px;
     }
     .home-1 .servic .design {
         padding-bottom: 15px;
     }
     .home-1 .servic .appdevelopment {
         padding-bottom: 13px;
     }
     .home-1 .marketing p {
         margin-bottom: 0;
     }
     .home-1 .logo {
         padding-left: 15px;
     }
     .home-1 .sidenav {
         padding-right: 0;
     }
     .home-1 .modal-dialog {
         width: 94%;
     }
     .home-1 .affixx {
         position: inherit !important;
         background: #333 !important;
     }
     .home-1 .button_see {
         height: 30px;
         font-size: 12px;
         width: 120px;
         padding-left: 10px;
     }
     .home-1 .pos div {
         padding: 30px 10% !important;
     }
     .home-1 .button_play {
         width: 40px;
         height: 40px;
     }
     .home-1 .video .row_video .video1 {
         left: 0;
         width: 100%;
     }
     .home-1 .video .row_video .video1>p {
         font-size: 18px;
     }
     .home-1 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .home-1 .button_see span {
         width: 15px;
     }
     .home-1 .counter1 .col-xs-6 {
         padding-left: 7%;
     }
     .home-1 .nav-tabs>li>a {
         font-size: 14px;
         letter-spacing: 1px;
         margin-right: 0;
     }
     .home-1 .nav-tabs>li {
         padding-left: 9px;
     }
     .home-1 .nav_main>.nav-tabs a {
         letter-spacing: 0 !important;
         padding-right: 5px;
     }
     .home-1 .logo_footer,
     .home-1 .links,
     .home-1 .recent_post,
     .home-1 .newsletter {
         padding-right: 5%;
         padding-left: 5%;
     }
     .home-1 .servic .identity {
         padding: 15px 15px 40px 15px;
     }
     .home-1 .servic .marketing {
         padding: 40px 14px 20px 15px;
     }
     .home-1 .layer .row_top {
         top: 62%;
         left: 3%;
         width: 100%;
     }
     .home-1 .unlimited .col-xs-6 {
         width: 100%;
     }
     .home-1 .unlimited .customer {
         padding-bottom: 15px;
     }
     .home-1 .our-recent {
         padding: 0 0 30px 0;
     }
     .home-1 .img_porfolio .col-xs-6 {
         width: 100%;
     }
 }

 @media screen and (max-width: 320px) {
     .home-1 .porfolio .nav_main {
         margin-left: 0 !important;
     }
 }

 .home-2 {
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*mobi*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .home-2 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
     overflow: visible !important;
 }

 .home-2 .compensate-for-scrollbar {
     margin-right: 0 !important;
 }

 .home-2 * {
     box-sizing: border-box;
     outline: 0 !important;
 }

 .home-2 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .home-2 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .home-2 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .home-2 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-2 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .home-2 .sidenav a:hover {
     color: #b6aeae;
 }

 .home-2 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .home-2 .button_rea:hover {
     opacity: 0.7;
 }

 .home-2 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .home-2 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-2 .layer {
     position: relative;
 }

 .home-2 .layer img {
     width: 100%;
 }

 .home-2 .row_header {
     position: fixed;
     z-index: 1;
     width: 100%;
     margin-left: 0;
     margin-right: 0;
 }

 .home-2 .phone_top {
     padding-right: 80px;
     padding-top: 10px;
 }

 .home-2 .phone_top .pull-right {
     cursor: pointer;
     padding: 15px;
     padding-top: 3px;
 }

 .home-2 .phone_top .pull-right i {
     color: #fff;
     font-size: 20px;
 }

 .home-2 .phone_top span {
     float: right;
     border-right: 1px solid #a6a6a6;
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 300;
     padding-right: 20px;
     padding-left: 20px;
 }

 .home-2 .phone_top .phonee {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
 }

 .home-2 .affix {
     top: 0;
     width: 100%;
     z-index: 9999 !important;
     padding-top: 50px;
 }

 .home-2 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .home-2 .affixx .logo {
     text-align: center;
 }

 .home-2 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-2 .affixx .navba {
     padding-left: 80px;
     padding-right: 0;
 }

 .home-2 .affixx .navba .navbar-inverse {
     border: none;
     background: transparent;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li {
     margin-left: 13px;
     margin-right: 13px;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     transition: all 0.4s;
     overflow: visible;
     top: 103%;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -15px;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap li:hover {
     border: none;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav li a:hover {
     border-bottom: 1px solid #fc6955;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .home-2 .affixx .navba .navbar-inverse .navbar-nav .active a:hover {
     background: transparent;
 }

 .home-2 .sile1 {
     position: absolute;
     width: 100%;
     text-align: center;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .home-2 .sile1 .row_top {
     margin-right: 0;
     margin-left: 0;
 }

 .home-2 .sile1 .row_top .we_are {
     padding: 0 70px;
 }

 .home-2 .sile1 .row_top .we_are h1 {
     font-family: roboto condensed;
     font-size: 90px;
     color: #fff;
     font-weight: 700;
     padding: 0 17%;
 }

 .home-2 .sile1 .row_top .we_are p {
     line-height: 170%;
     font-size: 18px;
     color: #fff;
     line-height: 185%;
 }

 .home-2 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .home-2 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .home-2 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .home-2 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .home-2 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .home-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .home-2 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .home-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .home-2 .who_we_are {
     padding: 150px 0;
 }

 .home-2 .who_we_are .who_are {
     padding-bottom: 50px;
     text-align: center;
 }

 .home-2 .who_we_are .who_are h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-2 .who_we_are .who_are h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 20px;
 }

 .home-2 .who_we_are .who_are p {
     font-size: 16px;
     color: #909090;
 }

 .home-2 .who_we_are .we_01 {
     padding: 0 50px;
 }

 .home-2 .who_we_are .we_01 span {
     color: #fc6a55;
 }

 .home-2 .who_we_are .we_01 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
     padding-bottom: 20px;
 }

 .home-2 .who_we_are .we_01 p {
     font-size: 16px;
     color: #909090;
     line-height: 180%;
 }

 .home-2 .careate {
     position: relative;
 }

 .home-2 .careate img {
     width: 100%;
 }

 .home-2 .careate .carea {
     position: absolute;
     top: 0;
     width: 50%;
     right: 0;
     bottom: 0;
     padding: 80px;
 }

 .home-2 .careate .carea .cust {
     background: #202737;
     padding: 15% 10%;
     height: 100%;
 }

 .home-2 .careate .carea .cust h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 20px;
     color: #fff;
 }

 .home-2 .careate .carea .cust p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
 }

 .home-2 .careate .carea .cust h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
     text-transform: uppercase;
 }

 .home-2 .feedback {
     position: relative;
     text-align: center;
     border-bottom: 1px solid #f2f2f2;
     padding-bottom: 150px;
 }

 .home-2 .feedback .feeb {
     font-size: 350px;
     text-align: center;
     font-family: roboto condensed;
     font-weight: 700;
     position: absolute;
     opacity: 0.1;
     color: #909090;
     padding-top: 225px;
     letter-spacing: 20px;
     width: 100%;
 }

 .home-2 .feedback .slide_main .test {
     text-align: center;
     padding-top: 140px;
 }

 .home-2 .feedback .slide_main .test h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-2 .feedback .slide_main .test p {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 70px;
 }

 .home-2 .feedback .information .lazy {
     padding: 0 50px;
     margin: 0 80px !important;
 }

 .home-2 .feedback .information .lazy h3 {
     font-family: roboto condensed;
     line-height: 150%;
     padding-top: 20px;
 }

 .home-2 .feedback .information .lazy p {
     padding-top: 30px;
     font-weight: 700;
     font-family: roboto condensed;
     margin-bottom: 0;
 }

 .home-2 .feedback .information .lazy h5 {
     font-weight: 300;
     color: #909090;
     font-family: roboto;
 }

 .home-2 .feedback .slick-prev:before {
     content: url(../img/prev.png) !important;
 }

 .home-2 .feedback .slick-next:before {
     content: url(../img/next.png) !important;
 }

 .home-2 .slick-slide img {
     display: inline-block !important;
 }

 .home-2 .slick-slide {
     transition: all ease-in-out .3s;
     opacity: .2;
 }

 .home-2 .slick-active {
     opacity: .5;
 }

 .home-2 .slick-current {
     opacity: 1;
 }

 .home-2 .porfolio {
     padding: 80px;
     width: 100%;
     margin-left: 0;
     margin-right: 0;
     padding-right: 65px;
 }

 .home-2 .porfolio .col-md-8 {
     padding-right: 0;
 }

 .home-2 .porfolio .col-md-12 {
     padding-right: 0;
     padding-bottom: 20px;
 }

 .home-2 .porfolio .col-md-pull-8 {
     padding: 237px 120px;
     background: #202737;
     margin-top: 15px;
 }

 .home-2 .porfolio .col-md-pull-8 h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 20px;
     color: #fff;
 }

 .home-2 .porfolio .col-md-pull-8 p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
 }

 .home-2 .porfolio .col-md-pull-8 h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-2 .porfolio .nav_main {
     float: right;
 }

 .home-2 .porfolio .nav_main .nav-tabs {
     background: transparent;
     border: none;
 }

 .home-2 .porfolio .nav_main .nav-tabs li {
     padding-left: 15px;
     padding-right: 25px;
     float: left;
     margin-bottom: -1px;
 }

 .home-2 .porfolio .nav_main .nav-tabs li a {
     font-family: roboto condensed;
     font-weight: 400;
     color: #909090;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-2 .porfolio .nav_main .nav-tabs li a:hover {
     border-color: #fff;
     color: #333333;
 }

 .home-2 .porfolio .nav_main .nav-tabs .active>a {
     color: black;
     background: transparent;
     border-bottom: 1px solid #fc6955 !important;
     transition: 0.4s;
     border-top: none !important;
     border-left: none !important;
     border-right: none !important;
 }

 .home-2 .porfolio .nav_main .nav>li>a:hover {
     background: transparent;
 }

 .home-2 .porfolio .img_porfolio .col-md-4 {
     padding: 15px;
 }

 .home-2 .porfolio .img_porfolio .item {
     position: relative;
     overflow: hidden;
 }

 .home-2 .porfolio .img_porfolio .item:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .home-2 .porfolio .img_porfolio .item img {
     width: 100%;
     transition: .4s;
     cursor: pointer;
 }

 .home-2 .porfolio .img_porfolio .button-pro {
     text-align: center;
     padding-top: 10%;
 }

 .home-2 .servic {
     text-align: center;
     padding: 150px 0;
 }

 .home-2 .servic .row {
     margin-right: 0;
 }

 .home-2 .servic .col-md-12 h5 {
     color: #909090;
     font-weight: 700;
     letter-spacing: 2px;
     font-family: roboto condensed;
 }

 .home-2 .servic .col-md-12 p {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
 }

 .home-2 .servic .col-md-4 p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
 }

 .home-2 .servic .col-md-4 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-2 .servic .development {
     padding: 0 45px;
     padding-bottom: 58px;
     border-bottom: 1px solid #ebebeb;
 }

 .home-2 .servic .development span {
     background-image: url(../img/web.png);
     height: 54px;
     width: 56px;
     display: inline-block;
 }

 .home-2 .servic .identity {
     padding: 0 44px;
     padding-bottom: 60px;
     border-bottom: 1px solid #ebebeb;
     border-right: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
 }

 .home-2 .servic .identity span {
     background-image: url(../img/logoiden.png);
     height: 52px;
     width: 53px;
     display: inline-block;
 }

 .home-2 .servic .design {
     padding: 0 45px;
     padding-bottom: 52px;
     border-bottom: 1px solid #ebebeb;
 }

 .home-2 .servic .design span {
     background-image: url(../img/garphics.png);
     height: 70px;
     width: 48px;
     display: inline-block;
     margin-top: -10px;
 }

 .home-2 .servic .appdevelopment {
     padding: 0 45px;
     padding-top: 60px;
 }

 .home-2 .servic .appdevelopment span {
     background-image: url(../img/app.png);
     height: 60px;
     width: 60px;
     display: inline-block;
 }

 .home-2 .servic .marketing {
     padding: 0 45px;
     padding-top: 60px;
     border-right: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
 }

 .home-2 .servic .marketing span {
     background-image: url(../img/social.png);
     height: 53px;
     width: 49px;
     display: inline-block;
 }

 .home-2 .servic .creation {
     padding: 0 44px;
     padding-top: 60px;
 }

 .home-2 .servic .creation span {
     background-image: url(../img/content.png);
     height: 46px;
     width: 65px;
     display: inline-block;
 }

 .home-2 .video {
     text-align: center;
     position: relative;
 }

 .home-2 .video .layer2 img {
     width: 100%;
 }

 .home-2 .video .row_video {
     position: absolute;
     width: 100%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .home-2 .video .row_video .video1 p {
     font-size: 50px;
     font-weight: 700;
     color: #fff;
     font-family: roboto condensed;
     padding-bottom: 10px;
     padding-top: 60px;
 }

 .home-2 .video .row_video .video1 .button_play {
     border-radius: 50%;
     background: #858688;
     display: inline-block;
     text-decoration: none !important;
     width: 85px;
     height: 85px;
     border: none;
     outline: 0;
     transition: all .4s;
 }

 .home-2 .video .row_video .video1 .button_play:hover {
     background: #909090;
 }

 .home-2 .video .row_video .video1 .button_play i {
     color: #fff;
     font-size: 20px;
     display: inline-block;
     padding: 38%;
 }

 .home-2 .cuter {
     background: #f2f2f2;
     border-bottom: 1px solid #ebebeb;
 }

 .home-2 .cuter .counter {
     padding: 90px 0;
 }

 .home-2 .cuter .counter .counter1 {
     margin-left: 0;
     margin-right: 0;
 }

 .home-2 .cuter .counter .counter1 .col-md-3 p {
     font-size: 14px;
     font-family: roboto condensed;
     color: #909090;
     letter-spacing: 1px;
 }

 .home-2 .cuter .counter .counter1 .col-md-3 .counte {
     font-weight: 700;
     font-size: 40px;
     font-family: roboto condensed;
 }

 .home-2 .cuter .counter .counter1 .col-md-3 span {
     height: 30px;
     border-left: 1px solid #fa6c54;
 }

 .home-2 .blog {
     padding: 150px 0;
 }

 .home-2 .blog .col-md-12 h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     text-align: center;
     letter-spacing: 2px;
 }

 .home-2 .blog .col-md-12 h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     padding-top: 10px;
     padding-bottom: 60px;
     text-align: center;
 }

 .home-2 .blog .col-md-4 .blog_img {
     position: relative;
     overflow: hidden;
 }

 .home-2 .blog .col-md-4 .blog_img:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .home-2 .blog .col-md-4 .blog_img img {
     width: 100%;
     transition: all .4s;
 }

 .home-2 .blog .col-md-4 .blog_name {
     padding-top: 15px;
 }

 .home-2 .blog .col-md-4 .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .home-2 .blog .col-md-4 .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .home-2 .blog .col-md-4 .blog_name span {
     color: #fc6a53;
 }

 .home-2 .blog .col-md-4 .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .home-2 .footer #googlemap1 {
     width: 100%;
     height: 800px;
 }

 .home-2 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .home-2 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .home-2 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-2 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .home-2 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .home-2 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-2 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-2 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-2 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .home-2 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .home-2 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .home-2 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-2 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .home-2 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .home-2 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .home-2 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .home-2 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .home-2 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-2 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .home-2 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-2 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .home-2 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .home-2 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .home-2 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-2 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .home-2 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .home-2 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .home-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .home-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .home-2 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .home-2 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .home-2 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .home-2 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .home-2 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .home-2 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .home-2 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .home-2 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .home-2 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .home-2 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 .home-2 .header-mobi {
     display: none;
 }

 .home-2 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     left: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) 3px 20px 10px;
 }

 .home-2 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .home-2 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .home-2 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
 }

 .home-2 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .home-2 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .home-2 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .home-2 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .home-2 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .home-2 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-2 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .home-2 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .home-2 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .home-2 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .home-2 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .home-2 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .home-2 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-2 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-2 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-2 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .home-2 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .home-2 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .home-2 .side .phone_top {
     padding-top: 15px;
     color: #fff;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .home-2 .side .phone_top .phoneee {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .home-2 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .home-2 .sidenav a:hover {
     color: #f1f1f1;
 }

 .home-2 .button1 {
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .home-2 .button1 .butt {
     width: 30px;
 }

 .home-2 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .home-2 .child2 {
     margin: 5px 0;
 }

 .home-2 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .home-2 .pull-right {
     cursor: pointer;
 }

 .home-2 * {
     outline: none !important;
 }

 .home-2 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .home-2 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .home-2 .create {
         padding: 117px 30px;
     }
     .home-2 .careate .carea .cust {
         padding: 15px 10px;
     }
     .home-2 .carea {
         padding: 40px 80px;
     }
     .home-2 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .home-2 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .home-2 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .home-2 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .home-2 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .home-2 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .home-2 .affixx .navba {
         padding-left: 5px;
     }
     .home-2 .phone_top {
         padding-right: 5px;
     }
     .home-2 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-2 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .home-2 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-2 .feedback .feeb {
         font-size: 200px;
     }
     .home-2 .affixx .navba {
         padding-left: 15px;
     }
     .home-2 .phone_top {
         padding-right: 15px;
     }
     .home-2 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .home-2 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .home-2 .we_are {
         padding: 0 50px;
     }
     .home-2 .careate .carea .cust {
         padding: 10px 10px;
     }
     .home-2 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .home-2 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .home-2 .cust h1 {
         padding-bottom: 0;
     }
     .home-2 .cust p {
         line-height: 150%;
     }
     .home-2 .button_see {
         margin-top: 27px;
     }
     .home-2 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .home-2 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .home-2 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .home-2 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .home-2 .footer .full-container {
         padding: 0 15px;
     }
     .home-2 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .home-2 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-2 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-2 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .home-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-2 .contacts .contact {
         padding: 20px 0;
     }
     .home-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .home-2 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .home-2 .phone_top {
         padding-top: 0;
     }
     .home-2 .phone_top .pull-right {
         padding: 5px;
     }
     .home-2 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .home-2 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .home-2 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .home-2 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .home-2 .affixx {
         padding-bottom: 10px !important;
     }
     .home-2 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .home-2 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .home-2 .header-lap {
         display: none;
     }
     .home-2 .header-mobi {
         display: block;
     }
     .home-2 .feedback {
         padding-bottom: 50px;
     }
     .home-2 .cust h1 {
         font-size: 30px;
     }
     .home-2 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .home-2 .all-pro span {
         margin-right: 5px;
     }
     .home-2 .phone_top span {
         display: none;
     }
     .home-2 .phone_top .phonee {
         display: none;
     }
     .home-2 .who_we_are {
         padding: 50px 0;
     }
     .home-2 .blog {
         padding: 50px 0;
     }
     .home-2 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .home-2 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-2 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .home-2 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .home-2 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .home-2 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .home-2 .feedback .feeb {
         font-size: 130px;
     }
     .home-2 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-2 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .home-2 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .home-2 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-2 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .home-2 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .home-2 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .home-2 .links ul {
         -webkit-padding-start: 0px;
     }
     .home-2 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .home-2 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .home-2 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .home-2 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .home-2 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .home-2 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .home-2 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .home-2 .servic {
         padding-top: 50px;
     }
     .home-2 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .home-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .home-2 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .home-2 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .home-2 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .home-2 .row_top div p {
         line-height: 170%;
     }
     .home-2 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .home-2 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .home-2 .slide_main .test {
         padding-top: 100px;
     }
     .home-2 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .home-2 .servic .col-md-4 {
         width: 50%;
     }
     .home-2 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .home-2 .blog .col-md-4 {
         width: 33.33333%;
     }
     .home-2 .button_see {
         margin-top: 10px;
     }
     .home-2 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .home-2 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .home-2 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .home-2 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .home-2 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .home-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .home-2 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .home-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-2 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .home-2 * h1 {
         font-size: 36px !important;
     }
     .home-2 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-2 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .home-2 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .home-2 .feedback .feeb {
         font-size: 100px;
     }
     .home-2 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .home-2 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-2 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .home-2 .who_we_are .who_are p {
         font-size: 14px;
     }
     .home-2 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .home-2 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .home-2 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .home-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-2 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .home-2 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .home-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .home-2 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .home-2 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .home-2 .porfolio {
         padding: 50px 0px;
     }
     .home-2 .button-proje {
         width: 210px;
     }
     .home-2 .video .row_video .video1>p {
         font-size: 24px;
     }
     .home-2 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .home-2 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .home-2 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-2 .footer #googlemap1 {
         height: 400px;
     }
     .home-2 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-2 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .home-2 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .home-2 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .home-2 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .home-2 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .home-2 .side .navbar .list-group-item button {
         top: 0;
     }
     .home-2 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .home-2 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .home-2 .base {
         margin-left: 0 !important;
     }
     .home-2 .baseright {
         margin-left: 0 !important;
     }
     .home-2 .sile1 {
         top: 60%;
     }
     .home-2 .affixx {
         background: #333 !important;
     }
     .home-2 .affixx {
         padding-top: 20px !important;
     }
     .home-2 .feedback .feeb {
         font-size: 70px;
     }
     .home-2 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .home-2 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .home-2 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .home-2 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .home-2 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .home-2 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .home-2 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .home-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-2 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-2 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .home-2 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .home-2 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .home-2 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .home-2 .button_see {
         margin-top: 0;
     }
     .home-2 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .home-2 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .home-2 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .home-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-2 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .home-2 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .home-2 * h1 {
         font-size: 24px !important;
     }
     .home-2 .affixx {
         position: inherit !important;
     }
     .home-2 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-2 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .home-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .home-2 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .home-2 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .home-2 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .home-2 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .home-2 .feedback .feeb {
         letter-spacing: 6px;
     }
     .home-2 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .home-2 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .home-2 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .home-2 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .home-2 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .home-2 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .home-2 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .home-2 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .home-2 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .home-2 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .home-2 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .home-2 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .home-2 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .home-2 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .home-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-2 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .home-2 .servic .identity {
         padding-top: 20px;
     }
     .home-2 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .home-2 .porfolio .nav_main {
         float: left;
     }
     .home-2 .clear-375 {
         clear: left;
     }
 }

 .home-3 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .home-3 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
     transition: all .4s;
 }

 .home-3 * {
     box-sizing: border-box;
 }

 .home-3 .sidenav a:hover {
     color: #b6aeae;
 }

 .home-3 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .home-3 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .home-3 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .home-3 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-3 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .home-3 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .home-3 .button_rea:hover {
     opacity: 0.7;
 }

 .home-3 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .home-3 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-3 .row_top {
     margin-right: 0;
 }

 .home-3 .row_header {
     position: fixed;
     z-index: 1;
     width: 100%;
     margin-left: 0;
     margin-right: 0;
 }

 .home-3 .phone_top {
     padding-right: 80px;
     padding-top: 10px;
 }

 .home-3 .phone_top .pull-right {
     cursor: pointer;
     padding: 15px;
     padding-top: 3px;
 }

 .home-3 .phone_top .pull-right i {
     color: #fff;
     font-size: 20px;
 }

 .home-3 .phone_top span {
     float: right;
     border-right: 1px solid #a6a6a6;
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 300;
     padding-right: 20px;
     padding-left: 20px;
 }

 .home-3 .phone_top .phonee {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
 }

 .home-3 .affix {
     top: 0;
     width: 100%;
     z-index: 9999 !important;
     padding-top: 50px;
 }

 .home-3 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
     padding-bottom: 15px !important;
 }

 .home-3 .affixx .navba {
     padding-left: 80px;
 }

 .home-3 .affixx .logo {
     text-align: center;
 }

 .home-3 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-3 .layer {
     position: relative;
 }

 .home-3 .sile1 {
     position: absolute;
     width: 50%;
     top: 50%;
     transform: translate(0%, -50%);
     right: 0;
 }

 .home-3 .sile1 .we_are {
     padding-right: 70px;
     padding-left: 0;
 }

 .home-3 .sile1 .we_are h1 {
     font-family: roboto condensed;
     font-size: 90px;
     color: #fff;
     font-weight: 700;
 }

 .home-3 .sile1 .we_are p {
     font-size: 18px;
     color: #fff;
     line-height: 185%;
 }

 .home-3 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .home-3 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .home-3 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .home-3 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .home-3 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .home-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .home-3 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .home-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .home-3 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     left: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) 3px 20px 10px;
 }

 .home-3 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .home-3 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .home-3 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .home-3 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .home-3 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .home-3 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .home-3 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .home-3 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .home-3 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-3 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .home-3 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .home-3 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .home-3 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .home-3 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .home-3 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .home-3 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-3 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-3 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-3 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .home-3 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .home-3 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .home-3 .side .phone_top {
     padding-top: 15px;
     color: #fff;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .home-3 .side .phone_top .phoneee {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .home-3 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .home-3 .sidenav a:hover {
     color: #f1f1f1;
 }

 .home-3 .button1 {
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     font-size: 30px;
     cursor: pointer;
     float: left;
     padding-left: 15px;
 }

 .home-3 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .home-3 .child2 {
     margin: 5px 0;
 }

 .home-3 .servic_home3 {
     background: #f2f2f2;
 }

 .home-3 .servic {
     text-align: center;
     padding: 150px 0;
 }

 .home-3 .servic .col-md-12 h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
     text-transform: uppercase;
 }

 .home-3 .servic .col-md-12 p {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
 }

 .home-3 .servic .development {
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .home-3 .servic .development .backg_home3 {
     background: #fff;
     padding: 50px 30px 43px 30px;
 }

 .home-3 .servic .development .backg_home3 span {
     background-image: url(../img/web.png);
     height: 54px;
     width: 56px;
     display: inline-block;
 }

 .home-3 .servic .development .backg_home3 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-3 .servic .development .backg_home3 p {
     font-size: 16px;
     color: #909090;
 }

 .home-3 .servic .identity {
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .home-3 .servic .identity .backg_home3 {
     background: #fff;
     padding: 52px 30px 43px 30px;
 }

 .home-3 .servic .identity .backg_home3 span {
     background-image: url(../img/logoiden.png);
     height: 52px;
     width: 52px;
     display: inline-block;
 }

 .home-3 .servic .identity .backg_home3 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-3 .servic .identity .backg_home3 p {
     font-size: 16px;
     color: #909090;
 }

 .home-3 .servic .design {
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .home-3 .servic .design .backg_home3 {
     background: #fff;
     padding: 34px 30px 43px 30px;
 }

 .home-3 .servic .design .backg_home3 span {
     background-image: url(../img/garphics.png);
     height: 70px;
     width: 48px;
     display: inline-block;
 }

 .home-3 .servic .design .backg_home3 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-3 .servic .design .backg_home3 p {
     font-size: 16px;
     color: #909090;
 }

 .home-3 .servic .appdevelopment {
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .home-3 .servic .appdevelopment .backg_home3 {
     background: #fff;
     padding: 44px 30px 43px 30px;
 }

 .home-3 .servic .appdevelopment .backg_home3 span {
     background-image: url(../img/app.png);
     height: 60px;
     width: 60px;
     display: inline-block;
 }

 .home-3 .servic .appdevelopment .backg_home3 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-3 .servic .appdevelopment .backg_home3 p {
     font-size: 16px;
     color: #909090;
 }

 .home-3 .servic .marketing {
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .home-3 .servic .marketing .backg_home3 {
     background: #fff;
     padding: 51px 30px 43px 30px;
 }

 .home-3 .servic .marketing .backg_home3 span {
     background-image: url(../img/social.png);
     height: 53px;
     width: 49px;
     display: inline-block;
 }

 .home-3 .servic .marketing .backg_home3 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-3 .servic .marketing .backg_home3 p {
     font-size: 16px;
     color: #909090;
 }

 .home-3 .servic .creation {
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .home-3 .servic .creation .backg_home3 {
     background: #fff;
     padding: 58px 30px 43px 30px;
 }

 .home-3 .servic .creation .backg_home3 span {
     background-image: url(../img/content.png);
     height: 46px;
     width: 65px;
     display: inline-block;
 }

 .home-3 .servic .creation .backg_home3 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-3 .servic .creation .backg_home3 p {
     font-size: 16px;
     color: #909090;
 }

 .home-3 .team {
     text-align: center;
     padding-top: 150px;
     padding-bottom: 150px;
 }

 .home-3 .team .team1 h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-3 .team .team1 h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
 }

 .home-3 .team .col-md-4 img {
     padding-bottom: 30px;
     width: 100%;
 }

 .home-3 .team .col-md-4 a {
     font-size: 18px;
     color: #333333;
     font-weight: 700;
     font-family: roboto condensed;
     padding-top: 30px;
     padding-bottom: 10px;
 }

 .home-3 .team .col-md-4 p {
     font-size: 18px;
     color: #909090;
     padding-top: 10px;
     font-family: roboto condensed;
 }

 .home-3 .unlimited {
     padding-bottom: 150px;
     text-align: center;
     margin-right: 0;
     margin-left: 0;
 }

 .home-3 .unlimited .website {
     background: #f2f2f2;
     padding: 130px 85px 101px 85px;
 }

 .home-3 .unlimited .website span {
     background-image: url(../img/Shape-1.png);
     height: 64px;
     width: 30px;
     display: inline-block;
 }

 .home-3 .unlimited .website h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-3 .unlimited .website p {
     font-size: 16px;
     font-weight: 400;
     color: #909090;
     line-height: 185%;
 }

 .home-3 .unlimited .customer {
     background: #fc6a55;
     color: #fff;
     padding: 130px 85px 103px 85px;
 }

 .home-3 .unlimited .customer span {
     background-image: url(../img/Shape-44.png);
     height: 47px;
     width: 67px;
     display: inline-block;
     margin-top: 15px;
 }

 .home-3 .unlimited .customer h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-3 .unlimited .customer p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
 }

 .home-3 .unlimited .development {
     background: #333333;
     color: #fff;
     padding: 130px 85px 103px 85px;
 }

 .home-3 .unlimited .development span {
     background-image: url(../img/Shape-33.png);
     height: 62px;
     width: 62px;
     display: inline-block;
 }

 .home-3 .unlimited .development h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-3 .unlimited .development p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
 }

 .home-3 .unlimited .branding {
     background: #000000;
     color: #fff;
     padding: 130px 85px 106px 85px;
 }

 .home-3 .unlimited .branding span {
     background-image: url(../img/Shape-22.png);
     height: 59px;
     width: 66px;
     display: inline-block;
 }

 .home-3 .unlimited .branding h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-3 .unlimited .branding p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
 }

 .home-3 .who_we_are {
     margin-right: 0;
     margin-left: 0;
 }

 .home-3 .who_we_are .weare {
     padding-left: 280px;
     padding-right: 85px;
 }

 .home-3 .who_we_are .weare h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-3 .who_we_are .weare h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 20px;
     padding-top: 20px;
 }

 .home-3 .who_we_are .weare p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-3 .who_we_are .weare .bar .skills_bar {
     width: 100%;
     background-color: #909090;
 }

 .home-3 .who_we_are .weare .bar .skills_bar .html {
     width: 92%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-3 .who_we_are .weare .bar .skills_bar .html1 {
     width: 80%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-3 .who_we_are .weare .bar .skills_bar .html2 {
     width: 70%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-3 .who_we_are .weare .bar p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
     padding-top: 20px;
     padding-bottom: 40px;
 }

 .home-3 .who_we_are .weare .bar p span {
     float: right;
 }

 .home-3 .who_we_are .col-md-6 .detop img {
     width: 100%;
 }

 .home-3 .porfolio {
     margin-right: 0;
     margin-left: 0;
 }

 .home-3 .porfolio .mock {
     padding-right: 0;
 }

 .home-3 .porfolio .mock .item {
     position: relative;
     overflow: hidden;
 }

 .home-3 .porfolio .mock .item:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .home-3 .porfolio .mock img {
     width: 100%;
     transition: all .3s;
 }

 .home-3 .porfolio .blanc {
     padding-left: 0;
 }

 .home-3 .porfolio .blanc .item {
     position: relative;
     overflow: hidden;
     padding: 0;
 }

 .home-3 .porfolio .blanc .item:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .home-3 .porfolio .blanc img {
     width: 100%;
     transition: all .3s;
     float: left;
 }

 .home-3 .what1 {
     text-align: center;
     padding-top: 150px;
     padding-bottom: 150px;
 }

 .home-3 .what1 .whatw h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-3 .what1 .whatw h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
 }

 .home-3 .what1 .main-img .slick-current {
     border: 1px solid red;
 }

 .home-3 .what1 .main-img .slick-slide {
     margin: 0 15px;
 }

 .home-3 .what1 .main-img .slick-slide .rul {
     border: 1px solid #f2f2f2;
     padding: 60px 25px;
 }

 .home-3 .what1 .js-click-product {
     text-align: center;
     width: 100%;
     margin-top: 80px;
     height: 190px;
 }

 .home-3 .what1 .js-click-product .slick-list {
     display: inline-block !important;
 }

 .home-3 .what1 .js-click-product .slick-current {
     transform: scale(1.2);
 }

 .home-3 .what1 .js-click-product .slick-slide {
     width: 90px !important;
     height: 90px;
     line-height: 90px;
 }

 .home-3 .what1 .js-click-product .slick-slide img {
     display: inline-block;
 }

 .home-3 .what1 .main-img1 {
     text-align: center;
 }

 .home-3 .what1 .main-img1 .slick-list {
     width: 150px;
     display: inline-block;
 }

 .home-3 .what1 .main-img1 .slick-list p {
     color: #909090;
 }

 .home-3 .what1 .main-img1 .slick-list h5 {
     font-weight: 700;
     font-family: roboto condensed;
 }

 .home-3 .pricing-table {
     background: #f2f2f2;
     padding-top: 150px;
 }

 .home-3 .pricing-table .our_pri h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 1px;
     text-align: center;
 }

 .home-3 .pricing-table .our_pri h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
     text-align: center;
 }

 .home-3 .pricing-table .center-mode {
     padding-bottom: 150px;
 }

 .home-3 .pricing-table .center-mode .months2 {
     border-right: 1px solid #f2f2f2;
     border-left: 1px solid #f2f2f2;
 }

 .home-3 .pricing-table .center-mode .months {
     transition: all .5s;
     background: #fff;
     padding: 50px;
 }

 .home-3 .pricing-table .center-mode .months p {
     font-size: 16px;
     color: #909090;
     border-bottom: 1px solid #f2f2f2;
     padding-bottom: 20px;
 }

 .home-3 .pricing-table .center-mode .months:hover {
     background: #202737;
     margin-top: -5%;
     padding-top: 10%;
     padding-bottom: 10%;
     color: #fff;
 }

 .home-3 .pricing-table .center-mode .months:hover li,
 .home-3 .pricing-table .center-mode .months:hover i,
 .home-3 .pricing-table .center-mode .months:hover p {
     color: #fff;
 }

 .home-3 .pricing-table .center-mode .months h5 {
     font-weight: 700;
     font-family: roboto condensed;
     color: #fc6a55;
 }

 .home-3 .pricing-table .center-mode .months h1 {
     font-weight: 700;
     font-family: roboto condensed;
 }

 .home-3 .pricing-table .center-mode .months h1 span {
     font-size: 50px;
 }

 .home-3 .pricing-table .center-mode .months ul {
     padding-top: 20px;
     -webkit-padding-start: 0;
 }

 .home-3 .pricing-table .center-mode .months ul li {
     color: #909090;
     font-size: 18px;
     font-family: roboto condensed;
     padding-top: 10px;
     list-style: none;
 }

 .home-3 .pricing-table .center-mode .months ul li i {
     margin-right: 10px;
 }

 .home-3 .cuter {
     background: #333333;
 }

 .home-3 .cuter .counter {
     padding: 90px 0;
 }

 .home-3 .cuter .counter .counter1 {
     margin-left: 0;
     margin-right: 0;
 }

 .home-3 .cuter .counter .counter1 .col-md-3 p {
     font-size: 14px;
     font-family: roboto condensed;
     color: #fff;
     letter-spacing: 1px;
 }

 .home-3 .cuter .counter .counter1 .col-md-3 .counte {
     font-weight: 700;
     font-size: 40px;
     font-family: roboto condensed;
     color: #fff;
 }

 .home-3 .cuter .counter .counter1 .col-md-3 span {
     height: 30px;
     border-left: 1px solid #fa6c54;
 }

 .home-3 .blog {
     padding: 150px 0;
 }

 .home-3 .blog .col-md-12 h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     text-align: center;
     letter-spacing: 2px;
 }

 .home-3 .blog .col-md-12 h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     padding-top: 10px;
     padding-bottom: 60px;
     text-align: center;
 }

 .home-3 .blog .col-md-4 .blog_img img {
     width: 100%;
 }

 .home-3 .blog .col-md-4 .blog_name {
     padding-top: 15px;
 }

 .home-3 .blog .col-md-4 .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .home-3 .blog .col-md-4 .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .home-3 .blog .col-md-4 .blog_name span {
     color: #fc6a53;
 }

 .home-3 .blog .col-md-4 .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .home-3 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .home-3 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .home-3 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-3 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .home-3 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .home-3 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-3 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-3 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-3 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .home-3 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .home-3 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .home-3 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-3 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .home-3 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .home-3 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .home-3 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .home-3 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .home-3 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-3 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .home-3 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-3 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .home-3 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .home-3 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .home-3 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-3 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .home-3 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .home-3 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .home-3 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .home-3 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .home-3 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .home-3 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .home-3 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .home-3 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     width: 100%;
     text-transform: uppercase;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .home-3 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .home-3 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .home-3 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .home-3 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .home-3 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .home-3 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 .home-3 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .home-3 .pull-right {
     cursor: pointer;
 }

 .home-3 * {
     outline: none !important;
 }

 .home-3 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .home-3 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .home-3 .create {
         padding: 117px 30px;
     }
     .home-3 .careate .carea .cust {
         padding: 15px 10px;
     }
     .home-3 .carea {
         padding: 40px 80px;
     }
     .home-3 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .home-3 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .home-3 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .home-3 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .home-3 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .home-3 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .home-3 .affixx .navba {
         padding-left: 5px;
     }
     .home-3 .phone_top {
         padding-right: 5px;
     }
     .home-3 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-3 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .home-3 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-3 .feedback .feeb {
         font-size: 200px;
     }
     .home-3 .affixx .navba {
         padding-left: 15px;
     }
     .home-3 .phone_top {
         padding-right: 15px;
     }
     .home-3 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .home-3 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .home-3 .we_are {
         padding: 0 50px;
     }
     .home-3 .careate .carea .cust {
         padding: 10px 10px;
     }
     .home-3 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .home-3 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .home-3 .cust h1 {
         padding-bottom: 0;
     }
     .home-3 .cust p {
         line-height: 150%;
     }
     .home-3 .button_see {
         margin-top: 27px;
     }
     .home-3 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .home-3 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .home-3 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .home-3 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .home-3 .footer .full-container {
         padding: 0 15px;
     }
     .home-3 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .home-3 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-3 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-3 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .home-3 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-3 .contacts .contact {
         padding: 20px 0;
     }
     .home-3 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .home-3 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .home-3 .phone_top {
         padding-top: 0;
     }
     .home-3 .phone_top .pull-right {
         padding: 5px;
     }
     .home-3 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .home-3 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .home-3 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .home-3 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .home-3 .affixx {
         padding-bottom: 10px !important;
     }
     .home-3 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .home-3 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .home-3 .header-lap {
         display: none;
     }
     .home-3 .header-mobi {
         display: block;
     }
     .home-3 .feedback {
         padding-bottom: 50px;
     }
     .home-3 .cust h1 {
         font-size: 30px;
     }
     .home-3 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .home-3 .all-pro span {
         margin-right: 5px;
     }
     .home-3 .phone_top span {
         display: none;
     }
     .home-3 .phone_top .phonee {
         display: none;
     }
     .home-3 .who_we_are {
         padding: 50px 0;
     }
     .home-3 .blog {
         padding: 50px 0;
     }
     .home-3 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .home-3 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-3 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .home-3 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .home-3 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .home-3 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .home-3 .feedback .feeb {
         font-size: 130px;
     }
     .home-3 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-3 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .home-3 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .home-3 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-3 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .home-3 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .home-3 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .home-3 .links ul {
         -webkit-padding-start: 0px;
     }
     .home-3 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .home-3 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .home-3 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .home-3 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .home-3 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .home-3 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .home-3 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .home-3 .servic {
         padding-top: 50px;
     }
     .home-3 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .home-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .home-3 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .home-3 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .home-3 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .home-3 .row_top div p {
         line-height: 170%;
     }
     .home-3 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .home-3 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .home-3 .slide_main .test {
         padding-top: 100px;
     }
     .home-3 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .home-3 .servic .col-md-4 {
         width: 50%;
     }
     .home-3 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .home-3 .blog .col-md-4 {
         width: 33.33333%;
     }
     .home-3 .button_see {
         margin-top: 10px;
     }
     .home-3 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .home-3 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .home-3 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .home-3 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .home-3 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .home-3 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .home-3 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .home-3 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-3 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .home-3 * h1 {
         font-size: 36px !important;
     }
     .home-3 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-3 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .home-3 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .home-3 .feedback .feeb {
         font-size: 100px;
     }
     .home-3 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .home-3 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-3 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .home-3 .who_we_are .who_are p {
         font-size: 14px;
     }
     .home-3 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .home-3 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .home-3 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .home-3 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-3 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .home-3 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .home-3 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .home-3 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .home-3 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .home-3 .porfolio {
         padding: 50px 0px;
     }
     .home-3 .button-proje {
         width: 210px;
     }
     .home-3 .video .row_video .video1>p {
         font-size: 24px;
     }
     .home-3 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .home-3 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .home-3 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-3 .footer #googlemap1 {
         height: 400px;
     }
     .home-3 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-3 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .home-3 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .home-3 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .home-3 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .home-3 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .home-3 .side .navbar .list-group-item button {
         top: 0;
     }
     .home-3 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .home-3 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .home-3 .base {
         margin-left: 0 !important;
     }
     .home-3 .baseright {
         margin-left: 0 !important;
     }
     .home-3 .sile1 {
         top: 60%;
     }
     .home-3 .affixx {
         background: #333 !important;
     }
     .home-3 .affixx {
         padding-top: 20px !important;
     }
     .home-3 .feedback .feeb {
         font-size: 70px;
     }
     .home-3 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .home-3 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .home-3 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .home-3 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .home-3 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-3 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .home-3 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .home-3 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .home-3 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-3 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-3 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .home-3 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .home-3 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .home-3 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .home-3 .button_see {
         margin-top: 0;
     }
     .home-3 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .home-3 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .home-3 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .home-3 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-3 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-3 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-3 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-3 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .home-3 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .home-3 * h1 {
         font-size: 24px !important;
     }
     .home-3 .affixx {
         position: inherit !important;
     }
     .home-3 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-3 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .home-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .home-3 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .home-3 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .home-3 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .home-3 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .home-3 .feedback .feeb {
         letter-spacing: 6px;
     }
     .home-3 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .home-3 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .home-3 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .home-3 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .home-3 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .home-3 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .home-3 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .home-3 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .home-3 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .home-3 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .home-3 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .home-3 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .home-3 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .home-3 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .home-3 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-3 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-3 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-3 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-3 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .home-3 .servic .identity {
         padding-top: 20px;
     }
     .home-3 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .home-3 .porfolio .nav_main {
         float: left;
     }
     .home-3 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-3 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .home-3 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .home-3 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .home-3 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .home-3 .who_we_are .weare {
         padding-left: 100px;
     }
     .home-3 .sile1 .we_are {
         padding-right: 30px;
     }
     .home-3 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-3 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .home-3 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .home-3 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .home-3 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .home-3 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .home-3 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .home-3 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .home-3 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-3 .team {
         padding: 50px 0;
     }
     .home-3 .unlimited {
         padding-bottom: 50px;
     }
     .home-3 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-3 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .home-3 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .home-3 .servic .development {
         border: none;
     }
     .home-3 .servic .appdevelopment {
         border: none;
     }
     .home-3 .servic .marketing {
         border: none;
     }
     .home-3 .servic .design {
         border: none;
     }
     .home-3 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .home-3 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .home-3 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .home-3 .sile1 .we_are {
         padding-right: 10px;
     }
     .home-3 .porfolio .blanc {
         padding-right: 0;
     }
     .home-3 .porfolio .mock {
         padding-left: 0;
     }
     .home-3 .what1 .js-click-product {
         height: 120px;
     }
     .home-3 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .home-3 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .home-3 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .home-3 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .home-3 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-3 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .home-3 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-3 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-3 .pricing-table {
         padding-top: 100px;
     }
     .home-3 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .home-3 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-3 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .home-3 .sile1 {
         width: 100%;
     }
     .home-3 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .home-3 .servic .creation {
         padding-top: 19px;
     }
     .home-3 .servic .design {
         padding: 15px;
     }
     .home-3 .servic .appdevelopment {
         padding: 15px;
     }
     .home-3 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .home-3 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .home-3 .pricing-table {
         padding-top: 50px;
     }
     .home-3 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-3 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-3 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-3 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-3 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .home-3 .what1 .main-img .slick-slide {
         display: none;
     }
     .home-3 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .home-3 .porfolio .blanc img {
         width: 100%;
     }
     .home-3 .sile1 {
         width: 97%;
     }
     .home-3 .servic .col-md-4 {
         padding-left: 15px;
     }
     .home-3 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .home-3 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .home-3 .slick-slider .slick-track {
         width: 250px;
     }
     .home-3 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .home-3 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .home-3 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .home-4 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*con theiu buoi sau lam*/
     /*aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .home-4 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .home-4 * {
     box-sizing: border-box;
 }

 .home-4 .sidenav a:hover {
     color: #b6aeae;
 }

 .home-4 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .home-4 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .home-4 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .home-4 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-4 .button_see_contact {
     padding-left: 20px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .home-4 .button_see_contact span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .home-4 .button_see_contact:hover {
     color: #f2f2f2;
 }

 .home-4 .button_see_contact:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-4 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .home-4 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .home-4 .button_rea:hover {
     opacity: 0.7;
 }

 .home-4 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .home-4 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-4 .row_header {
     z-index: 1;
     width: 100%;
     margin-left: 0;
     margin-right: 0;
     padding-top: 20px;
     padding-bottom: 20px;
     position: fixed;
 }

 .home-4 .phone_top {
     padding-right: 80px;
     padding-top: 15px;
 }

 .home-4 .phone_top .pull-right {
     cursor: pointer;
     padding: 15px;
     padding-top: 3px;
 }

 .home-4 .phone_top .pull-right i {
     color: #333;
     font-size: 20px;
 }

 .home-4 .phone_top span {
     float: right;
     border-right: 1px solid #a6a6a6;
     font-size: 16px;
     font-family: roboto condensed;
     color: #333;
     font-weight: 300;
     padding-right: 20px;
     padding-left: 20px;
 }

 .home-4 .phone_top .phonee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
 }

 .home-4 .affix {
     top: 0;
     width: 100%;
     z-index: 9999 !important;
     padding-top: 50px;
 }

 .home-4 .affixx {
     top: 0 !important;
     padding-bottom: 10px !important;
     position: inherit !important;
     width: 100%;
     z-index: 1;
     padding-top: 40px;
 }

 .home-4 .affixx .logo {
     text-align: center;
 }

 .home-4 .affixx .logo span {
     background-image: url(../img/logo1.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-4 .affixx .navba {
     padding-left: 80px;
     padding-right: 0;
 }

 .home-4 .layer {
     position: relative;
 }

 .home-4 .sile1 {
     position: absolute;
     width: 100%;
     top: 50%;
     transform: translate(0%, -50%);
     padding-left: 20%;
     padding-right: 27%;
 }

 .home-4 .sile1 .we_are {
     padding-right: 70px;
     padding-left: 0;
 }

 .home-4 .sile1 .we_are h1 {
     font-family: roboto condensed;
     font-size: 90px;
     color: #fff;
     font-weight: 700;
 }

 .home-4 .sile1 .we_are p {
     font-size: 18px;
     color: #fff;
     line-height: 185%;
 }

 .home-4 .layer {
     padding-top: 130px;
 }

 .home-4 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     left: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) 3px 20px 10px;
 }

 .home-4 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .home-4 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .home-4 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .home-4 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .home-4 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .home-4 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .home-4 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .home-4 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .home-4 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-4 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .home-4 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .home-4 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .home-4 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .home-4 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .home-4 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .home-4 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-4 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-4 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-4 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .home-4 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .home-4 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .home-4 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .home-4 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .home-4 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .home-4 .sidenav a:hover {
     color: #f1f1f1;
 }

 .home-4 .button1 {
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
     float: left;
 }

 .home-4 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #333;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .home-4 .child2 {
     margin: 5px 0;
 }

 .home-4 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .home-4 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .home-4 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .home-4 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .home-4 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .home-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .home-4 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .home-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .home-4 .about {
     width: 88%;
     margin: auto;
     padding-top: 110px;
     padding-bottom: 60px;
     position: relative;
     top: -110px;
     background: #fff;
     box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 22px 13px;
 }

 .home-4 .about .about-we {
     padding-left: 85px;
 }

 .home-4 .about .about-we h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-4 .about .about-we h1 {
     font-size: 48px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .home-4 .about .corem-ipsum {
     padding-right: 85px;
 }

 .home-4 .about .corem-ipsum p {
     font-size: 16px;
     color: #909090;
     padding-top: 10px;
     line-height: 190%;
 }

 .home-4 .case-center {
     background: #333333;
     padding-top: 150px;
     padding-bottom: 200px;
 }

 .home-4 .case-center .case-studies {
     text-align: center;
 }

 .home-4 .case-center .case-studies h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-4 .case-center .case-studies h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 20px;
     color: #fff;
 }

 .home-4 .case-center .case-studies p {
     font-size: 16px;
     color: #909090;
     padding-bottom: 60px;
     padding-left: 33%;
     padding-right: 33%;
 }

 .home-4 .case-center .slick-centermode img {
     width: 100%;
 }

 .home-4 .slick-list.draggable .slick-track .slick-slide {
     width: 2.5% !important;
 }

 .home-4 .slick-dots li button:before {
     font-size: 11px !important;
     color: #909090 !important;
     opacity: 0.7 !important;
 }

 .home-4 .slick-dots {
     bottom: -80px !important;
 }

 .home-4 .slick-dots li.slick-active button:before {
     color: #fff !important;
 }

 .home-4 .slick-centermode .slick-next {
     display: none !important;
 }

 .home-4 .cooperate {
     padding-top: 150px;
     padding-bottom: 50px;
 }

 .home-4 .cooperate .brand h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-4 .cooperate .brand h1 {
     font-size: 50px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .home-4 .cooperate .brand p {
     font-size: 16px;
     color: #909090;
     line-height: 190%;
     padding-top: 20px;
 }

 .home-4 .cooperate .logo-brand img {
     padding-top: 0px;
     padding-bottom: 100px;
 }

 .home-4 .cooperate .logo-brand .logo-design img {
     padding-bottom: 50px;
 }

 .home-4 .cooperate .logo-brand .logo-suns img {
     padding-top: 25px;
 }

 .home-4 .cooperate .logo-brand .logo-class img {
     padding-top: 25px;
 }

 .home-4 .cases {
     margin: 0;
 }

 .home-4 .cases .read-mode {
     padding: 0;
     position: relative;
 }

 .home-4 .cases .read-mode .read-mode-img img {
     width: 100%;
 }

 .home-4 .cases .read-mode .read-mode-produc {
     position: absolute;
     top: 270px;
     padding-left: 50px;
 }

 .home-4 .cases .read-mode .read-mode-produc p {
     font-size: 30px;
     font-weight: 700;
     font-family: roboto condensed;
     color: #fff;
 }

 .home-4 .servic {
     text-align: center;
     padding: 150px 0;
 }

 .home-4 .servic .row {
     margin-right: 0;
 }

 .home-4 .servic .col-md-12 h5 {
     color: #909090;
     font-weight: 700;
     letter-spacing: 2px;
     font-family: roboto condensed;
 }

 .home-4 .servic .col-md-12 p {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
 }

 .home-4 .servic .col-md-4 p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
 }

 .home-4 .servic .col-md-4 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .home-4 .servic .development {
     padding: 0 45px;
     padding-bottom: 58px;
     border-bottom: 1px solid #ebebeb;
 }

 .home-4 .servic .development span {
     background-image: url(../img/web.png);
     height: 54px;
     width: 56px;
     display: inline-block;
 }

 .home-4 .servic .identity {
     padding: 0 44px;
     padding-bottom: 60px;
     border-bottom: 1px solid #ebebeb;
     border-right: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
 }

 .home-4 .servic .identity span {
     background-image: url(../img/logoiden.png);
     height: 52px;
     width: 53px;
     display: inline-block;
 }

 .home-4 .servic .design {
     padding: 0 45px;
     padding-bottom: 52px;
     border-bottom: 1px solid #ebebeb;
 }

 .home-4 .servic .design span {
     background-image: url(../img/garphics.png);
     height: 70px;
     width: 48px;
     display: inline-block;
     margin-top: -10px;
 }

 .home-4 .servic .appdevelopment {
     padding: 0 45px;
     padding-top: 60px;
 }

 .home-4 .servic .appdevelopment span {
     background-image: url(../img/app.png);
     height: 60px;
     width: 60px;
     display: inline-block;
 }

 .home-4 .servic .marketing {
     padding: 0 45px;
     padding-top: 60px;
     border-right: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
 }

 .home-4 .servic .marketing span {
     background-image: url(../img/social.png);
     height: 53px;
     width: 49px;
     display: inline-block;
 }

 .home-4 .servic .creation {
     padding: 0 44px;
     padding-top: 60px;
 }

 .home-4 .servic .creation span {
     background-image: url(../img/content.png);
     height: 46px;
     width: 65px;
     display: inline-block;
 }

 .home-4 .video-skills {
     background: #f2f2f2;
     margin-left: 0;
     margin-right: 0;
 }

 .home-4 .video-skills .video {
     padding-left: 0;
 }

 .home-4 .video-skills .video img {
     width: 100%;
 }

 .home-4 .video-skills .skills {
     padding-left: 140px;
     padding-right: 140px;
     padding-top: 180px;
 }

 .home-4 .video-skills .skills h1 {
     font-family: roboto condensed;
     font-size: 48px;
     font-weight: 700;
 }

 .home-4 .video-skills .skills p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-top: 10px;
     padding-bottom: 70px;
 }

 .home-4 .video-skills .skills .snippets .skill {
     background: #333333;
     padding-top: 40px;
     padding-bottom: 40px;
 }

 .home-4 .video-skills .skills .snippets .skill h3 {
     font-family: roboto condensed;
     color: #fff;
     font-size: 20px;
     font-weight: 700;
     text-align: center;
 }

 .home-4 .video-skills .skills .snippets .skill .blue {
     width: 100px;
     height: 100px;
     line-height: 150px;
     background: none;
     margin: 0 auto;
     box-shadow: none;
     position: relative;
 }

 .home-4 .video-skills .skills .snippets .skill .blue .progress-left {
     left: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .home-4 .video-skills .skills .snippets .skill .blue .progress-left .progress-bar {
     width: 100%;
     height: 100%;
     background: none;
     border-width: 5px;
     border-style: solid;
     position: absolute;
     top: 0;
     border-color: #fc6a55;
     animation: loading-2 1.5s linear forwards 1.8s;
     left: 100%;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }

 .home-4 .video-skills .skills .snippets .skill .blue .progress-right {
     right: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .home-4 .video-skills .skills .snippets .skill .blue .progress-right .progress-bar {
     border-color: #fc6a55;
     left: -100%;
     border-top-left-radius: 80px;
     border-bottom-left-radius: 80px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
     animation: loading-1 1.8s linear forwards;
     width: 100%;
     height: 100%;
     background: none;
     border-width: -1px;
     border-style: solid;
     position: absolute;
     top: 0;
 }

 .home-4 .video-skills .skills .snippets .skill .blue:after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 12px solid #fff;
     position: absolute;
     top: 0;
     left: 0;
 }

 .home-4 .video-skills .skills .snippets .skill .blue .progress-value {
     width: 94px;
     height: 94px;
     border-radius: 96%;
     background: #333;
     font-size: 30px;
     color: #fff;
     line-height: 95px;
     text-align: center;
     position: absolute;
     top: 3px;
     left: 3px;
     z-index: 1;
     font-family: roboto condensed;
 }

 .home-4 .video-skills .skills .snippets .skill .yellow {
     width: 100px;
     height: 100px;
     line-height: 150px;
     background: none;
     margin: 0 auto;
     box-shadow: none;
     position: relative;
 }

 .home-4 .video-skills .skills .snippets .skill .yellow .progress-left {
     left: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .home-4 .video-skills .skills .snippets .skill .yellow .progress-left .progress-bar {
     width: 100%;
     height: 100%;
     background: none;
     border-width: 5px;
     border-style: solid;
     position: absolute;
     top: 0;
     border-color: #fc6a55;
     animation: loading-3 1.5s linear forwards 1.8s;
     left: 100%;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }

 .home-4 .video-skills .skills .snippets .skill .yellow .progress-right {
     right: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .home-4 .video-skills .skills .snippets .skill .yellow .progress-right .progress-bar {
     border-color: #fc6a55;
     left: -100%;
     border-top-left-radius: 80px;
     border-bottom-left-radius: 80px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
     animation: loading-1 1.8s linear forwards;
     width: 100%;
     height: 100%;
     background: none;
     border-width: -1px;
     border-style: solid;
     position: absolute;
     top: 0;
 }

 .home-4 .video-skills .skills .snippets .skill .yellow:after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 12px solid #fff;
     position: absolute;
     top: 0;
     left: 0;
 }

 .home-4 .video-skills .skills .snippets .skill .yellow .progress-value {
     width: 94px;
     height: 94px;
     border-radius: 96%;
     background: #333;
     font-size: 30px;
     color: #fff;
     line-height: 95px;
     text-align: center;
     position: absolute;
     top: 3px;
     left: 3px;
     z-index: 1;
     font-family: roboto condensed;
 }

 @keyframes loading-1 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(180deg);
         transform: rotate(180deg);
     }
 }

 @keyframes loading-2 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(144deg);
         transform: rotate(144deg);
     }
 }

 @keyframes loading-3 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
     }
 }

 @keyframes loading-4 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(36deg);
         transform: rotate(36deg);
     }
 }

 @keyframes loading-5 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(126deg);
         transform: rotate(126deg);
     }
 }

 .home-4 .contacts {
     background: #fc6a55;
 }

 .home-4 .contacts .contact {
     padding-bottom: 40px;
     padding-top: 50px;
 }

 .home-4 .contacts .contact p {
     font-size: 30px;
     font-family: roboto condensed;
     color: #fff;
 }

 .home-4 .contacts .contact p .circle {
     padding-right: 20px;
 }

 .home-4 .blog {
     padding-top: 120px;
     padding-bottom: 100px;
     border-bottom: 1px solid #f2f2f2;
 }

 .home-4 .blog .blog1 {
     padding-top: 15px;
 }

 .home-4 .blog .blog1 h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-4 .blog .blog1 h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     padding-bottom: 20px;
 }

 .home-4 .blog .blog1 p {
     font-size: 16px;
     color: #909090;
     padding-right: 35px;
     line-height: 185%;
 }

 .home-4 .blog .blog2 .blog_name {
     padding-top: 15px;
     padding-bottom: 50px;
 }

 .home-4 .blog .blog2 .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .home-4 .blog .blog2 .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .home-4 .blog .blog2 .blog_name span {
     color: #fc6a53;
 }

 .home-4 .blog .blog2 .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .home-4 .who_we_are {
     margin-right: 0;
     margin-left: 0;
     padding-top: 100px;
 }

 .home-4 .who_we_are .weare {
     padding-left: 280px;
     padding-right: 85px;
 }

 .home-4 .who_we_are .weare h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-4 .who_we_are .weare h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 20px;
     padding-top: 20px;
 }

 .home-4 .who_we_are .weare p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-4 .who_we_are .weare .bar .skills_bar {
     width: 100%;
     background-color: #909090;
 }

 .home-4 .who_we_are .weare .bar .skills_bar .html {
     width: 92%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-4 .who_we_are .weare .bar .skills_bar .html1 {
     width: 80%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-4 .who_we_are .weare .bar .skills_bar .html2 {
     width: 70%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-4 .who_we_are .weare .bar p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
     padding-top: 20px;
     padding-bottom: 40px;
 }

 .home-4 .who_we_are .weare .bar p span {
     float: right;
 }

 .home-4 .who_we_are .col-md-6 .detop {
     text-align: center;
 }

 .home-4 .talk-to {
     background: #333333;
     border-top: 10px solid #fc6a55;
 }

 .home-4 .talk-to .row {
     padding: 150px;
 }

 .home-4 .talk-to .our-core {
     text-align: center;
 }

 .home-4 .talk-to .our-core h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-4 .talk-to .our-core h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
 }

 .home-4 .talk-to .our-core p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 50px;
     padding-left: 14%;
     padding-right: 14%;
 }

 .home-4 .talk-to .input-contact {
     padding: 15px;
 }

 .home-4 .talk-to .input-contact input {
     width: 100%;
     height: 60px;
     outline: 0;
     padding-left: 20px;
     font-size: 16px;
 }

 .home-4 .button-contact {
     text-align: center;
     padding-top: 50px;
 }

 .home-4 .button-contact button {
     width: 36%;
     height: 60px;
     text-align: left;
     padding-left: 20px;
     background: #fc6a55;
     border: none;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
     padding-right: 6px;
     font-size: 14px;
     outline: 0;
     transition: all .2s;
     position: relative;
 }

 .home-4 .button-contact button span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .home-4 .button-contact button:hover {
     color: #f2f2f2;
 }

 .home-4 .button-contact button:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-4 .button-contact button:hover {
     background: #f45740;
 }

 .home-4 .footer {
     background: #f2f2f2;
 }

 .home-4 .footer .full-container {
     padding: 0 80px;
 }

 .home-4 .footer .full-container .footer1 {
     border-bottom: 1px solid #d9d9d9;
     padding-bottom: 100px;
     padding-top: 100px;
 }

 .home-4 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo1.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-4 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .home-4 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .home-4 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca1.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-4 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-4 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai1.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-4 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .home-4 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #333;
 }

 .home-4 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .home-4 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #333;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-4 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #d9d9d9;
 }

 .home-4 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .home-4 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .home-4 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .home-4 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .home-4 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #333;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-4 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #d9d9d9;
     list-style: none;
 }

 .home-4 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-4 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #333;
     font-weight: 700;
 }

 .home-4 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .home-4 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .home-4 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #333;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-4 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .home-4 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .home-4 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .home-4 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .home-4 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .home-4 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .home-4 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .home-4 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .home-4 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     position: relative;
     width: 100%;
     text-transform: uppercase;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .home-4 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .home-4 .footer .full-container .footer1 .newsletter .subs:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-4 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .home-4 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .home-4 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .home-4 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .home-4 .footer .full-container .footer2 .goto span {
     color: #333;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1024px) {
     .home-4 .layer {
         padding-top: 67px;
     }
     .home-4 .affix-top .affixx .logo span {
         background-image: url(../img/logo1-mobi.png) !important;
     }
     .home-4 .affix .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-4 .affix-top .affixx .logo span {
         background-image: url(../img/logo1-mobi.png) !important;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-4 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .home-4 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .home-4 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .home-4 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .home-4 .who_we_are .weare {
         padding-left: 100px;
     }
     .home-4 .sile1 .we_are {
         padding-right: 30px;
     }
     .home-4 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-4 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .home-4 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .home-4 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .home-4 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .home-4 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .home-4 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .home-4 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .home-4 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-4 .team {
         padding: 50px 0;
     }
     .home-4 .unlimited {
         padding-bottom: 50px;
     }
     .home-4 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-4 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .home-4 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .home-4 .servic .development {
         border: none;
     }
     .home-4 .servic .appdevelopment {
         border: none;
     }
     .home-4 .servic .marketing {
         border: none;
     }
     .home-4 .servic .design {
         border: none;
     }
     .home-4 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .home-4 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .home-4 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .home-4 .sile1 .we_are {
         padding-right: 10px;
     }
     .home-4 .porfolio .blanc {
         padding-right: 0;
     }
     .home-4 .porfolio .mock {
         padding-left: 0;
     }
     .home-4 .what1 .js-click-product {
         height: 120px;
     }
     .home-4 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .home-4 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .home-4 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .home-4 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .home-4 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-4 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .home-4 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-4 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-4 .pricing-table {
         padding-top: 100px;
     }
     .home-4 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .home-4 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-4 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .home-4 .sile1 {
         width: 100%;
     }
     .home-4 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .home-4 .servic .creation {
         padding-top: 19px;
     }
     .home-4 .servic .design {
         padding: 15px;
     }
     .home-4 .servic .appdevelopment {
         padding: 15px;
     }
     .home-4 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .home-4 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .home-4 .pricing-table {
         padding-top: 50px;
     }
     .home-4 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-4 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-4 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-4 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .home-4 .what1 .main-img .slick-slide {
         display: none;
     }
     .home-4 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .home-4 .porfolio .blanc img {
         width: 100%;
     }
     .home-4 .sile1 {
         width: 97%;
     }
     .home-4 .servic .col-md-4 {
         padding-left: 15px;
     }
     .home-4 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .home-4 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .home-4 .slick-slider .slick-track {
         width: 250px;
     }
     .home-4 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .home-4 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .home-4 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .home-4 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .home-4 .pull-right {
     cursor: pointer;
 }

 .home-4 * {
     outline: none !important;
 }

 .home-4 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .home-4 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .home-4 .create {
         padding: 117px 30px;
     }
     .home-4 .careate .carea .cust {
         padding: 15px 10px;
     }
     .home-4 .carea {
         padding: 40px 80px;
     }
     .home-4 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .home-4 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .home-4 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .home-4 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .home-4 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .home-4 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .home-4 .affixx .navba {
         padding-left: 5px;
     }
     .home-4 .phone_top {
         padding-right: 5px;
     }
     .home-4 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-4 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .home-4 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-4 .feedback .feeb {
         font-size: 200px;
     }
     .home-4 .affixx .navba {
         padding-left: 15px;
     }
     .home-4 .phone_top {
         padding-right: 15px;
     }
     .home-4 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .home-4 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .home-4 .we_are {
         padding: 0 50px;
     }
     .home-4 .careate .carea .cust {
         padding: 10px 10px;
     }
     .home-4 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .home-4 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .home-4 .cust h1 {
         padding-bottom: 0;
     }
     .home-4 .cust p {
         line-height: 150%;
     }
     .home-4 .button_see {
         margin-top: 27px;
     }
     .home-4 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .home-4 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .home-4 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .home-4 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .home-4 .footer .full-container {
         padding: 0 15px;
     }
     .home-4 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .home-4 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-4 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-4 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .home-4 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-4 .contacts .contact {
         padding: 20px 0;
     }
     .home-4 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .home-4 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .home-4 .phone_top {
         padding-top: 0;
     }
     .home-4 .phone_top .pull-right {
         padding: 5px;
     }
     .home-4 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .home-4 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .home-4 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .home-4 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .home-4 .affixx {
         padding-bottom: 10px !important;
     }
     .home-4 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .home-4 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .home-4 .header-lap {
         display: none;
     }
     .home-4 .header-mobi {
         display: block;
     }
     .home-4 .feedback {
         padding-bottom: 50px;
     }
     .home-4 .cust h1 {
         font-size: 30px;
     }
     .home-4 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .home-4 .all-pro span {
         margin-right: 5px;
     }
     .home-4 .phone_top span {
         display: none;
     }
     .home-4 .phone_top .phonee {
         display: none;
     }
     .home-4 .who_we_are {
         padding: 50px 0;
     }
     .home-4 .blog {
         padding: 50px 0;
     }
     .home-4 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .home-4 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-4 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .home-4 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .home-4 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .home-4 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .home-4 .feedback .feeb {
         font-size: 130px;
     }
     .home-4 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-4 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .home-4 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .home-4 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-4 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .home-4 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .home-4 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .home-4 .links ul {
         -webkit-padding-start: 0px;
     }
     .home-4 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .home-4 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .home-4 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .home-4 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .home-4 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .home-4 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .home-4 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .home-4 .servic {
         padding-top: 50px;
     }
     .home-4 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .home-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .home-4 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .home-4 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .home-4 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .home-4 .row_top div p {
         line-height: 170%;
     }
     .home-4 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .home-4 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .home-4 .slide_main .test {
         padding-top: 100px;
     }
     .home-4 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .home-4 .servic .col-md-4 {
         width: 50%;
     }
     .home-4 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .home-4 .blog .col-md-4 {
         width: 33.33333%;
     }
     .home-4 .button_see {
         margin-top: 10px;
     }
     .home-4 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .home-4 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .home-4 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .home-4 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .home-4 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .home-4 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .home-4 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .home-4 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-4 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .home-4 * h1 {
         font-size: 36px !important;
     }
     .home-4 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-4 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .home-4 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .home-4 .feedback .feeb {
         font-size: 100px;
     }
     .home-4 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .home-4 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .home-4 .who_we_are .who_are p {
         font-size: 14px;
     }
     .home-4 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .home-4 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .home-4 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .home-4 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-4 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .home-4 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .home-4 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .home-4 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .home-4 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .home-4 .porfolio {
         padding: 50px 0px;
     }
     .home-4 .button-proje {
         width: 210px;
     }
     .home-4 .video .row_video .video1>p {
         font-size: 24px;
     }
     .home-4 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .home-4 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .home-4 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .footer #googlemap1 {
         height: 400px;
     }
     .home-4 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-4 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .home-4 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .home-4 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .home-4 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .home-4 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .home-4 .side .navbar .list-group-item button {
         top: 0;
     }
     .home-4 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .home-4 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .home-4 .base {
         margin-left: 0 !important;
     }
     .home-4 .baseright {
         margin-left: 0 !important;
     }
     .home-4 .sile1 {
         top: 60%;
     }
     .home-4 .affixx {
         background: #333 !important;
     }
     .home-4 .affixx {
         padding-top: 20px !important;
     }
     .home-4 .feedback .feeb {
         font-size: 70px;
     }
     .home-4 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .home-4 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .home-4 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .home-4 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .home-4 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .home-4 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .home-4 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .home-4 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-4 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .home-4 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .home-4 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .home-4 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .home-4 .button_see {
         margin-top: 0;
     }
     .home-4 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .home-4 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .home-4 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .home-4 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-4 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-4 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-4 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-4 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .home-4 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .home-4 * h1 {
         font-size: 24px !important;
     }
     .home-4 .affixx {
         position: inherit !important;
     }
     .home-4 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-4 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .home-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .home-4 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .home-4 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .home-4 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .home-4 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .home-4 .feedback .feeb {
         letter-spacing: 6px;
     }
     .home-4 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .home-4 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .home-4 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .home-4 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .home-4 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .home-4 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .home-4 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .home-4 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .home-4 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .home-4 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .home-4 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .home-4 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .home-4 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .home-4 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .home-4 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-4 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-4 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-4 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-4 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .home-4 .servic .identity {
         padding-top: 20px;
     }
     .home-4 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .home-4 .porfolio .nav_main {
         float: left;
     }
     .home-4 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .home-4 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .home-4 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .home-4 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .home-4 .who_we_are .weare {
         padding-left: 50px;
     }
     .home-4 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .home-4 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-4 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .home-4 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .home-4 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .home-4 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .home-4 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .home-4 .video-skills .skills {
         padding: 0 15px;
     }
     .home-4 .contacts .contact p {
         font-size: 24px;
     }
     .home-4 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-4 .about .about-we h1 {
         font-size: 40px;
     }
     .home-4 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .home-4 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .home-4 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-4 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .home-4 .cooperate .logo-brand img {
         width: 100%;
     }
     .home-4 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-4 .cooperate {
         padding-top: 50px;
     }
     .home-4 .talk-to .row {
         padding: 50px 0;
     }
     .home-4 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .home-4 .sile1 .we_are {
         padding-right: 0;
     }
     .home-4 .about {
         top: 0;
         padding: 30px 0;
     }
     .home-4 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-4 .about .about-we {
         padding-left: 30px;
     }
     .home-4 .about .corem-ipsum {
         padding-right: 30px;
     }
     .home-4 .about .corem-ipsum p {
         line-height: 150%;
     }
     .home-4 .contacts .contact {
         text-align: center;
     }
     .home-4 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .home-4 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .home-4 .video-skills .video {
         padding-left: 15px;
     }
     .home-4 .video-skills {
         padding-bottom: 50px;
     }
     .home-4 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .home-4 .contacts .contact p .circle img {
         width: 8%;
     }
     .home-4 .contacts .contact p {
         font-size: 20px;
     }
     .home-4 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .home-4 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .home-4 .about .corem-ipsum {
         padding-left: 30px;
     }
     .home-4 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .home-4 .cooperate .logo-brand {
         text-align: center;
     }
     .home-4 .cooperate .logo-brand img {
         width: initial;
     }
     .home-4 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-4 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .home-4 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .home-4 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .home-4 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .home-4 .button1 .vuong {
         background: transparent !important;
     }
     .home-4 .button1 span {
         background: #fff !important;
     }
     .home-4 .phone_top .pull-right i {
         color: #fff !important;
     }
     .home-4 .sile1 {
         width: 65%;
     }
     .home-4 .about .corem-ipsum p {
         font-size: 14px;
     }
     .home-4 .case-center .case-studies p {
         font-size: 14px;
     }
     .home-4 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .slick-dots {
         bottom: -50px !important;
     }
     .home-4 .cooperate {
         padding-top: 50px;
     }
     .home-4 .who_we_are .weare {
         padding-bottom: 0;
     }
     .home-4 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .home-4 .button-contact button {
         height: 40px;
     }
     .home-4 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .home-4 .cooperate .logo-brand img {
         width: 100%;
     }
     .home-4 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .home-4 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .home-4 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-4 .talk-to .input-contact input {
         font-size: 14px;
     }
     .home-4 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-4 .servic .col-md-4 {
         padding-left: 30px;
     }
     .home-4 .button1 .vuong {
         background: transparent !important;
     }
     .home-4 .button1 span {
         background: #fff !important;
     }
     .home-4 .phone_top .pull-right i {
         color: #fff !important;
     }
     .home-4 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .home-4 .sile1 {
         width: 95%;
         left: 5%;
     }
     .home-4 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .home-4 .cooperate .logo-brand img {
         width: initial;
     }
     .home-4 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .home-4 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .home-4 .cases .read-mode {
         width: 100%;
     }
     .home-4 .row_top {
         width: 100%;
     }
     .home-4 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .home-4 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .home-4 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 .home-5 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .home-5 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .home-5 * {
     box-sizing: border-box;
 }

 .home-5 .sidenav a:hover {
     color: #b6aeae;
 }

 .home-5 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .home-5 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .home-5 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .home-5 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-5 .button_see_contact {
     padding-left: 20px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
 }

 .home-5 .button_see_contact span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .home-5 .button_see_contact:hover {
     color: #f2f2f2;
 }

 .home-5 .button_see_contact:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-5 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .home-5 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .home-5 .button_rea:hover {
     opacity: 0.7;
 }

 .home-5 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .home-5 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-5 .layer {
     position: relative;
 }

 .home-5 .layer img {
     width: 100%;
 }

 .home-5 .sile1 {
     position: absolute;
     width: 100%;
     text-align: center;
     top: 50%;
     transform: translate(0%, -50%);
 }

 .home-5 .sile1 .we_are {
     padding: 0 70px;
 }

 .home-5 .sile1 .we_are h1 {
     font-family: roboto condensed;
     font-size: 90px;
     color: #fff;
     font-weight: 700;
 }

 .home-5 .sile1 .we_are p {
     font-size: 18px;
     color: #fff;
     line-height: 185%;
 }

 .home-5 .phone_top {
     padding-right: 80px;
     padding-top: 15px;
 }

 .home-5 .phone_top .pull-right {
     cursor: pointer;
     padding: 15px;
     padding-top: 3px;
 }

 .home-5 .phone_top .pull-right i {
     color: #fff;
     font-size: 20px;
 }

 .home-5 .phone_top span {
     float: right;
     border-right: 1px solid #a6a6a6;
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 300;
     padding-right: 20px;
     padding-left: 20px;
 }

 .home-5 .phone_top .phonee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
 }

 .home-5 .row_header5 {
     z-index: 10;
     width: 100%;
     margin-left: 0;
     margin-right: 0;
     padding-top: 35px;
     padding-bottom: 25px;
     background: #333;
 }

 .home-5 .row_header5 .logo {
     text-align: center;
 }

 .home-5 .row_header5 .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-5 .row_header5 .navba {
     padding-left: 80px;
     padding-right: 0;
 }

 .home-5 .row_header5 .navba .navbar-inverse {
     border: none;
     background: transparent;
     padding-right: 20px;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
     cursor: pointer;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap li:hover {
     border: none;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav li a:hover {
     color: #998f8e;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .home-5 .row_header5 .navba .navbar-inverse .navbar-nav .active a:hover {
     background: transparent;
 }

 .home-5 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     left: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) 3px 20px 10px;
 }

 .home-5 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .home-5 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .home-5 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .home-5 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .home-5 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .home-5 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .home-5 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .home-5 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .home-5 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-5 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .home-5 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .home-5 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .home-5 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .home-5 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .home-5 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.5s ease 0s;
     position: relative;
     height: 2px;
 }

 .home-5 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .home-5 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .home-5 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .home-5 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .home-5 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .home-5 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .home-5 .side .phone_top {
     margin-top: 20px;
     color: #333;
     display: none;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .home-5 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .home-5 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .home-5 .sidenav a:hover {
     color: #f1f1f1;
 }

 .home-5 .button1 {
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
     float: left;
 }

 .home-5 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .home-5 .child2 {
     margin: 5px 0;
 }

 .home-5 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .home-5 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .home-5 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .home-5 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .home-5 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .home-5 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .home-5 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .home-5 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .home-5 .affix {
     top: 0;
     width: 100%;
     z-index: 9999 !important;
     transition: all 0.5s;
 }

 .home-5 .fixed-fluid {
     padding-top: 108px;
 }

 .home-5 .unlimited {
     padding-top: 150px;
     padding-bottom: 150px;
     background: #fff;
 }

 .home-5 .unlimited .welcome h5 {
     font-family: roboto condensed;
     font-weight: 700;
     color: #8f8f8f;
     letter-spacing: 2px;
 }

 .home-5 .unlimited .welcome h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     color: #2b2b2b;
     padding-bottom: 10px;
 }

 .home-5 .unlimited .welcome p {
     font-size: 16px;
     font-weight: 400;
     color: #909090;
     line-height: 185%;
     padding-bottom: 60px;
 }

 .home-5 .unlimited .website span {
     background-image: url(../img/Shape-1.png);
     height: 64px;
     width: 30px;
     display: inline-block;
 }

 .home-5 .unlimited .website h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-5 .unlimited .website p {
     font-size: 16px;
     font-weight: 400;
     color: #909090;
     line-height: 185%;
 }

 .home-5 .unlimited .customer span {
     background-image: url(../img/Shape-4.png);
     height: 47px;
     width: 67px;
     display: inline-block;
     margin-top: 15px;
 }

 .home-5 .unlimited .customer h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-5 .unlimited .customer p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-5 .unlimited .development span {
     background-image: url(../img/Shape-3.png);
     height: 62px;
     width: 62px;
     display: inline-block;
 }

 .home-5 .unlimited .development h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-5 .unlimited .development p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-5 .unlimited .branding span {
     background-image: url(../img/Shape-2.png);
     height: 59px;
     width: 66px;
     display: inline-block;
 }

 .home-5 .unlimited .branding h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .home-5 .unlimited .branding p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-5 .testimonials-img img {
     width: 100%;
 }

 .home-5 .testimonials-design {
     text-align: center;
     padding-top: 150px;
     background: #fc6a55;
     padding-bottom: 150px;
 }

 .home-5 .testimonials-design .p {
     font-weight: 700;
     font-size: 30px;
     font-family: roboto condensed;
     padding-bottom: 10px;
     color: #fff;
     margin-left: 65px;
     margin-right: 65px;
     padding-left: 31%;
     padding-right: 31%;
 }

 .home-5 .testimonials-design .p .file {
     background-image: url(../img/file1.png);
     height: 26px;
     width: 33px;
     display: inline-block;
     margin-right: 20px;
     margin-left: -50px;
 }

 .home-5 .testimonials-design .pp {
     font-size: 16px;
     line-height: 185%;
     color: #fff;
     padding-left: 31%;
     padding-right: 31%;
 }

 .home-5 .testimonials-design .chuky {
     background-image: url(../img/chuky.png);
     height: 23px;
     width: 205px;
     display: inline-block;
     margin-top: 55px;
 }

 .home-5 .who_we_are {
     margin-right: 0;
     margin-left: 0;
     padding-top: 150px;
 }

 .home-5 .who_we_are .weare {
     padding-left: 280px;
     padding-right: 85px;
 }

 .home-5 .who_we_are .weare h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-5 .who_we_are .weare h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 20px;
     padding-top: 20px;
 }

 .home-5 .who_we_are .weare p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .home-5 .who_we_are .weare .bar .skills_bar {
     width: 100%;
     background-color: #909090;
 }

 .home-5 .who_we_are .weare .bar .skills_bar .html {
     width: 92%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-5 .who_we_are .weare .bar .skills_bar .html1 {
     width: 80%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-5 .who_we_are .weare .bar .skills_bar .html2 {
     width: 70%;
     background-color: #fc6a55;
     height: 5px;
 }

 .home-5 .who_we_are .weare .bar p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     font-family: roboto condensed;
     color: #909090;
     padding-top: 20px;
     padding-bottom: 40px;
 }

 .home-5 .who_we_are .weare .bar p span {
     float: right;
 }

 .home-5 .who_we_are .col-md-6 .detop {
     text-align: center;
 }

 .home-5 .who_we_are .col-md-6 .detop img {
     width: 100%;
 }

 .home-5 .group {
     background: #f2f2f2;
     width: 100%;
     padding-top: 150px;
 }

 .home-5 .group .group-img {
     padding-right: 175px;
 }

 .home-5 .group .group-img .img-img img {
     width: 100%;
     position: relative;
 }

 .home-5 .group .group-img .img-img .img-position {
     top: -120px;
     left: 100px;
 }

 .home-5 .group .easy-way h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .home-5 .group .easy-way h1 {
     font-weight: 700;
     font-size: 48px;
     font-family: roboto condensed;
 }

 .home-5 .group .easy-way p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 50px;
 }

 .home-5 .group .easy-way ul li {
     color: #909090;
     padding: 15px 0;
     font-size: 16px;
     border-bottom: 1px solid #d9d9d9;
     list-style: none;
 }

 .home-5 .group .easy-way ul li span {
     line-height: 19px;
     display: list-item;
     list-style-type: disc;
     color: #fd6b54;
     font-size: 25px;
     float: left;
     margin-left: 20px;
 }

 .home-5 .group .easy-way ul .no-border {
     border: none !important;
 }

 .home-5 .cuter {
     background: #333;
     border-bottom: 1px solid #ebebeb;
 }

 .home-5 .cuter .counter {
     padding: 90px 0;
 }

 .home-5 .cuter .counter .counter1 {
     margin-left: 0;
     margin-right: 0;
 }

 .home-5 .cuter .counter .counter1 .col-md-3 p {
     font-size: 14px;
     font-family: roboto condensed;
     color: #909090;
     letter-spacing: 1px;
 }

 .home-5 .cuter .counter .counter1 .col-md-3 .counte {
     font-weight: 700;
     font-size: 40px;
     font-family: roboto condensed;
     color: #fff;
 }

 .home-5 .cuter .counter .counter1 .col-md-3 span {
     height: 30px;
     border-left: 1px solid #fa6c54;
 }

 .home-5 .porfo {
     border-bottom: 1px solid #f2f2f2;
 }

 .home-5 .porfo .porfolio {
     padding: 150px 0;
 }

 .home-5 .porfo .porfolio .col-md-4 .p {
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     padding-top: 15px;
     letter-spacing: 2px;
 }

 .home-5 .porfo .porfolio .col-md-4 h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
 }

 .home-5 .porfo .porfolio .col-md-4 .some {
     line-height: 185%;
     color: #909090;
     font-size: 16px;
 }

 .home-5 .porfo .nav_main {
     float: right;
 }

 .home-5 .porfo .nav_main .nav-tabs {
     background: transparent;
     border: none;
 }

 .home-5 .porfo .nav_main .nav-tabs li {
     padding-left: 15px;
     padding-right: 25px;
     float: left;
     margin-bottom: -1px;
 }

 .home-5 .porfo .nav_main .nav-tabs li a {
     transition: all .4s;
     font-family: roboto condensed;
     font-weight: 400;
     color: #909090;
     border: none;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .home-5 .porfo .nav_main .nav-tabs li a:hover {
     border-color: #fff;
     color: #333333;
 }

 .home-5 .porfo .nav_main .nav-tabs .active>a {
     color: black;
     background: transparent;
     border-bottom: 1px solid #fc6955 !important;
     transition: 0.4s;
     border-top: none !important;
     border-left: none !important;
     border-right: none !important;
 }

 .home-5 .porfo .nav_main .nav>li>a:hover {
     background: transparent;
 }

 .home-5 .porfo .img_porfolio .col-md-6 {
     padding: 15px;
 }

 .home-5 .porfo .img_porfolio .item {
     position: relative;
     overflow: hidden;
 }

 .home-5 .porfo .img_porfolio .item:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .home-5 .porfo .img_porfolio .item img {
     width: 100%;
     transition: .4s;
     cursor: pointer;
 }

 .home-5 .blog {
     padding: 150px 0;
 }

 .home-5 .blog .col-md-12 h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     text-align: center;
     letter-spacing: 2px;
 }

 .home-5 .blog .col-md-12 h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     padding-top: 10px;
     padding-bottom: 60px;
     text-align: center;
 }

 .home-5 .blog .blog_name {
     padding-top: 15px;
     padding-bottom: 50px;
 }

 .home-5 .blog .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .home-5 .blog .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .home-5 .blog .blog_name span {
     color: #fc6a53;
 }

 .home-5 .blog .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .home-5 #googlemap1 {
     width: 100%;
     height: 800px;
 }

 .home-5 .footer {
     background: #f2f2f2;
 }

 .home-5 .footer .full-container {
     padding: 0 80px;
 }

 .home-5 .footer .full-container .footer1 {
     border-bottom: 1px solid #d9d9d9;
     padding-bottom: 100px;
     padding-top: 100px;
 }

 .home-5 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo1.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .home-5 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .home-5 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .home-5 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca1.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-5 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-5 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai1.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .home-5 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .home-5 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #333;
 }

 .home-5 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .home-5 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #333;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-5 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #d9d9d9;
 }

 .home-5 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .home-5 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .home-5 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .home-5 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .home-5 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #333;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-5 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #d9d9d9;
     list-style: none;
 }

 .home-5 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .home-5 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #333;
     font-weight: 700;
 }

 .home-5 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .home-5 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .home-5 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #333;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .home-5 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .home-5 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .home-5 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .home-5 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .home-5 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .home-5 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .home-5 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .home-5 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .home-5 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     width: 100%;
     position: relative;
     text-transform: uppercase;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .home-5 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .home-5 .footer .full-container .footer1 .newsletter .subs:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .home-5 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .home-5 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .home-5 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .home-5 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .home-5 .footer .full-container .footer2 .goto span {
     color: #333;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1360px) {
     .home-5 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .home-5 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .home-5 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .home-5 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .home-5 .who_we_are .weare {
         padding-left: 100px;
     }
     .home-5 .sile1 .we_are {
         padding-right: 30px;
     }
     .home-5 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-5 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .home-5 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .home-5 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .home-5 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .home-5 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .home-5 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .home-5 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .home-5 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-5 .team {
         padding: 50px 0;
     }
     .home-5 .unlimited {
         padding-bottom: 50px;
     }
     .home-5 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-5 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .home-5 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .home-5 .servic .development {
         border: none;
     }
     .home-5 .servic .appdevelopment {
         border: none;
     }
     .home-5 .servic .marketing {
         border: none;
     }
     .home-5 .servic .design {
         border: none;
     }
     .home-5 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .home-5 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .home-5 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .home-5 .sile1 .we_are {
         padding-right: 10px;
     }
     .home-5 .porfolio .blanc {
         padding-right: 0;
     }
     .home-5 .porfolio .mock {
         padding-left: 0;
     }
     .home-5 .what1 .js-click-product {
         height: 120px;
     }
     .home-5 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .home-5 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .home-5 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .home-5 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .home-5 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-5 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .home-5 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-5 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .home-5 .pricing-table {
         padding-top: 100px;
     }
     .home-5 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .home-5 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-5 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .home-5 .sile1 {
         width: 100%;
     }
     .home-5 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .home-5 .servic .creation {
         padding-top: 19px;
     }
     .home-5 .servic .design {
         padding: 15px;
     }
     .home-5 .servic .appdevelopment {
         padding: 15px;
     }
     .home-5 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .home-5 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .home-5 .pricing-table {
         padding-top: 50px;
     }
     .home-5 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-5 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-5 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-5 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .home-5 .what1 .main-img .slick-slide {
         display: none;
     }
     .home-5 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .home-5 .porfolio .blanc img {
         width: 100%;
     }
     .home-5 .sile1 {
         width: 97%;
     }
     .home-5 .servic .col-md-4 {
         padding-left: 15px;
     }
     .home-5 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .home-5 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .home-5 .slick-slider .slick-track {
         width: 250px;
     }
     .home-5 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .home-5 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .home-5 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .home-5 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .home-5 .pull-right {
     cursor: pointer;
 }

 .home-5 * {
     outline: none !important;
 }

 .home-5 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .home-5 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .home-5 .create {
         padding: 117px 30px;
     }
     .home-5 .careate .carea .cust {
         padding: 15px 10px;
     }
     .home-5 .carea {
         padding: 40px 80px;
     }
     .home-5 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .home-5 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .home-5 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .home-5 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .home-5 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .home-5 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .home-5 .affixx .navba {
         padding-left: 5px;
     }
     .home-5 .phone_top {
         padding-right: 5px;
     }
     .home-5 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-5 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .home-5 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-5 .feedback .feeb {
         font-size: 200px;
     }
     .home-5 .affixx .navba {
         padding-left: 15px;
     }
     .home-5 .phone_top {
         padding-right: 15px;
     }
     .home-5 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .home-5 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .home-5 .we_are {
         padding: 0 50px;
     }
     .home-5 .careate .carea .cust {
         padding: 10px 10px;
     }
     .home-5 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .home-5 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .home-5 .cust h1 {
         padding-bottom: 0;
     }
     .home-5 .cust p {
         line-height: 150%;
     }
     .home-5 .button_see {
         margin-top: 27px;
     }
     .home-5 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .home-5 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .home-5 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .home-5 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .home-5 .footer .full-container {
         padding: 0 15px;
     }
     .home-5 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .home-5 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-5 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-5 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .home-5 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-5 .contacts .contact {
         padding: 20px 0;
     }
     .home-5 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .home-5 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .home-5 .phone_top {
         padding-top: 0;
     }
     .home-5 .phone_top .pull-right {
         padding: 5px;
     }
     .home-5 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .home-5 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .home-5 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .home-5 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .home-5 .affixx {
         padding-bottom: 10px !important;
     }
     .home-5 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .home-5 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .home-5 .header-lap {
         display: none;
     }
     .home-5 .header-mobi {
         display: block;
     }
     .home-5 .feedback {
         padding-bottom: 50px;
     }
     .home-5 .cust h1 {
         font-size: 30px;
     }
     .home-5 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .home-5 .all-pro span {
         margin-right: 5px;
     }
     .home-5 .phone_top span {
         display: none;
     }
     .home-5 .phone_top .phonee {
         display: none;
     }
     .home-5 .who_we_are {
         padding: 50px 0;
     }
     .home-5 .blog {
         padding: 50px 0;
     }
     .home-5 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .home-5 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-5 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .home-5 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .home-5 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .home-5 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .home-5 .feedback .feeb {
         font-size: 130px;
     }
     .home-5 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-5 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .home-5 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .home-5 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .home-5 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .home-5 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .home-5 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .home-5 .links ul {
         -webkit-padding-start: 0px;
     }
     .home-5 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .home-5 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .home-5 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .home-5 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .home-5 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .home-5 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .home-5 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .home-5 .servic {
         padding-top: 50px;
     }
     .home-5 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .home-5 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .home-5 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .home-5 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .home-5 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .home-5 .row_top div p {
         line-height: 170%;
     }
     .home-5 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .home-5 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .home-5 .slide_main .test {
         padding-top: 100px;
     }
     .home-5 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .home-5 .servic .col-md-4 {
         width: 50%;
     }
     .home-5 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .home-5 .blog .col-md-4 {
         width: 33.33333%;
     }
     .home-5 .button_see {
         margin-top: 10px;
     }
     .home-5 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .home-5 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .home-5 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .home-5 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .home-5 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .home-5 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .home-5 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .home-5 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-5 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .home-5 * h1 {
         font-size: 36px !important;
     }
     .home-5 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-5 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .home-5 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .home-5 .feedback .feeb {
         font-size: 100px;
     }
     .home-5 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .home-5 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .home-5 .who_we_are .who_are p {
         font-size: 14px;
     }
     .home-5 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .home-5 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .home-5 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .home-5 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .home-5 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .home-5 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .home-5 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .home-5 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .home-5 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .home-5 .porfolio {
         padding: 50px 0px;
     }
     .home-5 .button-proje {
         width: 210px;
     }
     .home-5 .video .row_video .video1>p {
         font-size: 24px;
     }
     .home-5 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .home-5 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .home-5 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .footer #googlemap1 {
         height: 400px;
     }
     .home-5 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-5 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .home-5 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .home-5 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .home-5 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .home-5 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .home-5 .side .navbar .list-group-item button {
         top: 0;
     }
     .home-5 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .home-5 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .home-5 .base {
         margin-left: 0 !important;
     }
     .home-5 .baseright {
         margin-left: 0 !important;
     }
     .home-5 .sile1 {
         top: 60%;
     }
     .home-5 .affixx {
         background: #333 !important;
     }
     .home-5 .affixx {
         padding-top: 20px !important;
     }
     .home-5 .feedback .feeb {
         font-size: 70px;
     }
     .home-5 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .home-5 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .home-5 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .home-5 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .home-5 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .home-5 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .home-5 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .home-5 .servic .col-md-12 p {
         font-size: 24px;
     }
     .home-5 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .home-5 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .home-5 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .home-5 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .home-5 .button_see {
         margin-top: 0;
     }
     .home-5 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .home-5 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .home-5 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .home-5 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-5 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-5 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-5 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .home-5 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .home-5 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .home-5 * h1 {
         font-size: 24px !important;
     }
     .home-5 .affixx {
         position: inherit !important;
     }
     .home-5 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-5 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .home-5 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .home-5 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .home-5 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .home-5 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .home-5 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .home-5 .feedback .feeb {
         letter-spacing: 6px;
     }
     .home-5 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .home-5 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .home-5 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .home-5 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .home-5 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .home-5 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .home-5 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .home-5 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .home-5 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .home-5 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .home-5 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .home-5 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .home-5 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .home-5 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .home-5 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-5 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-5 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-5 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .home-5 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .home-5 .servic .identity {
         padding-top: 20px;
     }
     .home-5 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .home-5 .porfolio .nav_main {
         float: left;
     }
     .home-5 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .home-5 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .home-5 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .home-5 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .home-5 .who_we_are .weare {
         padding-left: 50px;
     }
     .home-5 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .home-5 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .home-5 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .home-5 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .home-5 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .home-5 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .home-5 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .home-5 .video-skills .skills {
         padding: 0 15px;
     }
     .home-5 .contacts .contact p {
         font-size: 24px;
     }
     .home-5 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .home-5 .about .about-we h1 {
         font-size: 40px;
     }
     .home-5 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .home-5 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .home-5 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-5 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .home-5 .cooperate .logo-brand img {
         width: 100%;
     }
     .home-5 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-5 .cooperate {
         padding-top: 50px;
     }
     .home-5 .talk-to .row {
         padding: 50px 0;
     }
     .home-5 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .home-5 .sile1 .we_are {
         padding-right: 0;
     }
     .home-5 .about {
         top: 0;
         padding: 30px 0;
     }
     .home-5 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .home-5 .about .about-we {
         padding-left: 30px;
     }
     .home-5 .about .corem-ipsum {
         padding-right: 30px;
     }
     .home-5 .about .corem-ipsum p {
         line-height: 150%;
     }
     .home-5 .contacts .contact {
         text-align: center;
     }
     .home-5 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .home-5 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .home-5 .video-skills .video {
         padding-left: 15px;
     }
     .home-5 .video-skills {
         padding-bottom: 50px;
     }
     .home-5 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .home-5 .contacts .contact p .circle img {
         width: 8%;
     }
     .home-5 .contacts .contact p {
         font-size: 20px;
     }
     .home-5 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .home-5 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .home-5 .about .corem-ipsum {
         padding-left: 30px;
     }
     .home-5 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .home-5 .cooperate .logo-brand {
         text-align: center;
     }
     .home-5 .cooperate .logo-brand img {
         width: initial;
     }
     .home-5 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .home-5 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .home-5 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .home-5 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .home-5 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .home-5 .button1 .vuong {
         background: transparent !important;
     }
     .home-5 .button1 span {
         background: #fff !important;
     }
     .home-5 .phone_top .pull-right i {
         color: #fff !important;
     }
     .home-5 .sile1 {
         width: 65%;
     }
     .home-5 .about .corem-ipsum p {
         font-size: 14px;
     }
     .home-5 .case-center .case-studies p {
         font-size: 14px;
     }
     .home-5 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .slick-dots {
         bottom: -50px !important;
     }
     .home-5 .cooperate {
         padding-top: 50px;
     }
     .home-5 .who_we_are .weare {
         padding-bottom: 0;
     }
     .home-5 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .home-5 .button-contact button {
         height: 40px;
     }
     .home-5 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .home-5 .cooperate .logo-brand img {
         width: 100%;
     }
     .home-5 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .home-5 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .home-5 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .home-5 .talk-to .input-contact input {
         font-size: 14px;
     }
     .home-5 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-5 .servic .col-md-4 {
         padding-left: 30px;
     }
     .home-5 .button1 .vuong {
         background: transparent !important;
     }
     .home-5 .button1 span {
         background: #fff !important;
     }
     .home-5 .phone_top .pull-right i {
         color: #fff !important;
     }
     .home-5 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .home-5 .sile1 {
         width: 95%;
         left: 5%;
     }
     .home-5 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .home-5 .cooperate .logo-brand img {
         width: initial;
     }
     .home-5 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .home-5 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .home-5 .cases .read-mode {
         width: 100%;
     }
     .home-5 .row_top {
         width: 100%;
     }
     .home-5 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .home-5 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .home-5 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1680px) {
     .home-5 .phone_top {
         padding-right: 80px;
     }
 }

 @media screen and (max-width: 1240px) {
     .home-5 .unlimited .col-md-3 {
         padding: 15px;
     }
     .home-5 .testimonials-design .p {
         padding-left: 17%;
         padding-right: 17%;
     }
     .home-5 .testimonials-design .pp {
         padding-left: 17%;
         padding-right: 17%;
     }
     .home-5 .group .easy-way ul li {
         padding: 10px 0;
         font-size: 14px;
     }
     .home-5 .easy-way {
         padding-left: 0;
         padding-right: 0;
     }
     .home-5 .easy-way ul {
         -webkit-padding-start: 10px;
     }
     .home-5 .group .easy-way p {
         font-size: 14px;
         padding-bottom: 10px;
     }
     .home-5 .group .easy-way h1 {
         font-size: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .home-5 .side .phone_top {
         display: block;
     }
     .home-5 .layer {
         padding-top: 0px;
     }
     .home-5 .group {
         padding-top: 50px;
     }
     .home-5 .testimonials-design {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .home-5 .unlimited {
         padding-top: 30px;
     }
     .home-5 .row_header5 .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .home-5 .row_header5 {
         padding-bottom: 10px;
         padding-top: 15px;
     }
     .home-5 .row_header5 .navba {
         padding-left: 15px;
     }
     .home-5 .phone_top {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .home-5 .unlimited .col-md-3 {
         padding-bottom: 50px;
     }
     .home-5 .unlimited .customer {
         padding-bottom: 55px;
     }
     .home-5 .group {
         padding-bottom: 100px;
     }
     .home-5 .our-recent {
         padding-bottom: 50px;
     }
     .home-5 .sile1 .we_are {
         padding-left: 15px;
     }
     .home-5 .porfo .porfolio {
         padding: 80px 15px;
     }
     .home-5 .testimonials-design .p {
         padding-left: 5%;
         padding-right: 5%;
     }
     .home-5 .testimonials-design .pp {
         padding-left: 5%;
         padding-right: 5%;
     }
     .home-5 .easy-way {
         padding-left: 15px;
         padding-right: 15px;
     }
     .home-5 br {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     .home-5 .blog .col-md-4 {
         width: 50%;
         text-align: left;
     }
     .home-5 .porfo .nav_main .nav-tabs {
         padding-left: 10px;
     }
     .home-5 .unlimited {
         padding-top: 50px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 680px) {
     .home-5 .blog .col-md-4 .blog_name a {
         font-size: 17px;
     }
     .home-5 .sile1 {
         width: 100%;
         left: 0;
     }
     .home-5 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (max-width: 568px) {
     .home-5 .sile1 {
         top: 50%;
     }
     .home-5 .layer {
         padding-top: 0;
     }
     .home-5 .unlimited .col-md-3 {
         width: 100%;
     }
     .home-5 .testimonials-design .p {
         font-size: 24px;
     }
     .home-5 .testimonials-design .pp {
         font-size: 14px;
     }
     .home-5 .blog .col-md-4 {
         width: 100%;
     }
     .home-5 .blog .blog_name {
         padding-bottom: 0;
     }
     .home-5 #googlemap1 {
         height: 300px;
     }
     .home-5 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .home-5 .testimonials-design .chuky {
         margin-top: 20px;
     }
     .home-5 .group .easy-way ul li span {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 480px) {
     .home-5 .fixed-fluid {
         padding-top: 60px;
     }
     .home-5 .sile1 {
         left: 0;
         width: 100%;
     }
     .home-5 .row_header5 {
         padding-top: 20px;
     }
     .home-5 .affix {
         padding-top: 15px;
         padding-bottom: 10px;
     }
     .home-5 .testimonials-design .p .file {
         margin-left: 0;
     }
     .home-5 .testimonials-design .p {
         margin-left: 0;
         margin-right: 0;
     }
     .home-5 .group .group-img {
         padding-right: 125px;
     }
     .home-5 .img_porfolio .col-xs-6 {
         width: 100%;
     }
     .home-5 .porfolio .nav_main {
         margin-left: 0;
     }
     .home-5 .porfolio .col-md-8 {
         padding-right: 0;
     }
     .home-5 .porfolio .nav_main .nav-tabs .active {
         padding-bottom: 0;
     }
     .home-5 .porfolio .nav_main .nav-tabs li {
         padding-bottom: 1px;
     }
 }

 .page-404 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .page-404 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .page-404 * {
     box-sizing: border-box;
 }

 .page-404 .sidenav a:hover {
     color: #b6aeae;
 }

 .page-404 .button_see {
     padding-left: 10px;
     margin-top: 40px;
     width: 240px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .page-404 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 10px;
     display: inline-block;
     position: relative;
 }

 .page-404 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .page-404 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .page-404 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .page-404 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .page-404 .button_rea:hover {
     opacity: 0.7;
 }

 .page-404 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .page-404 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .page-404 .layer {
     position: relative;
 }

 .page-404 .layer img {
     width: 100%;
 }

 .page-404 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .page-404 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .page-404 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .page-404 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .page-404 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .page-404 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .page-404 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .page-404 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .page-404 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .page-404 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .page-404 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .page-404 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .page-404 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .page-404 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .page-404 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .page-404 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .page-404 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .page-404 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .page-404 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .page-404 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .page-404 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .page-404 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .page-404 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .page-404 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .page-404 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .page-404 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .page-404 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .page-404 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .page-404 .header-mobi {
     display: none;
 }

 .page-404 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .page-404 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .page-404 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .page-404 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .page-404 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     transition: all 0.4s;
     overflow: visible;
     top: 103%;
 }

 .page-404 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .page-404 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .page-404 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .page-404 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .page-404 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .page-404 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .page-404 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .page-404 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .page-404 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .page-404 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .page-404 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .page-404 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .page-404 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-404 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-404 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-404 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .page-404 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .page-404 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .page-404 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .page-404 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .page-404 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .page-404 .sidenav a:hover {
     color: #f1f1f1;
 }

 .page-404 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .page-404 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .page-404 .child2 {
     margin: 5px 0;
 }

 .page-404 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .page-404 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .page-404 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .page-404 .container_header .breadcrumb {
     background: transparent;
 }

 .page-404 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .page-404 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .page-404 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .page-404 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .page-404 .contacts {
     background: #fc6a55;
 }

 .page-404 .contacts .contact {
     padding-bottom: 40px;
     padding-top: 50px;
 }

 .page-404 .contacts .contact p {
     font-size: 30px;
     font-family: roboto condensed;
     color: #fff;
 }

 .page-404 .contacts .contact p .circle {
     padding-right: 20px;
 }

 .page-404 .button_see_contact {
     padding-left: 20px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .page-404 .button_see_contact span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .page-404 .button_see_contact:hover {
     color: #f2f2f2;
 }

 .page-404 .button_see_contact:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .page-404 .page-404 {
     padding: 150px 15px;
     text-align: center;
     position: relative;
 }

 .page-404 .page-404 .welll {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .page-404 .page-404 .welll h1 {
     font-size: 50px;
     font-weight: 700;
     font-family: roboto condensed;
 }

 .page-404 .page-404 .welll p {
     font-size: 20px;
     font-weight: 400;
     padding-top: 20px;
     padding-bottom: 20px;
 }

 @media (max-width: 1680px) {
     .page-404 .over img {
         width: 100%;
     }
 }

 @media (max-width: 1360px) {
     .page-404 .page-404 img {
         width: 90%;
     }
 }

 @media (max-width: 768px) {
     .page-404 .page-404 {
         padding: 50px 15px;
     }
 }

 @media (max-width: 480px) {
     .page-404 .footer .full-container .footer1 .newsletter .subs {
         width: 100% !important;
     }
     .page-404 .button_see {
         width: 150px !important;
     }
     .page-404 .affixx {
         background: #333 !important;
     }
 }

 .page-404 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .page-404 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .page-404 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .page-404 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .page-404 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .page-404 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .page-404 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .page-404 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .page-404 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .page-404 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .page-404 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .page-404 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .page-404 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .page-404 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .page-404 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .page-404 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .page-404 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .page-404 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .page-404 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .page-404 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .page-404 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .page-404 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .page-404 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .page-404 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .page-404 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .page-404 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .page-404 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .page-404 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .page-404 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .page-404 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .page-404 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .page-404 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .page-404 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     width: 100%;
     text-transform: uppercase;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
     outline: 0;
 }

 .page-404 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .page-404 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .page-404 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .page-404 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .page-404 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .page-404 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media (max-width: 1680px) {
     .page-404 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .page-404 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
 }

 @media (max-width: 1440px) {
     .page-404 .post .there-is .imfor {
         padding: 20px 15px;
     }
     .page-404 .post .there-is1 .imfor {
         padding: 20px 15px;
     }
     .page-404 .post .there-is1 .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .page-404 .post .there-is1 .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
     .page-404 .post .there-is .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .page-404 .post .there-is .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
 }

 @media (max-width: 1200px) {
     .page-404 .post .there-is1 .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .post .there-is1 .imfor h1 {
         font-size: 24px;
     }
     .page-404 .post .there-is .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .post .there-is .imfor h1 {
         font-size: 24px;
     }
 }

 @media (max-width: 1024px) {
     .page-404 .post .there-is .imfor {
         padding: 5px 10px;
     }
     .page-404 .post .there-is1 .imfor {
         padding: 5px 10px;
     }
     .page-404 .post .post6 .alex {
         padding-top: 50px;
     }
     .page-404 .post .post1 {
         padding: 50px 15px;
     }
 }

 @media (max-width: 991px) {
     .page-404 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .page-404 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
     .page-404 .post .there-is1 .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .page-404 .post .there-is1 .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .page-404 .post .there-is .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .page-404 .post .there-is .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .page-404 .post .post6 .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
         padding: 0 5px 0 15px;
     }
     .page-404 .post .post6 .alex .boder .text h4 {
         padding-left: 15px;
     }
     .page-404 .post .what-you {
         padding: 50px 15px;
     }
     .page-404 .post .what-you2 {
         padding: 50px 15px;
     }
     .page-404 .post .post5 {
         padding: 50px 15px;
     }
     .page-404 .post .post6 {
         padding: 50px 15px;
     }
     .page-404 .comments .padd {
         padding: 50px 15px;
     }
     .page-404 .write-comments .row {
         padding: 50px 15px;
     }
     .page-404 .comments .alex {
         float: left;
     }
     .page-404 .comments .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
     }
 }

 @media (max-width: 767px) {
     .page-404 .post .post6 h4 {
         padding-left: 0;
     }
     .page-404 .post .post5 p {
         padding: 0 0 20px 0;
     }
     .page-404 .post .post6 p {
         padding: 0 0 20px 0;
     }
     .page-404 .post .post6 .button {
         padding-left: 0;
     }
     .page-404 .post .post6 .alex {
         float: left;
         padding-left: 0;
     }
     .page-404 .blog .col-md-4 {
         text-align: left;
     }
     .page-404 .post .what-you p {
         padding-right: 0;
     }
     .page-404 .post .what-you2 p {
         padding-right: 0;
     }
     .page-404 .post .what-you2 h4 {
         padding: 10px 0 0 20px;
     }
 }

 @media (max-width: 680px) {
     .page-404 .comments .alex .boder .text {
         padding-left: 15px;
     }
 }

 @media (max-width: 568px) {
     .page-404 .post .post4 {
         padding: 0 15px;
     }
     .page-404 p {
         font-size: 14px !important;
     }
     .page-404 .contacts .contact p {
         font-size: 20px !important;
     }
     .page-404 * h1 {
         font-size: 24px !important;
     }
     .page-404 .comments .alex .boder .img img {
         width: 100%;
     }
     .page-404 .post .post6 .alex .boder .img img {
         width: 100%;
         padding-left: 5px;
     }
     .page-404 .post .post6 .alex {
         padding-top: 50px;
     }
 }

 @media (max-width: 480px) {
     .page-404 .container_header .breadcrumb .active {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 150px;
     }
     .page-404 .container_header .breadcrumb li {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 }

 @media (max-width: 480px) {
     .page-404 .container_header .breadcrumb .active {
         width: 118px;
     }
     .page-404 .write-comments .input-contact {
         width: 100%;
     }
 }

 @media (max-width: 360px) {
     .page-404 .write-comments .input-contact {
         width: 100%;
     }
 }

 @media screen and (max-width: 1360px) {
     .page-404 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .page-404 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .page-404 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .page-404 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .page-404 .who_we_are .weare {
         padding-left: 100px;
     }
     .page-404 .sile1 .we_are {
         padding-right: 30px;
     }
     .page-404 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-404 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .page-404 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .page-404 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .page-404 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .page-404 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .page-404 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .page-404 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .page-404 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-404 .team {
         padding: 50px 0;
     }
     .page-404 .unlimited {
         padding-bottom: 50px;
     }
     .page-404 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .page-404 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .page-404 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .page-404 .servic .development {
         border: none;
     }
     .page-404 .servic .appdevelopment {
         border: none;
     }
     .page-404 .servic .marketing {
         border: none;
     }
     .page-404 .servic .design {
         border: none;
     }
     .page-404 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .page-404 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .page-404 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .page-404 .sile1 .we_are {
         padding-right: 10px;
     }
     .page-404 .porfolio .blanc {
         padding-right: 0;
     }
     .page-404 .porfolio .mock {
         padding-left: 0;
     }
     .page-404 .what1 .js-click-product {
         height: 120px;
     }
     .page-404 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .page-404 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .page-404 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .page-404 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .page-404 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .page-404 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .page-404 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .page-404 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .page-404 .pricing-table {
         padding-top: 100px;
     }
     .page-404 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .page-404 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .page-404 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .page-404 .sile1 {
         width: 100%;
     }
     .page-404 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .page-404 .servic .creation {
         padding-top: 19px;
     }
     .page-404 .servic .design {
         padding: 15px;
     }
     .page-404 .servic .appdevelopment {
         padding: 15px;
     }
     .page-404 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .page-404 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .page-404 .pricing-table {
         padding-top: 50px;
     }
     .page-404 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .page-404 .servic .col-md-12 p {
         font-size: 24px;
     }
     .page-404 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-404 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .page-404 .what1 .main-img .slick-slide {
         display: none;
     }
     .page-404 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .page-404 .porfolio .blanc img {
         width: 100%;
     }
     .page-404 .sile1 {
         width: 97%;
     }
     .page-404 .servic .col-md-4 {
         padding-left: 15px;
     }
     .page-404 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .page-404 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .page-404 .slick-slider .slick-track {
         width: 250px;
     }
     .page-404 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .page-404 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .page-404 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .page-404 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .page-404 .pull-right {
     cursor: pointer;
 }

 .page-404 * {
     outline: none !important;
 }

 .page-404 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .page-404 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .page-404 .create {
         padding: 117px 30px;
     }
     .page-404 .careate .carea .cust {
         padding: 15px 10px;
     }
     .page-404 .carea {
         padding: 40px 80px;
     }
     .page-404 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .page-404 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .page-404 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .page-404 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .page-404 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .page-404 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .page-404 .affixx .navba {
         padding-left: 5px;
     }
     .page-404 .phone_top {
         padding-right: 5px;
     }
     .page-404 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .page-404 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .page-404 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-404 .feedback .feeb {
         font-size: 200px;
     }
     .page-404 .affixx .navba {
         padding-left: 15px;
     }
     .page-404 .phone_top {
         padding-right: 15px;
     }
     .page-404 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .page-404 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .page-404 .we_are {
         padding: 0 50px;
     }
     .page-404 .careate .carea .cust {
         padding: 10px 10px;
     }
     .page-404 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .page-404 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .page-404 .cust h1 {
         padding-bottom: 0;
     }
     .page-404 .cust p {
         line-height: 150%;
     }
     .page-404 .button_see {
         margin-top: 27px;
     }
     .page-404 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .page-404 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .page-404 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .page-404 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .page-404 .footer .full-container {
         padding: 0 15px;
     }
     .page-404 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .page-404 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-404 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-404 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .page-404 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .page-404 .contacts .contact {
         padding: 20px 0;
     }
     .page-404 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .page-404 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .page-404 .phone_top {
         padding-top: 0;
     }
     .page-404 .phone_top .pull-right {
         padding: 5px;
     }
     .page-404 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .page-404 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .page-404 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .page-404 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .page-404 .affixx {
         padding-bottom: 10px !important;
     }
     .page-404 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .page-404 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .page-404 .header-lap {
         display: none;
     }
     .page-404 .header-mobi {
         display: block;
     }
     .page-404 .feedback {
         padding-bottom: 50px;
     }
     .page-404 .cust h1 {
         font-size: 30px;
     }
     .page-404 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .page-404 .all-pro span {
         margin-right: 5px;
     }
     .page-404 .phone_top span {
         display: none;
     }
     .page-404 .phone_top .phonee {
         display: none;
     }
     .page-404 .who_we_are {
         padding: 50px 0;
     }
     .page-404 .blog {
         padding: 50px 0;
     }
     .page-404 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .page-404 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .page-404 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .page-404 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .page-404 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .page-404 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .page-404 .feedback .feeb {
         font-size: 130px;
     }
     .page-404 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .page-404 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .page-404 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .page-404 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .page-404 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .page-404 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .page-404 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .page-404 .links ul {
         -webkit-padding-start: 0px;
     }
     .page-404 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .page-404 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .page-404 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .page-404 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .page-404 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .page-404 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .page-404 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .page-404 .servic {
         padding-top: 50px;
     }
     .page-404 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .page-404 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .page-404 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .page-404 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .page-404 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .page-404 .row_top div p {
         line-height: 170%;
     }
     .page-404 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .page-404 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .page-404 .slide_main .test {
         padding-top: 100px;
     }
     .page-404 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .page-404 .servic .col-md-4 {
         width: 50%;
     }
     .page-404 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .page-404 .blog .col-md-4 {
         width: 33.33333%;
     }
     .page-404 .button_see {
         margin-top: 10px;
     }
     .page-404 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .page-404 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .page-404 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .page-404 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .page-404 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .page-404 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .page-404 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .page-404 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .page-404 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .page-404 * h1 {
         font-size: 36px !important;
     }
     .page-404 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .page-404 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .page-404 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .page-404 .feedback .feeb {
         font-size: 100px;
     }
     .page-404 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .page-404 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .page-404 .who_we_are .who_are p {
         font-size: 14px;
     }
     .page-404 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .page-404 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .page-404 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .page-404 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .page-404 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .page-404 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .page-404 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .page-404 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .page-404 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .page-404 .porfolio {
         padding: 50px 0px;
     }
     .page-404 .button-proje {
         width: 210px;
     }
     .page-404 .video .row_video .video1>p {
         font-size: 24px;
     }
     .page-404 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .page-404 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .page-404 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .footer #googlemap1 {
         height: 400px;
     }
     .page-404 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .page-404 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-404 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .page-404 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .page-404 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .page-404 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .page-404 .side .navbar .list-group-item button {
         top: 0;
     }
     .page-404 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .page-404 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .page-404 .base {
         margin-left: 0 !important;
     }
     .page-404 .baseright {
         margin-left: 0 !important;
     }
     .page-404 .sile1 {
         top: 60%;
     }
     .page-404 .affixx {
         background: #333 !important;
     }
     .page-404 .affixx {
         padding-top: 20px !important;
     }
     .page-404 .feedback .feeb {
         font-size: 70px;
     }
     .page-404 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .page-404 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .page-404 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .page-404 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .page-404 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .page-404 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .page-404 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .page-404 .servic .col-md-12 p {
         font-size: 24px;
     }
     .page-404 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .page-404 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .page-404 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .page-404 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .page-404 .button_see {
         margin-top: 0;
     }
     .page-404 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .page-404 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .page-404 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .page-404 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .page-404 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .page-404 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .page-404 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .page-404 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .page-404 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .page-404 * h1 {
         font-size: 24px !important;
     }
     .page-404 .affixx {
         position: inherit !important;
     }
     .page-404 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-404 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .page-404 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .page-404 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .page-404 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .page-404 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .page-404 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .page-404 .feedback .feeb {
         letter-spacing: 6px;
     }
     .page-404 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .page-404 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .page-404 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .page-404 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .page-404 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .page-404 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .page-404 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .page-404 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .page-404 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .page-404 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .page-404 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .page-404 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .page-404 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .page-404 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .page-404 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .page-404 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .page-404 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .page-404 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .page-404 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .page-404 .servic .identity {
         padding-top: 20px;
     }
     .page-404 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .page-404 .porfolio .nav_main {
         float: left;
     }
     .page-404 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .page-404 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .page-404 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .page-404 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .page-404 .who_we_are .weare {
         padding-left: 50px;
     }
     .page-404 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .page-404 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .page-404 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .page-404 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .page-404 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .page-404 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .page-404 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .page-404 .video-skills .skills {
         padding: 0 15px;
     }
     .page-404 .contacts .contact p {
         font-size: 24px;
     }
     .page-404 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-404 .about .about-we h1 {
         font-size: 40px;
     }
     .page-404 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .page-404 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .page-404 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-404 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .page-404 .cooperate .logo-brand img {
         width: 100%;
     }
     .page-404 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .page-404 .cooperate {
         padding-top: 50px;
     }
     .page-404 .talk-to .row {
         padding: 50px 0;
     }
     .page-404 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .page-404 .sile1 .we_are {
         padding-right: 0;
     }
     .page-404 .about {
         top: 0;
         padding: 30px 0;
     }
     .page-404 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .page-404 .about .about-we {
         padding-left: 30px;
     }
     .page-404 .about .corem-ipsum {
         padding-right: 30px;
     }
     .page-404 .about .corem-ipsum p {
         line-height: 150%;
     }
     .page-404 .contacts .contact {
         text-align: center;
     }
     .page-404 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .page-404 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .page-404 .video-skills .video {
         padding-left: 15px;
     }
     .page-404 .video-skills {
         padding-bottom: 50px;
     }
     .page-404 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .page-404 .contacts .contact p .circle img {
         width: 8%;
     }
     .page-404 .contacts .contact p {
         font-size: 20px;
     }
     .page-404 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .page-404 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .page-404 .about .corem-ipsum {
         padding-left: 30px;
     }
     .page-404 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .page-404 .cooperate .logo-brand {
         text-align: center;
     }
     .page-404 .cooperate .logo-brand img {
         width: initial;
     }
     .page-404 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .page-404 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .page-404 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .page-404 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-404 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .page-404 .button1 .vuong {
         background: transparent !important;
     }
     .page-404 .button1 span {
         background: #fff !important;
     }
     .page-404 .phone_top .pull-right i {
         color: #fff !important;
     }
     .page-404 .sile1 {
         width: 65%;
     }
     .page-404 .about .corem-ipsum p {
         font-size: 14px;
     }
     .page-404 .case-center .case-studies p {
         font-size: 14px;
     }
     .page-404 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .slick-dots {
         bottom: -50px !important;
     }
     .page-404 .cooperate {
         padding-top: 50px;
     }
     .page-404 .who_we_are .weare {
         padding-bottom: 0;
     }
     .page-404 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .page-404 .button-contact button {
         height: 40px;
     }
     .page-404 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .page-404 .cooperate .logo-brand img {
         width: 100%;
     }
     .page-404 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .page-404 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .page-404 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .talk-to .input-contact input {
         font-size: 14px;
     }
     .page-404 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-404 .servic .col-md-4 {
         padding-left: 30px;
     }
     .page-404 .button1 .vuong {
         background: transparent !important;
     }
     .page-404 .button1 span {
         background: #fff !important;
     }
     .page-404 .phone_top .pull-right i {
         color: #fff !important;
     }
     .page-404 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .page-404 .sile1 {
         width: 95%;
         left: 5%;
     }
     .page-404 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .page-404 .cooperate .logo-brand img {
         width: initial;
     }
     .page-404 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .page-404 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .page-404 .cases .read-mode {
         width: 100%;
     }
     .page-404 .row_top {
         width: 100%;
     }
     .page-404 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .page-404 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .page-404 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .page-404 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .page-404 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .page-404 .contacts .contact p {
         font-size: 24px;
     }
     .page-404 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-404 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .page-404 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .page-404 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .page-404 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-404 .testimonials-img img {
         width: 100%;
     }
     .page-404 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .page-404 .cooperate {
         padding-top: 50px;
     }
     .page-404 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .page-404 .contacts .contact {
         text-align: center;
     }
     .page-404 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .page-404 .testimonials {
         padding-bottom: 50px;
     }
     .page-404 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .page-404 .contacts .contact p .circle img {
         width: 8%;
     }
     .page-404 .contacts .contact p {
         font-size: 20px;
     }
     .page-404 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .page-404 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-404 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .page-404 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .page-404 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .page-404 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-404 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-404 .gallery .col-md-4 {
         width: 100%;
     }
     .page-404 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .page-404 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .page-404 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .page-404 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .page-404 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-404 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .page-404 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .page-404 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .page-404 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .page-404 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .page-404 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-404 .affixx {
         padding-top: 15px !important;
     }
     .page-404 .pull-right {
         padding-top: 5px;
     }
     .page-404 .layer {
         padding-top: 0px;
     }
     .page-404 .pull-right {
         padding: 5px 0;
     }
     .page-404 .page-404 {
         padding-top: 50px 15px;
     }
     .page-404 .affixx .sidenav {
         padding-right: 15px;
     }
     .page-404 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .page-404 .careate img {
         width: 100%;
     }
     .page-404 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .page-404 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-404 .layer {
         padding-top: 62px;
     }
     .page-404 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .page-404 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .page-404 .container_header {
         top: 75%;
     }
     .page-404 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .page-404 .container_header .breadcrumb .active {
         width: auto;
     }
     .page-404 .blog .pagination li .prev {
         width: 80px;
     }
     .page-404 .container_header h1 {
         padding-bottom: 0;
     }
 }

 .about-1 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .about-1 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
     overflow: visible !important;
 }

 .about-1 .compensate-for-scrollbar {
     margin-right: 0 !important;
 }

 .about-1 * {
     outline: 0 !important;
     box-sizing: border-box;
 }

 .about-1 .sidenav a:hover {
     color: #b6aeae;
 }

 .about-1 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .about-1 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .about-1 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .about-1 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-1 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .about-1 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .about-1 .button_rea:hover {
     opacity: 0.7;
 }

 .about-1 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .about-1 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-1 .layer {
     position: relative;
 }

 .about-1 .layer img {
     width: 100%;
 }

 .about-1 .affix {
     z-index: 1;
     width: 100%;
 }

 .about-1 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .about-1 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .about-1 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .about-1 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .about-1 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .about-1 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .about-1 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .about-1 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .about-1 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .about-1 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .about-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .about-1 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .about-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .about-1 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .about-1 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .about-1 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .about-1 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .about-1 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .about-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .about-1 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .about-1 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .about-1 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .about-1 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .about-1 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .about-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .about-1 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .about-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .about-1 .header-mobi {
     display: none;
 }

 .about-1 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .about-1 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .about-1 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .about-1 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .about-1 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     transition: all 0.4s;
     overflow: visible;
     top: 103%;
 }

 .about-1 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .about-1 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .about-1 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .about-1 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .about-1 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .about-1 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .about-1 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .about-1 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .about-1 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .about-1 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .about-1 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .about-1 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .about-1 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-1 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-1 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-1 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .about-1 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .about-1 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .about-1 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .about-1 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .about-1 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .about-1 .sidenav a:hover {
     color: #f1f1f1;
 }

 .about-1 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .about-1 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .about-1 .child2 {
     margin: 5px 0;
 }

 .about-1 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .about-1 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .about-1 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .about-1 .container_header .breadcrumb {
     background: transparent;
 }

 .about-1 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .about-1 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .about-1 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .about-1 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .about-1 .testimonials-design {
     text-align: center;
     padding-top: 150px;
     padding-bottom: 150px;
 }

 .about-1 .testimonials-design .p {
     font-weight: 700;
     font-size: 30px;
     font-family: roboto condensed;
     padding-bottom: 10px;
     color: #333;
     margin-left: 65px;
     margin-right: 65px;
     padding-left: 31%;
     padding-right: 31%;
 }

 .about-1 .testimonials-design .p .file {
     background-image: url(../img/file.png);
     height: 26px;
     width: 33px;
     display: inline-block;
     margin-right: 20px;
     margin-left: -50px;
 }

 .about-1 .testimonials-design .pp {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding-left: 31%;
     padding-right: 31%;
 }

 .about-1 .testimonials-design .chuky {
     background-image: url(../img/chuky.png);
     height: 23px;
     width: 205px;
     display: inline-block;
     margin-top: 55px;
 }

 .about-1 .careate {
     background: #f2f2f2;
     position: relative;
 }

 .about-1 .careate img {
     width: 50%;
 }

 .about-1 .careate .carea {
     position: absolute;
     top: 0;
     width: 50%;
     right: 0;
     bottom: 0;
     padding: 80px;
 }

 .about-1 .careate .carea .cust {
     padding: 140px 100px;
 }

 .about-1 .careate .carea .cust h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 20px;
     color: #333;
 }

 .about-1 .careate .carea .cust p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
 }

 .about-1 .careate .carea .cust h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
     text-transform: uppercase;
 }

 .about-1 .cuter {
     border-bottom: 1px solid #ebebeb;
 }

 .about-1 .cuter .counter {
     padding: 90px 0;
 }

 .about-1 .cuter .counter .counter1 {
     margin-left: 0;
     margin-right: 0;
 }

 .about-1 .cuter .counter .counter1 .col-md-3 p {
     font-size: 14px;
     font-family: roboto condensed;
     color: #909090;
     letter-spacing: 1px;
 }

 .about-1 .cuter .counter .counter1 .col-md-3 .counte {
     font-weight: 700;
     font-size: 40px;
     font-family: roboto condensed;
 }

 .about-1 .cuter .counter .counter1 .col-md-3 span {
     height: 30px;
     border-left: 1px solid #fa6c54;
 }

 .about-1 .who_we_are {
     margin-right: 0;
     margin-left: 0;
 }

 .about-1 .who_we_are .weare {
     padding-left: 280px;
     padding-right: 85px;
 }

 .about-1 .who_we_are .weare h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .about-1 .who_we_are .weare h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 20px;
     padding-top: 20px;
 }

 .about-1 .who_we_are .weare p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .about-1 .who_we_are .weare .bar .skills_bar {
     width: 100%;
     background-color: #909090;
 }

 .about-1 .who_we_are .weare .bar .skills_bar .html {
     width: 92%;
     background-color: #fc6a55;
     height: 5px;
 }

 .about-1 .who_we_are .weare .bar .skills_bar .html1 {
     width: 80%;
     background-color: #fc6a55;
     height: 5px;
 }

 .about-1 .who_we_are .weare .bar .skills_bar .html2 {
     width: 70%;
     background-color: #fc6a55;
     height: 5px;
 }

 .about-1 .who_we_are .weare .bar p {
     font-size: 16px;
     font-weight: 400;
     font-family: roboto condensed;
     line-height: 185%;
     color: #909090;
     padding-top: 20px;
     padding-bottom: 40px;
 }

 .about-1 .who_we_are .weare .bar p span {
     float: right;
 }

 .about-1 .who_we_are .col-md-6 .detop img {
     width: 100%;
 }

 .about-1 .unlimited {
     padding-bottom: 150px;
     text-align: center;
     margin-right: 0;
     margin-left: 0;
 }

 .about-1 .unlimited .website {
     background: #f2f2f2;
     padding: 130px 85px 101px 85px;
 }

 .about-1 .unlimited .website span {
     background-image: url(../img/Shape-1.png);
     height: 64px;
     width: 30px;
     display: inline-block;
 }

 .about-1 .unlimited .website h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .about-1 .unlimited .website p {
     font-size: 16px;
     font-weight: 400;
     color: #909090;
     line-height: 185%;
 }

 .about-1 .unlimited .customer {
     background: #fc6a55;
     color: #fff;
     padding: 130px 85px 103px 85px;
 }

 .about-1 .unlimited .customer span {
     background-image: url(../img/Shape-44.png);
     height: 47px;
     width: 67px;
     display: inline-block;
     margin-top: 15px;
 }

 .about-1 .unlimited .customer h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .about-1 .unlimited .customer p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
 }

 .about-1 .unlimited .development {
     background: #333333;
     color: #fff;
     padding: 130px 85px 103px 85px;
 }

 .about-1 .unlimited .development span {
     background-image: url(../img/Shape-33.png);
     height: 62px;
     width: 62px;
     display: inline-block;
 }

 .about-1 .unlimited .development h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .about-1 .unlimited .development p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
 }

 .about-1 .unlimited .branding {
     background: #000000;
     color: #fff;
     padding: 130px 85px 106px 85px;
 }

 .about-1 .unlimited .branding span {
     background-image: url(../img/Shape-22.png);
     height: 59px;
     width: 66px;
     display: inline-block;
 }

 .about-1 .unlimited .branding h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .about-1 .unlimited .branding p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
 }

 .about-1 .who_we_are {
     padding: 150px 0;
 }

 .about-1 .who_we_are .who_are {
     padding-bottom: 50px;
     text-align: center;
 }

 .about-1 .who_we_are .who_are h5 {
     font-weight: 700;
     letter-spacing: 1px;
     color: #909090;
     font-family: roboto condensed;
 }

 .about-1 .who_we_are .who_are h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 20px;
     letter-spacing: 2px;
 }

 .about-1 .who_we_are .who_are p {
     font-size: 16px;
     color: #909090;
 }

 .about-1 .who_we_are .we_01 {
     padding: 0 50px;
 }

 .about-1 .who_we_are .we_01 span {
     color: #fc6a55;
 }

 .about-1 .who_we_are .we_01 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
     padding-bottom: 20px;
 }

 .about-1 .who_we_are .we_01 p {
     font-size: 16px;
     color: #909090;
     line-height: 180%;
 }

 .about-1 .video {
     text-align: center;
     position: relative;
 }

 .about-1 .video .layer2 img {
     width: 100%;
 }

 .about-1 .video .row_video {
     position: absolute;
     width: 100%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .about-1 .video .row_video .video1 p {
     font-size: 50px;
     font-weight: 700;
     color: #fff;
     font-family: roboto condensed;
     padding-bottom: 10px;
     padding-top: 60px;
 }

 .about-1 .video .row_video .video1 .button_play {
     border-radius: 50%;
     background: #858688;
     width: 85px;
     height: 85px;
     display: inline-block;
     border: none;
     transition: all .4s;
     color: #fff;
     text-decoration: none !important;
 }

 .about-1 .video .row_video .video1 .button_play i {
     font-size: 18px;
     color: #fff;
     display: inline-block;
     padding: 38%;
 }

 .about-1 .video .row_video .video1 .button_play:hover {
     opacity: .7;
 }

 .about-1 .cooperate {
     padding-top: 150px;
     padding-bottom: 50px;
 }

 .about-1 .cooperate .brand h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .about-1 .cooperate .brand h1 {
     font-size: 50px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .about-1 .cooperate .brand p {
     font-size: 16px;
     color: #909090;
     line-height: 190%;
     padding-top: 20px;
 }

 .about-1 .cooperate .logo-brand img {
     padding-top: 0px;
     padding-bottom: 100px;
 }

 .about-1 .cooperate .logo-brand .logo-design img {
     padding-bottom: 50px;
 }

 .about-1 .cooperate .logo-brand .logo-suns img {
     padding-top: 25px;
 }

 .about-1 .cooperate .logo-brand .logo-class img {
     padding-top: 25px;
 }

 .about-1 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .about-1 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .about-1 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .about-1 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .about-1 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .about-1 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-1 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-1 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-1 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .about-1 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .about-1 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .about-1 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-1 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .about-1 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .about-1 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .about-1 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .about-1 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .about-1 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-1 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .about-1 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .about-1 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .about-1 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .about-1 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .about-1 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-1 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .about-1 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .about-1 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .about-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .about-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .about-1 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .about-1 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .about-1 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .about-1 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .about-1 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .about-1 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .about-1 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .about-1 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .about-1 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .about-1 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1680px) {
     .about-1 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .about-1 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .about-1 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .about-1 .who_we_are .weare {
         padding-left: 50px;
     }
     .about-1 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .about-1 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-1 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .about-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .about-1 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .about-1 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .about-1 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .about-1 .video-skills .skills {
         padding: 0 15px;
     }
     .about-1 .contacts .contact p {
         font-size: 24px;
     }
     .about-1 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-1 .about .about-we h1 {
         font-size: 40px;
     }
     .about-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .about-1 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .about-1 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-1 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .about-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .about-1 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .about-1 .cooperate {
         padding-top: 50px;
     }
     .about-1 .talk-to .row {
         padding: 50px 0;
     }
     .about-1 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .about-1 .sile1 .we_are {
         padding-right: 0;
     }
     .about-1 .about {
         top: 0;
         padding: 30px 0;
     }
     .about-1 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .about-1 .about .about-we {
         padding-left: 30px;
     }
     .about-1 .about .corem-ipsum {
         padding-right: 30px;
     }
     .about-1 .about .corem-ipsum p {
         line-height: 150%;
     }
     .about-1 .contacts .contact {
         text-align: center;
     }
     .about-1 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .about-1 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .about-1 .video-skills .video {
         padding-left: 15px;
     }
     .about-1 .video-skills {
         padding-bottom: 50px;
     }
     .about-1 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .about-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .about-1 .contacts .contact p {
         font-size: 20px;
     }
     .about-1 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .about-1 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .about-1 .about .corem-ipsum {
         padding-left: 30px;
     }
     .about-1 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .about-1 .cooperate .logo-brand {
         text-align: center;
     }
     .about-1 .cooperate .logo-brand img {
         width: initial;
     }
     .about-1 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-1 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .about-1 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .about-1 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-1 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .about-1 .button1 .vuong {
         background: transparent !important;
     }
     .about-1 .button1 span {
         background: #fff !important;
     }
     .about-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .about-1 .sile1 {
         width: 65%;
     }
     .about-1 .about .corem-ipsum p {
         font-size: 14px;
     }
     .about-1 .case-center .case-studies p {
         font-size: 14px;
     }
     .about-1 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .slick-dots {
         bottom: -50px !important;
     }
     .about-1 .cooperate {
         padding-top: 50px;
     }
     .about-1 .who_we_are .weare {
         padding-bottom: 0;
     }
     .about-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .about-1 .button-contact button {
         height: 40px;
     }
     .about-1 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .about-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .about-1 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .about-1 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .about-1 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .talk-to .input-contact input {
         font-size: 14px;
     }
     .about-1 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-1 .servic .col-md-4 {
         padding-left: 30px;
     }
     .about-1 .button1 .vuong {
         background: transparent !important;
     }
     .about-1 .button1 span {
         background: #fff !important;
     }
     .about-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .about-1 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .about-1 .sile1 {
         width: 95%;
         left: 5%;
     }
     .about-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .about-1 .cooperate .logo-brand img {
         width: initial;
     }
     .about-1 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .about-1 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .about-1 .cases .read-mode {
         width: 100%;
     }
     .about-1 .row_top {
         width: 100%;
     }
     .about-1 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .about-1 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .about-1 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1680px) {
     .about-1 .phone_top {
         padding-right: 80px;
     }
 }

 @media screen and (max-width: 1240px) {
     .about-1 .unlimited .col-md-3 {
         padding: 15px;
     }
     .about-1 .testimonials-design .p {
         padding-left: 17%;
         padding-right: 17%;
     }
     .about-1 .testimonials-design .pp {
         padding-left: 17%;
         padding-right: 17%;
     }
     .about-1 .group .easy-way ul li {
         padding: 10px 0;
         font-size: 14px;
     }
     .about-1 .easy-way {
         padding-left: 0;
         padding-right: 0;
     }
     .about-1 .easy-way ul {
         -webkit-padding-start: 10px;
     }
     .about-1 .group .easy-way p {
         font-size: 14px;
         padding-bottom: 10px;
     }
     .about-1 .group .easy-way h1 {
         font-size: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-1 .side .phone_top {
         display: block;
     }
     .about-1 .layer {
         padding-top: 0px;
     }
     .about-1 .group {
         padding-top: 50px;
     }
     .about-1 .testimonials-design {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-1 .unlimited {
         padding-top: 30px;
     }
     .about-1 .row_header5 .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .about-1 .row_header5 {
         padding-bottom: 10px;
         padding-top: 15px;
     }
     .about-1 .row_header5 .navba {
         padding-left: 15px;
     }
     .about-1 .phone_top {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-1 .unlimited .col-md-3 {
         padding-bottom: 50px;
     }
     .about-1 .unlimited .customer {
         padding-bottom: 55px;
     }
     .about-1 .group {
         padding-bottom: 100px;
     }
     .about-1 .our-recent {
         padding-bottom: 50px;
     }
     .about-1 .sile1 .we_are {
         padding-left: 15px;
     }
     .about-1 .porfo .porfolio {
         padding: 80px 15px;
     }
     .about-1 .testimonials-design .p {
         padding-left: 5%;
         padding-right: 5%;
     }
     .about-1 .testimonials-design .pp {
         padding-left: 5%;
         padding-right: 5%;
     }
     .about-1 .easy-way {
         padding-left: 15px;
         padding-right: 15px;
     }
     .about-1 br {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     .about-1 .blog .col-md-4 {
         width: 50%;
         text-align: left;
     }
     .about-1 .porfo .nav_main .nav-tabs {
         padding-left: 10px;
     }
     .about-1 .unlimited {
         padding-top: 50px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 680px) {
     .about-1 .blog .col-md-4 .blog_name a {
         font-size: 17px;
     }
     .about-1 .sile1 {
         width: 100%;
         left: 0;
     }
     .about-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (max-width: 568px) {
     .about-1 .sile1 {
         top: 50%;
     }
     .about-1 .layer {
         padding-top: 0;
     }
     .about-1 .unlimited .col-md-3 {
         width: 100%;
     }
     .about-1 .testimonials-design .p {
         font-size: 24px;
     }
     .about-1 .testimonials-design .pp {
         font-size: 14px;
     }
     .about-1 .blog .col-md-4 {
         width: 100%;
     }
     .about-1 .blog .blog_name {
         padding-bottom: 0;
     }
     .about-1 #googlemap1 {
         height: 300px;
     }
     .about-1 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .about-1 .testimonials-design .chuky {
         margin-top: 20px;
     }
     .about-1 .group .easy-way ul li span {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-1 .fixed-fluid {
         padding-top: 60px;
     }
     .about-1 .sile1 {
         left: 0;
         width: 100%;
     }
     .about-1 .row_header5 {
         padding-top: 20px;
     }
     .about-1 .affix {
         padding-top: 15px;
         padding-bottom: 10px;
     }
     .about-1 .testimonials-design .p .file {
         margin-left: 0;
     }
     .about-1 .testimonials-design .p {
         margin-left: 0;
         margin-right: 0;
     }
     .about-1 .group .group-img {
         padding-right: 125px;
     }
     .about-1 .img_porfolio .col-xs-6 {
         width: 100%;
     }
     .about-1 .porfolio .nav_main {
         margin-left: 0;
     }
     .about-1 .porfolio .col-md-8 {
         padding-right: 0;
     }
     .about-1 .porfolio .nav_main .nav-tabs .active {
         padding-bottom: 0;
     }
     .about-1 .porfolio .nav_main .nav-tabs li {
         padding-bottom: 1px;
     }
 }

 .about-1 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .about-1 .pull-right {
     cursor: pointer;
 }

 .about-1 * {
     outline: none !important;
 }

 .about-1 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .about-1 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .about-1 .create {
         padding: 117px 30px;
     }
     .about-1 .careate .carea .cust {
         padding: 15px 10px;
     }
     .about-1 .carea {
         padding: 40px 80px;
     }
     .about-1 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .about-1 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .about-1 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .about-1 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .about-1 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .about-1 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .about-1 .affixx .navba {
         padding-left: 5px;
     }
     .about-1 .phone_top {
         padding-right: 5px;
     }
     .about-1 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-1 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .about-1 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-1 .feedback .feeb {
         font-size: 200px;
     }
     .about-1 .affixx .navba {
         padding-left: 15px;
     }
     .about-1 .phone_top {
         padding-right: 15px;
     }
     .about-1 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .about-1 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .about-1 .we_are {
         padding: 0 50px;
     }
     .about-1 .careate .carea .cust {
         padding: 10px 10px;
     }
     .about-1 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .about-1 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .about-1 .cust h1 {
         padding-bottom: 0;
     }
     .about-1 .cust p {
         line-height: 150%;
     }
     .about-1 .button_see {
         margin-top: 27px;
     }
     .about-1 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .about-1 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .about-1 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .about-1 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .about-1 .footer .full-container {
         padding: 0 15px;
     }
     .about-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .about-1 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-1 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-1 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .about-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-1 .contacts .contact {
         padding: 20px 0;
     }
     .about-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .about-1 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .about-1 .phone_top {
         padding-top: 0;
     }
     .about-1 .phone_top .pull-right {
         padding: 5px;
     }
     .about-1 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .about-1 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .about-1 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .about-1 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .about-1 .affixx {
         padding-bottom: 10px !important;
     }
     .about-1 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .about-1 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .about-1 .header-lap {
         display: none;
     }
     .about-1 .header-mobi {
         display: block;
     }
     .about-1 .feedback {
         padding-bottom: 50px;
     }
     .about-1 .cust h1 {
         font-size: 30px;
     }
     .about-1 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .about-1 .all-pro span {
         margin-right: 5px;
     }
     .about-1 .phone_top span {
         display: none;
     }
     .about-1 .phone_top .phonee {
         display: none;
     }
     .about-1 .who_we_are {
         padding: 50px 0;
     }
     .about-1 .blog {
         padding: 50px 0;
     }
     .about-1 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .about-1 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-1 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .about-1 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .about-1 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .about-1 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .about-1 .feedback .feeb {
         font-size: 130px;
     }
     .about-1 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .about-1 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .about-1 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .about-1 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .about-1 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .about-1 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .about-1 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .about-1 .links ul {
         -webkit-padding-start: 0px;
     }
     .about-1 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .about-1 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .about-1 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .about-1 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .about-1 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .about-1 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .about-1 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .about-1 .servic {
         padding-top: 50px;
     }
     .about-1 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .about-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .about-1 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .about-1 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .about-1 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .about-1 .row_top div p {
         line-height: 170%;
     }
     .about-1 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .about-1 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .about-1 .slide_main .test {
         padding-top: 100px;
     }
     .about-1 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .about-1 .servic .col-md-4 {
         width: 50%;
     }
     .about-1 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .about-1 .blog .col-md-4 {
         width: 33.33333%;
     }
     .about-1 .button_see {
         margin-top: 10px;
     }
     .about-1 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .about-1 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .about-1 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .about-1 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .about-1 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .about-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .about-1 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .about-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .about-1 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .about-1 * h1 {
         font-size: 36px !important;
     }
     .about-1 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-1 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .about-1 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .about-1 .feedback .feeb {
         font-size: 100px;
     }
     .about-1 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .about-1 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .about-1 .who_we_are .who_are p {
         font-size: 14px;
     }
     .about-1 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .about-1 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .about-1 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .about-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .about-1 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .about-1 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .about-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .about-1 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .about-1 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .about-1 .porfolio {
         padding: 50px 0px;
     }
     .about-1 .button-proje {
         width: 210px;
     }
     .about-1 .video .row_video .video1>p {
         font-size: 24px;
     }
     .about-1 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .about-1 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .about-1 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .footer #googlemap1 {
         height: 400px;
     }
     .about-1 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .about-1 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-1 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .about-1 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .about-1 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .about-1 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .about-1 .side .navbar .list-group-item button {
         top: 0;
     }
     .about-1 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .about-1 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .about-1 .base {
         margin-left: 0 !important;
     }
     .about-1 .baseright {
         margin-left: 0 !important;
     }
     .about-1 .sile1 {
         top: 60%;
     }
     .about-1 .affixx {
         background: #333 !important;
     }
     .about-1 .affixx {
         padding-top: 20px !important;
     }
     .about-1 .feedback .feeb {
         font-size: 70px;
     }
     .about-1 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .about-1 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .about-1 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .about-1 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .about-1 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .about-1 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .about-1 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .about-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .about-1 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .about-1 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .about-1 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .about-1 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .about-1 .button_see {
         margin-top: 0;
     }
     .about-1 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .about-1 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .about-1 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .about-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-1 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .about-1 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .about-1 * h1 {
         font-size: 24px !important;
     }
     .about-1 .affixx {
         position: inherit !important;
     }
     .about-1 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-1 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .about-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .about-1 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .about-1 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .about-1 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .about-1 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .about-1 .feedback .feeb {
         letter-spacing: 6px;
     }
     .about-1 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .about-1 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .about-1 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .about-1 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .about-1 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .about-1 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .about-1 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .about-1 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .about-1 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .about-1 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .about-1 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .about-1 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .about-1 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .about-1 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .about-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-1 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .about-1 .servic .identity {
         padding-top: 20px;
     }
     .about-1 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .about-1 .porfolio .nav_main {
         float: left;
     }
     .about-1 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-1 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .about-1 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .about-1 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .about-1 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .about-1 .who_we_are .weare {
         padding-left: 100px;
     }
     .about-1 .sile1 .we_are {
         padding-right: 30px;
     }
     .about-1 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-1 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .about-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .about-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .about-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .about-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .about-1 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .about-1 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .about-1 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-1 .team {
         padding: 50px 0;
     }
     .about-1 .unlimited {
         padding-bottom: 50px;
     }
     .about-1 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-1 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .about-1 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .about-1 .servic .development {
         border: none;
     }
     .about-1 .servic .appdevelopment {
         border: none;
     }
     .about-1 .servic .marketing {
         border: none;
     }
     .about-1 .servic .design {
         border: none;
     }
     .about-1 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .about-1 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .about-1 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .about-1 .sile1 .we_are {
         padding-right: 10px;
     }
     .about-1 .porfolio .blanc {
         padding-right: 0;
     }
     .about-1 .porfolio .mock {
         padding-left: 0;
     }
     .about-1 .what1 .js-click-product {
         height: 120px;
     }
     .about-1 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .about-1 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .about-1 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .about-1 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .about-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-1 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .about-1 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-1 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-1 .pricing-table {
         padding-top: 100px;
     }
     .about-1 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .about-1 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-1 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .about-1 .sile1 {
         width: 100%;
     }
     .about-1 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .about-1 .servic .creation {
         padding-top: 19px;
     }
     .about-1 .servic .design {
         padding: 15px;
     }
     .about-1 .servic .appdevelopment {
         padding: 15px;
     }
     .about-1 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .about-1 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .about-1 .pricing-table {
         padding-top: 50px;
     }
     .about-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .about-1 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-1 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-1 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .about-1 .what1 .main-img .slick-slide {
         display: none;
     }
     .about-1 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .about-1 .porfolio .blanc img {
         width: 100%;
     }
     .about-1 .sile1 {
         width: 97%;
     }
     .about-1 .servic .col-md-4 {
         padding-left: 15px;
     }
     .about-1 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .about-1 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .about-1 .slick-slider .slick-track {
         width: 250px;
     }
     .about-1 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .about-1 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .about-1 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .about-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .about-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .about-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .about-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .about-1 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-1 .affixx {
         padding-top: 15px !important;
     }
     .about-1 .pull-right {
         padding-top: 5px;
     }
     .about-1 .layer {
         padding-top: 0px;
     }
     .about-1 .pull-right {
         padding: 5px 0;
     }
     .about-1 .page-404 {
         padding-top: 50px 15px;
     }
     .about-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .about-1 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-1 .careate img {
         width: 100%;
     }
     .about-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .about-1 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-1 .layer {
         padding-top: 62px;
     }
     .about-1 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .about-1 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .about-1 .container_header {
         top: 75%;
     }
     .about-1 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .about-1 .container_header .breadcrumb .active {
         width: auto;
     }
     .about-1 .blog .pagination li .prev {
         width: 80px;
     }
     .about-1 .container_header h1 {
         padding-bottom: 0;
     }
 }

 .about-2 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .about-2 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .about-2 * {
     box-sizing: border-box;
 }

 .about-2 .sidenav a:hover {
     color: #b6aeae;
 }

 .about-2 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .about-2 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .about-2 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .about-2 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-2 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .about-2 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .about-2 .button_rea:hover {
     opacity: 0.7;
 }

 .about-2 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .about-2 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-2 .layer {
     position: relative;
 }

 .about-2 .layer img {
     width: 100%;
 }

 .about-2 .affix {
     z-index: 1;
     width: 100%;
 }

 .about-2 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .about-2 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .about-2 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .about-2 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .about-2 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .about-2 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .about-2 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .about-2 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .about-2 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .about-2 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .about-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .about-2 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .about-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .about-2 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .about-2 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .about-2 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .about-2 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .about-2 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .about-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .about-2 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .about-2 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .about-2 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .about-2 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .about-2 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .about-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .about-2 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .about-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .about-2 .header-mobi {
     display: none;
 }

 .about-2 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .about-2 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .about-2 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .about-2 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .about-2 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .about-2 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .about-2 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .about-2 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .about-2 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .about-2 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .about-2 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .about-2 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .about-2 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .about-2 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .about-2 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .about-2 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .about-2 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .about-2 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-2 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-2 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-2 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .about-2 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .about-2 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .about-2 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .about-2 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .about-2 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .about-2 .sidenav a:hover {
     color: #f1f1f1;
 }

 .about-2 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .about-2 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .about-2 .child2 {
     margin: 5px 0;
 }

 .about-2 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .about-2 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .about-2 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .about-2 .container_header .breadcrumb {
     background: transparent;
 }

 .about-2 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .about-2 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .about-2 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .about-2 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .about-2 .contacts {
     background: #fc6a55;
 }

 .about-2 .contacts .contact {
     padding-bottom: 40px;
     padding-top: 50px;
 }

 .about-2 .contacts .contact p {
     font-size: 30px;
     font-family: roboto condensed;
     color: #fff;
 }

 .about-2 .contacts .contact p .circle {
     padding-right: 20px;
 }

 .about-2 .button_see_contact {
     padding-left: 20px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .about-2 .button_see_contact span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .about-2 .button_see_contact:hover {
     color: #f2f2f2;
 }

 .about-2 .button_see_contact:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-2 .cooperate {
     padding-top: 150px;
     padding-bottom: 50px;
 }

 .about-2 .cooperate .brand h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .about-2 .cooperate .brand h1 {
     font-size: 50px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .about-2 .cooperate .brand p {
     font-size: 16px;
     color: #909090;
     line-height: 190%;
     padding-top: 20px;
 }

 .about-2 .cooperate .logo-brand img {
     padding-top: 0px;
     padding-bottom: 100px;
 }

 .about-2 .cooperate .logo-brand .logo-design img {
     padding-bottom: 50px;
 }

 .about-2 .cooperate .logo-brand .logo-suns img {
     padding-top: 25px;
 }

 .about-2 .cooperate .logo-brand .logo-class img {
     padding-top: 25px;
 }

 .about-2 .careate {
     position: relative;
 }

 .about-2 .careate img {
     width: 100%;
 }

 .about-2 .careate .carea {
     position: absolute;
     top: 0;
     width: 50%;
     right: 0;
     bottom: 0;
     padding: 80px;
 }

 .about-2 .careate .carea .cust {
     background: #202737;
     padding: 140px 100px;
 }

 .about-2 .careate .carea .cust h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 20px;
     color: #fff;
 }

 .about-2 .careate .carea .cust p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
 }

 .about-2 .careate .carea .cust h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
     text-transform: uppercase;
 }

 .about-2 .feedback {
     position: relative;
     text-align: center;
     border-bottom: 1px solid #ebebeb;
     padding-bottom: 150px;
 }

 .about-2 .feedback .feeb {
     font-size: 350px;
     text-align: center;
     font-family: roboto condensed;
     font-weight: 700;
     position: absolute;
     opacity: 0.1;
     color: #909090;
     padding-top: 225px;
     letter-spacing: 20px;
     width: 100%;
 }

 .about-2 .feedback .slide_main .test {
     text-align: center;
     padding-top: 140px;
 }

 .about-2 .feedback .slide_main .test h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
 }

 .about-2 .feedback .slide_main .test p {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-top: 10px;
     padding-bottom: 70px;
 }

 .about-2 .feedback .information .lazy {
     padding: 0 50px;
     margin: 0 80px !important;
 }

 .about-2 .feedback .information .lazy h3 {
     font-family: roboto condensed;
     line-height: 150%;
     padding-top: 20px;
 }

 .about-2 .feedback .information .lazy p {
     padding-top: 30px;
     font-weight: 700;
     font-family: roboto condensed;
     margin-bottom: 0;
 }

 .about-2 .feedback .information .lazy h5 {
     font-weight: 300;
     color: #909090;
     font-family: roboto;
 }

 .about-2 .feedback .slick-prev:before {
     content: url(../img/prev.png) !important;
 }

 .about-2 .feedback .slick-next:before {
     content: url(../img/next.png) !important;
 }

 .about-2 .slick-slide img {
     display: inline-block !important;
 }

 .about-2 .slick-slide {
     transition: all ease-in-out .3s;
     opacity: .2;
 }

 .about-2 .slick-active {
     opacity: .5;
 }

 .about-2 .slick-current {
     opacity: 1;
 }

 .about-2 .gallery {
     padding: 150px 0;
     text-align: center;
 }

 .about-2 .gallery .col-md-12 h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .about-2 .gallery .col-md-12 h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     padding-top: 10px;
 }

 .about-2 .gallery p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 60px;
 }

 .about-2 .gallery .col-md-4 {
     padding: 15px;
 }

 .about-2 .gallery .col-md-4 .gallery_img {
     position: relative;
     overflow: hidden;
 }

 .about-2 .gallery .col-md-4 .gallery_img:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .about-2 .gallery .col-md-4 .gallery_img img {
     width: 100%;
     transition: .4s;
     cursor: pointer;
 }

 .about-2 .our-cases {
     margin-left: 0;
     margin-right: 0;
     background: #333;
     text-align: center;
 }

 .about-2 .our-cases .col-md-4 {
     border-right: 1px solid #484848;
     padding: 110px 80px;
 }

 .about-2 .our-cases .col-md-4 p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 20px;
 }

 .about-2 .our-cases .col-md-4 h4 {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-bottom: 30px;
 }

 .about-2 .our-cases .col-md-4 span {
     width: 150px;
     border-bottom: 1px solid #fc6a55;
     display: inline-block;
 }

 .about-2 .testimonials {
     padding-top: 60px;
 }

 .about-2 .testimonials .col-md-pull-6 {
     padding-right: 0;
     padding-left: 0;
     padding-top: 100px;
 }

 .about-2 .testimonials .col-md-pull-6 strong {
     background-image: url(../img/file2.png);
     height: 45px;
     width: 55px;
     display: inline-block;
 }

 .about-2 .testimonials .col-md-pull-6 h2 {
     font-family: roboto condensed;
     padding-bottom: 70px;
 }

 .about-2 .testimonials .col-md-pull-6 p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 30px;
 }

 .about-2 .testimonials .col-md-pull-6 span {
     width: 100px;
     border-bottom: 1px solid #fc6a55;
     display: inline-block;
 }

 .about-2 .testimonials .col-md-pull-6 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .about-2 .testimonials .col-md-pull-6 h5 {
     color: #909090;
     font-size: 16px;
     font-weight: 300;
 }

 .about-2 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .about-2 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .about-2 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .about-2 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .about-2 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .about-2 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-2 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-2 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-2 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .about-2 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .about-2 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .about-2 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-2 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .about-2 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .about-2 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .about-2 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .about-2 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .about-2 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-2 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .about-2 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .about-2 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .about-2 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .about-2 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .about-2 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-2 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .about-2 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .about-2 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .about-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .about-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .about-2 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .about-2 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .about-2 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .about-2 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .about-2 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .about-2 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .about-2 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .about-2 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .about-2 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .about-2 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1680px) {
     .about-2 .phone_top {
         padding-right: 80px;
     }
 }

 @media screen and (max-width: 1240px) {
     .about-2 .unlimited .col-md-3 {
         padding: 15px;
     }
     .about-2 .testimonials-design .p {
         padding-left: 17%;
         padding-right: 17%;
     }
     .about-2 .testimonials-design .pp {
         padding-left: 17%;
         padding-right: 17%;
     }
     .about-2 .group .easy-way ul li {
         padding: 10px 0;
         font-size: 14px;
     }
     .about-2 .easy-way {
         padding-left: 0;
         padding-right: 0;
     }
     .about-2 .easy-way ul {
         -webkit-padding-start: 10px;
     }
     .about-2 .group .easy-way p {
         font-size: 14px;
         padding-bottom: 10px;
     }
     .about-2 .group .easy-way h1 {
         font-size: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-2 .side .phone_top {
         display: block;
     }
     .about-2 .layer {
         padding-top: 0px;
     }
     .about-2 .group {
         padding-top: 50px;
     }
     .about-2 .testimonials-design {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-2 .unlimited {
         padding-top: 30px;
     }
     .about-2 .row_header5 .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .about-2 .row_header5 {
         padding-bottom: 10px;
         padding-top: 15px;
     }
     .about-2 .row_header5 .navba {
         padding-left: 15px;
     }
     .about-2 .phone_top {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-2 .unlimited .col-md-3 {
         padding-bottom: 50px;
     }
     .about-2 .unlimited .customer {
         padding-bottom: 55px;
     }
     .about-2 .group {
         padding-bottom: 100px;
     }
     .about-2 .our-recent {
         padding-bottom: 50px;
     }
     .about-2 .sile1 .we_are {
         padding-left: 15px;
     }
     .about-2 .porfo .porfolio {
         padding: 80px 15px;
     }
     .about-2 .testimonials-design .p {
         padding-left: 5%;
         padding-right: 5%;
     }
     .about-2 .testimonials-design .pp {
         padding-left: 5%;
         padding-right: 5%;
     }
     .about-2 .easy-way {
         padding-left: 15px;
         padding-right: 15px;
     }
     .about-2 br {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     .about-2 .blog .col-md-4 {
         width: 50%;
         text-align: left;
     }
     .about-2 .porfo .nav_main .nav-tabs {
         padding-left: 10px;
     }
     .about-2 .unlimited {
         padding-top: 50px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 680px) {
     .about-2 .blog .col-md-4 .blog_name a {
         font-size: 17px;
     }
     .about-2 .sile1 {
         width: 100%;
         left: 0;
     }
     .about-2 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (max-width: 568px) {
     .about-2 .sile1 {
         top: 50%;
     }
     .about-2 .layer {
         padding-top: 0;
     }
     .about-2 .unlimited .col-md-3 {
         width: 100%;
     }
     .about-2 .testimonials-design .p {
         font-size: 24px;
     }
     .about-2 .testimonials-design .pp {
         font-size: 14px;
     }
     .about-2 .blog .col-md-4 {
         width: 100%;
     }
     .about-2 .blog .blog_name {
         padding-bottom: 0;
     }
     .about-2 #googlemap1 {
         height: 300px;
     }
     .about-2 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .about-2 .testimonials-design .chuky {
         margin-top: 20px;
     }
     .about-2 .group .easy-way ul li span {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-2 .fixed-fluid {
         padding-top: 60px;
     }
     .about-2 .sile1 {
         left: 0;
         width: 100%;
     }
     .about-2 .row_header5 {
         padding-top: 20px;
     }
     .about-2 .affix {
         padding-top: 15px;
         padding-bottom: 10px;
     }
     .about-2 .testimonials-design .p .file {
         margin-left: 0;
     }
     .about-2 .testimonials-design .p {
         margin-left: 0;
         margin-right: 0;
     }
     .about-2 .group .group-img {
         padding-right: 125px;
     }
     .about-2 .img_porfolio .col-xs-6 {
         width: 100%;
     }
     .about-2 .porfolio .nav_main {
         margin-left: 0;
     }
     .about-2 .porfolio .col-md-8 {
         padding-right: 0;
     }
     .about-2 .porfolio .nav_main .nav-tabs .active {
         padding-bottom: 0;
     }
     .about-2 .porfolio .nav_main .nav-tabs li {
         padding-bottom: 1px;
     }
 }

 .about-2 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .about-2 .pull-right {
     cursor: pointer;
 }

 .about-2 * {
     outline: none !important;
 }

 .about-2 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .about-2 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .about-2 .create {
         padding: 117px 30px;
     }
     .about-2 .careate .carea .cust {
         padding: 15px 10px;
     }
     .about-2 .carea {
         padding: 40px 80px;
     }
     .about-2 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .about-2 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .about-2 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .about-2 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .about-2 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .about-2 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .about-2 .affixx .navba {
         padding-left: 5px;
     }
     .about-2 .phone_top {
         padding-right: 5px;
     }
     .about-2 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-2 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .about-2 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-2 .feedback .feeb {
         font-size: 200px;
     }
     .about-2 .affixx .navba {
         padding-left: 15px;
     }
     .about-2 .phone_top {
         padding-right: 15px;
     }
     .about-2 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .about-2 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .about-2 .we_are {
         padding: 0 50px;
     }
     .about-2 .careate .carea .cust {
         padding: 10px 10px;
     }
     .about-2 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .about-2 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .about-2 .cust h1 {
         padding-bottom: 0;
     }
     .about-2 .cust p {
         line-height: 150%;
     }
     .about-2 .button_see {
         margin-top: 27px;
     }
     .about-2 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .about-2 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .about-2 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .about-2 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .about-2 .footer .full-container {
         padding: 0 15px;
     }
     .about-2 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .about-2 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-2 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-2 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .about-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-2 .contacts .contact {
         padding: 20px 0;
     }
     .about-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .about-2 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .about-2 .phone_top {
         padding-top: 0;
     }
     .about-2 .phone_top .pull-right {
         padding: 5px;
     }
     .about-2 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .about-2 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .about-2 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .about-2 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .about-2 .affixx {
         padding-bottom: 10px !important;
     }
     .about-2 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .about-2 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .about-2 .header-lap {
         display: none;
     }
     .about-2 .header-mobi {
         display: block;
     }
     .about-2 .feedback {
         padding-bottom: 50px;
     }
     .about-2 .cust h1 {
         font-size: 30px;
     }
     .about-2 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .about-2 .all-pro span {
         margin-right: 5px;
     }
     .about-2 .phone_top span {
         display: none;
     }
     .about-2 .phone_top .phonee {
         display: none;
     }
     .about-2 .who_we_are {
         padding: 50px 0;
     }
     .about-2 .blog {
         padding: 50px 0;
     }
     .about-2 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .about-2 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-2 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .about-2 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .about-2 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .about-2 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .about-2 .feedback .feeb {
         font-size: 130px;
     }
     .about-2 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .about-2 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .about-2 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .about-2 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .about-2 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .about-2 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .about-2 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .about-2 .links ul {
         -webkit-padding-start: 0px;
     }
     .about-2 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .about-2 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .about-2 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .about-2 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .about-2 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .about-2 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .about-2 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .about-2 .servic {
         padding-top: 50px;
     }
     .about-2 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .about-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .about-2 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .about-2 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .about-2 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .about-2 .row_top div p {
         line-height: 170%;
     }
     .about-2 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .about-2 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .about-2 .slide_main .test {
         padding-top: 100px;
     }
     .about-2 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .about-2 .servic .col-md-4 {
         width: 50%;
     }
     .about-2 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .about-2 .blog .col-md-4 {
         width: 33.33333%;
     }
     .about-2 .button_see {
         margin-top: 10px;
     }
     .about-2 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .about-2 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .about-2 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .about-2 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .about-2 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .about-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .about-2 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .about-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .about-2 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .about-2 * h1 {
         font-size: 36px !important;
     }
     .about-2 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-2 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .about-2 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .about-2 .feedback .feeb {
         font-size: 100px;
     }
     .about-2 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .about-2 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-2 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .about-2 .who_we_are .who_are p {
         font-size: 14px;
     }
     .about-2 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .about-2 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .about-2 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .about-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .about-2 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .about-2 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .about-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .about-2 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .about-2 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .about-2 .porfolio {
         padding: 50px 0px;
     }
     .about-2 .button-proje {
         width: 210px;
     }
     .about-2 .video .row_video .video1>p {
         font-size: 24px;
     }
     .about-2 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .about-2 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .about-2 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-2 .footer #googlemap1 {
         height: 400px;
     }
     .about-2 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .about-2 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-2 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .about-2 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .about-2 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .about-2 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .about-2 .side .navbar .list-group-item button {
         top: 0;
     }
     .about-2 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .about-2 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .about-2 .base {
         margin-left: 0 !important;
     }
     .about-2 .baseright {
         margin-left: 0 !important;
     }
     .about-2 .sile1 {
         top: 60%;
     }
     .about-2 .affixx {
         background: #333 !important;
     }
     .about-2 .affixx {
         padding-top: 20px !important;
     }
     .about-2 .feedback .feeb {
         font-size: 70px;
     }
     .about-2 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .about-2 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .about-2 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .about-2 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .about-2 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .about-2 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .about-2 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .about-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .about-2 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-2 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .about-2 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .about-2 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .about-2 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .about-2 .button_see {
         margin-top: 0;
     }
     .about-2 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .about-2 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .about-2 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .about-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-2 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .about-2 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .about-2 * h1 {
         font-size: 24px !important;
     }
     .about-2 .affixx {
         position: inherit !important;
     }
     .about-2 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-2 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .about-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .about-2 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .about-2 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .about-2 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .about-2 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .about-2 .feedback .feeb {
         letter-spacing: 6px;
     }
     .about-2 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .about-2 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .about-2 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .about-2 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .about-2 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .about-2 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .about-2 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .about-2 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .about-2 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .about-2 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .about-2 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .about-2 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .about-2 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .about-2 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .about-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-2 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .about-2 .servic .identity {
         padding-top: 20px;
     }
     .about-2 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .about-2 .porfolio .nav_main {
         float: left;
     }
     .about-2 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-2 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .about-2 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .about-2 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .about-2 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .about-2 .who_we_are .weare {
         padding-left: 100px;
     }
     .about-2 .sile1 .we_are {
         padding-right: 30px;
     }
     .about-2 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-2 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .about-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .about-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .about-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .about-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .about-2 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .about-2 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .about-2 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-2 .team {
         padding: 50px 0;
     }
     .about-2 .unlimited {
         padding-bottom: 50px;
     }
     .about-2 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-2 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .about-2 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .about-2 .servic .development {
         border: none;
     }
     .about-2 .servic .appdevelopment {
         border: none;
     }
     .about-2 .servic .marketing {
         border: none;
     }
     .about-2 .servic .design {
         border: none;
     }
     .about-2 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .about-2 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .about-2 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .about-2 .sile1 .we_are {
         padding-right: 10px;
     }
     .about-2 .porfolio .blanc {
         padding-right: 0;
     }
     .about-2 .porfolio .mock {
         padding-left: 0;
     }
     .about-2 .what1 .js-click-product {
         height: 120px;
     }
     .about-2 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .about-2 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .about-2 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .about-2 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .about-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-2 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .about-2 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-2 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-2 .pricing-table {
         padding-top: 100px;
     }
     .about-2 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .about-2 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-2 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .about-2 .sile1 {
         width: 100%;
     }
     .about-2 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .about-2 .servic .creation {
         padding-top: 19px;
     }
     .about-2 .servic .design {
         padding: 15px;
     }
     .about-2 .servic .appdevelopment {
         padding: 15px;
     }
     .about-2 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .about-2 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .about-2 .pricing-table {
         padding-top: 50px;
     }
     .about-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .about-2 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-2 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-2 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .about-2 .what1 .main-img .slick-slide {
         display: none;
     }
     .about-2 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .about-2 .porfolio .blanc img {
         width: 100%;
     }
     .about-2 .sile1 {
         width: 97%;
     }
     .about-2 .servic .col-md-4 {
         padding-left: 15px;
     }
     .about-2 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .about-2 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .about-2 .slick-slider .slick-track {
         width: 250px;
     }
     .about-2 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .about-2 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .about-2 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .about-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .about-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .about-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .about-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .about-2 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-2 .affixx {
         padding-top: 15px !important;
     }
     .about-2 .pull-right {
         padding-top: 5px;
     }
     .about-2 .layer {
         padding-top: 0px;
     }
     .about-2 .pull-right {
         padding: 5px 0;
     }
     .about-2 .page-404 {
         padding-top: 50px 15px;
     }
     .about-2 .affixx .sidenav {
         padding-right: 15px;
     }
     .about-2 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-2 .careate img {
         width: 100%;
     }
     .about-2 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .about-2 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-2 .layer {
         padding-top: 62px;
     }
     .about-2 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .about-2 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .about-2 .container_header {
         top: 75%;
     }
     .about-2 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .about-2 .container_header .breadcrumb .active {
         width: auto;
     }
     .about-2 .blog .pagination li .prev {
         width: 80px;
     }
     .about-2 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width: 1820px) {
     .about-2 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .about-2 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-2 .contacts .contact p {
         font-size: 24px;
     }
     .about-2 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-2 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .about-2 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .about-2 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .about-2 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-2 .testimonials-img img {
         width: 100%;
     }
     .about-2 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .about-2 .cooperate {
         padding-top: 50px;
     }
     .about-2 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-2 .contacts .contact {
         text-align: center;
     }
     .about-2 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .about-2 .testimonials {
         padding-bottom: 50px;
     }
     .about-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .about-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .about-2 .contacts .contact p {
         font-size: 20px;
     }
     .about-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .about-2 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .about-2 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-2 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .about-2 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .about-2 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-2 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-2 .gallery .col-md-4 {
         width: 100%;
     }
     .about-2 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .about-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .about-2 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .about-2 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .about-2 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 .about-3 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .about-3 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .about-3 * {
     box-sizing: border-box;
 }

 .about-3 .sidenav a:hover {
     color: #b6aeae;
 }

 .about-3 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .about-3 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .about-3 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .about-3 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-3 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .about-3 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .about-3 .button_rea:hover {
     opacity: 0.7;
 }

 .about-3 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .about-3 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-3 .layer {
     position: relative;
 }

 .about-3 .layer img {
     width: 100%;
 }

 .about-3 .affix {
     z-index: 1;
     width: 100%;
 }

 .about-3 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .about-3 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .about-3 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .about-3 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .about-3 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .about-3 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .about-3 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .about-3 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .about-3 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .about-3 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .about-3 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .about-3 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .about-3 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .about-3 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .about-3 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .about-3 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .about-3 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .about-3 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .about-3 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .about-3 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .about-3 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .about-3 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .about-3 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .about-3 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .about-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .about-3 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .about-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .about-3 .header-mobi {
     display: none;
 }

 .about-3 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .about-3 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .about-3 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .about-3 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .about-3 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .about-3 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .about-3 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .about-3 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .about-3 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .about-3 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .about-3 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .about-3 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .about-3 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .about-3 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .about-3 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .about-3 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .about-3 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .about-3 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-3 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-3 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-3 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .about-3 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .about-3 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .about-3 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .about-3 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .about-3 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .about-3 .sidenav a:hover {
     color: #f1f1f1;
 }

 .about-3 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .about-3 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .about-3 .pull-right {
     padding-top: 12px;
 }

 .about-3 .child2 {
     margin: 5px 0;
 }

 .about-3 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .about-3 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .about-3 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .about-3 .container_header .breadcrumb {
     background: transparent;
 }

 .about-3 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .about-3 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .about-3 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .about-3 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .about-3 .button_see_contact {
     padding-left: 20px;
     width: 150px;
     height: 60px;
     background: transparent;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .about-3 .button_see_contact span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .about-3 .button_see_contact:hover {
     color: #f2f2f2;
 }

 .about-3 .button_see_contact:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-3 .approach-mission-designers {
     margin-left: 0;
     margin-right: 0;
     padding-bottom: 100px;
 }

 .about-3 .approach-mission-designers .our-approach {
     background: #f2f2f2;
     padding: 100px 130px 100px 100px;
 }

 .about-3 .approach-mission-designers .our-approach h1 {
     font-size: 50px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
 }

 .about-3 .approach-mission-designers .our-approach p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
 }

 .about-3 .approach-mission-designers .our-mision {
     background: #333333;
     padding: 100px 80px;
 }

 .about-3 .approach-mission-designers .our-mision h1 {
     font-size: 50px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     color: #fff;
 }

 .about-3 .approach-mission-designers .our-mision p {
     font-size: 16px;
     line-height: 185%;
     color: #fff;
 }

 .about-3 .approach-mission-designers .we-are-designers {
     background: #fc6a55;
     padding: 100px 80px;
 }

 .about-3 .approach-mission-designers .we-are-designers h1 {
     font-size: 50px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 21px;
     color: #fff;
 }

 .about-3 .unlimited {
     padding-top: 150px;
     padding-bottom: 150px;
     background: #fff;
 }

 .about-3 .unlimited .welcome h5 {
     letter-spacing: 2px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #8f8f8f;
 }

 .about-3 .unlimited .welcome h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     color: #2b2b2b;
     padding-bottom: 10px;
 }

 .about-3 .unlimited .welcome p {
     font-size: 16px;
     font-weight: 400;
     color: #909090;
     line-height: 185%;
     padding-bottom: 60px;
 }

 .about-3 .unlimited .website span {
     background-image: url(../img/Shape-1.png);
     height: 64px;
     width: 30px;
     display: inline-block;
 }

 .about-3 .unlimited .website h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .about-3 .unlimited .website p {
     font-size: 16px;
     font-weight: 400;
     color: #909090;
     line-height: 185%;
 }

 .about-3 .unlimited .customer span {
     background-image: url(../img/Shape-4.png);
     height: 47px;
     width: 67px;
     display: inline-block;
     margin-top: 15px;
 }

 .about-3 .unlimited .customer h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .about-3 .unlimited .customer p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .about-3 .unlimited .development span {
     background-image: url(../img/Shape-3.png);
     height: 62px;
     width: 62px;
     display: inline-block;
 }

 .about-3 .unlimited .development h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .about-3 .unlimited .development p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .about-3 .unlimited .branding span {
     background-image: url(../img/Shape-2.png);
     height: 59px;
     width: 66px;
     display: inline-block;
 }

 .about-3 .unlimited .branding h4 {
     padding: 20px 0;
     font-weight: 700;
     font-size: 20px;
     font-family: roboto condensed;
 }

 .about-3 .unlimited .branding p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .about-3 .cuter {
     background: #333333;
 }

 .about-3 .cuter .counter {
     padding: 90px 0;
 }

 .about-3 .cuter .counter .counter1 {
     margin-left: 0;
     margin-right: 0;
 }

 .about-3 .cuter .counter .counter1 .col-md-3 p {
     font-size: 14px;
     font-family: roboto condensed;
     color: #fff;
     letter-spacing: 1px;
 }

 .about-3 .cuter .counter .counter1 .col-md-3 .counte {
     font-weight: 700;
     font-size: 40px;
     font-family: roboto condensed;
     color: #fff;
 }

 .about-3 .cuter .counter .counter1 .col-md-3 span {
     height: 30px;
     border-left: 1px solid #fa6c54;
 }

 .about-3 .what1 {
     text-align: center;
     padding-top: 150px;
     padding-bottom: 150px;
 }

 .about-3 .what1 .whatw h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .about-3 .what1 .whatw h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
 }

 .about-3 .what1 .main-img .slick-current {
     border: 1px solid red;
 }

 .about-3 .what1 .main-img .slick-slide {
     margin: 0 15px;
 }

 .about-3 .what1 .main-img .slick-slide .rul {
     border: 1px solid #f2f2f2;
     padding: 60px 25px;
 }

 .about-3 .what1 .js-click-product {
     text-align: center;
     width: 100%;
     margin-top: 80px;
     height: 190px;
 }

 .about-3 .what1 .js-click-product .slick-list {
     display: inline-block !important;
 }

 .about-3 .what1 .js-click-product .slick-current {
     transform: scale(1.2);
 }

 .about-3 .what1 .js-click-product .slick-slide {
     width: 90px !important;
     height: 90px;
     line-height: 90px;
 }

 .about-3 .what1 .js-click-product .slick-slide img {
     display: inline-block;
 }

 .about-3 .what1 .main-img1 {
     text-align: center;
 }

 .about-3 .what1 .main-img1 .slick-list {
     width: 150px;
     display: inline-block;
 }

 .about-3 .what1 .main-img1 .slick-list p {
     color: #909090;
 }

 .about-3 .what1 .main-img1 .slick-list h5 {
     font-weight: 700;
     font-family: roboto condensed;
 }

 .about-3 .cases {
     margin: 0;
 }

 .about-3 .cases .read-mode {
     padding: 0;
     position: relative;
 }

 .about-3 .cases .read-mode .read-mode-img img {
     width: 100%;
 }

 .about-3 .cases .read-mode .read-mode-produc {
     position: absolute;
     top: 270px;
     padding-left: 50px;
 }

 .about-3 .cases .read-mode .read-mode-produc p {
     font-size: 30px;
     font-weight: 700;
     font-family: roboto condensed;
     color: #fff;
 }

 .about-3 .we-are-delivering .container {
     border-bottom: 1px solid #ebebeb;
     padding: 150px 15px;
 }

 .about-3 .we-are-delivering .container .col-md-12 {
     text-align: center;
 }

 .about-3 .we-are-delivering .container .col-md-12 h5 {
     font-weight: 700;
     letter-spacing: 2px;
     color: #909090;
     font-family: roboto condensed;
 }

 .about-3 .we-are-delivering .container .col-md-12 h1 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 50px;
     padding-bottom: 60px;
 }

 .about-3 .we-are-delivering .container img {
     width: 100%;
 }

 .about-3 .cooperate {
     padding-top: 150px;
     padding-bottom: 50px;
 }

 .about-3 .cooperate .brand h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .about-3 .cooperate .brand h1 {
     font-size: 50px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .about-3 .cooperate .brand p {
     font-size: 16px;
     color: #909090;
     line-height: 190%;
     padding-top: 20px;
 }

 .about-3 .cooperate .logo-brand img {
     padding-top: 0px;
     padding-bottom: 100px;
 }

 .about-3 .cooperate .logo-brand .logo-design img {
     padding-bottom: 50px;
 }

 .about-3 .cooperate .logo-brand .logo-suns img {
     padding-top: 25px;
 }

 .about-3 .cooperate .logo-brand .logo-class img {
     padding-top: 25px;
 }

 .about-3 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .about-3 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .about-3 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .about-3 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .about-3 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .about-3 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-3 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-3 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-3 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .about-3 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .about-3 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .about-3 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-3 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .about-3 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .about-3 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .about-3 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .about-3 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .about-3 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-3 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .about-3 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .about-3 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .about-3 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .about-3 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .about-3 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-3 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .about-3 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .about-3 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .about-3 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .about-3 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .about-3 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .about-3 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .about-3 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .about-3 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .about-3 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .about-3 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .about-3 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .about-3 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .about-3 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .about-3 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1680px) {
     .about-3 .phone_top {
         padding-right: 80px;
     }
 }

 @media screen and (max-width: 1240px) {
     .about-3 .unlimited .col-md-3 {
         padding: 15px;
     }
     .about-3 .testimonials-design .p {
         padding-left: 17%;
         padding-right: 17%;
     }
     .about-3 .testimonials-design .pp {
         padding-left: 17%;
         padding-right: 17%;
     }
     .about-3 .group .easy-way ul li {
         padding: 10px 0;
         font-size: 14px;
     }
     .about-3 .easy-way {
         padding-left: 0;
         padding-right: 0;
     }
     .about-3 .easy-way ul {
         -webkit-padding-start: 10px;
     }
     .about-3 .group .easy-way p {
         font-size: 14px;
         padding-bottom: 10px;
     }
     .about-3 .group .easy-way h1 {
         font-size: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-3 .side .phone_top {
         display: block;
     }
     .about-3 .layer {
         padding-top: 0px;
     }
     .about-3 .group {
         padding-top: 50px;
     }
     .about-3 .testimonials-design {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-3 .unlimited {
         padding-top: 30px;
     }
     .about-3 .row_header5 .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .about-3 .row_header5 {
         padding-bottom: 10px;
         padding-top: 15px;
     }
     .about-3 .row_header5 .navba {
         padding-left: 15px;
     }
     .about-3 .phone_top {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-3 .unlimited .col-md-3 {
         padding-bottom: 50px;
     }
     .about-3 .unlimited .customer {
         padding-bottom: 55px;
     }
     .about-3 .group {
         padding-bottom: 100px;
     }
     .about-3 .our-recent {
         padding-bottom: 50px;
     }
     .about-3 .sile1 .we_are {
         padding-left: 15px;
     }
     .about-3 .porfo .porfolio {
         padding: 80px 15px;
     }
     .about-3 .testimonials-design .p {
         padding-left: 5%;
         padding-right: 5%;
     }
     .about-3 .testimonials-design .pp {
         padding-left: 5%;
         padding-right: 5%;
     }
     .about-3 .easy-way {
         padding-left: 15px;
         padding-right: 15px;
     }
     .about-3 br {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     .about-3 .blog .col-md-4 {
         width: 50%;
         text-align: left;
     }
     .about-3 .porfo .nav_main .nav-tabs {
         padding-left: 10px;
     }
     .about-3 .unlimited {
         padding-top: 50px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 680px) {
     .about-3 .blog .col-md-4 .blog_name a {
         font-size: 17px;
     }
     .about-3 .sile1 {
         width: 100%;
         left: 0;
     }
     .about-3 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (max-width: 568px) {
     .about-3 .sile1 {
         top: 50%;
     }
     .about-3 .layer {
         padding-top: 0;
     }
     .about-3 .unlimited .col-md-3 {
         width: 100%;
     }
     .about-3 .testimonials-design .p {
         font-size: 24px;
     }
     .about-3 .testimonials-design .pp {
         font-size: 14px;
     }
     .about-3 .blog .col-md-4 {
         width: 100%;
     }
     .about-3 .blog .blog_name {
         padding-bottom: 0;
     }
     .about-3 #googlemap1 {
         height: 300px;
     }
     .about-3 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .about-3 .testimonials-design .chuky {
         margin-top: 20px;
     }
     .about-3 .group .easy-way ul li span {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-3 .fixed-fluid {
         padding-top: 60px;
     }
     .about-3 .sile1 {
         left: 0;
         width: 100%;
     }
     .about-3 .row_header5 {
         padding-top: 20px;
     }
     .about-3 .affix {
         padding-top: 15px;
         padding-bottom: 10px;
     }
     .about-3 .testimonials-design .p .file {
         margin-left: 0;
     }
     .about-3 .testimonials-design .p {
         margin-left: 0;
         margin-right: 0;
     }
     .about-3 .group .group-img {
         padding-right: 125px;
     }
     .about-3 .img_porfolio .col-xs-6 {
         width: 100%;
     }
     .about-3 .porfolio .nav_main {
         margin-left: 0;
     }
     .about-3 .porfolio .col-md-8 {
         padding-right: 0;
     }
     .about-3 .porfolio .nav_main .nav-tabs .active {
         padding-bottom: 0;
     }
     .about-3 .porfolio .nav_main .nav-tabs li {
         padding-bottom: 1px;
     }
 }

 .about-3 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .about-3 .pull-right {
     cursor: pointer;
 }

 .about-3 * {
     outline: none !important;
 }

 .about-3 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .about-3 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .about-3 .create {
         padding: 117px 30px;
     }
     .about-3 .careate .carea .cust {
         padding: 15px 10px;
     }
     .about-3 .carea {
         padding: 40px 80px;
     }
     .about-3 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .about-3 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .about-3 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .about-3 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .about-3 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .about-3 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .about-3 .affixx .navba {
         padding-left: 5px;
     }
     .about-3 .phone_top {
         padding-right: 5px;
     }
     .about-3 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-3 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .about-3 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-3 .feedback .feeb {
         font-size: 200px;
     }
     .about-3 .affixx .navba {
         padding-left: 15px;
     }
     .about-3 .phone_top {
         padding-right: 15px;
     }
     .about-3 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .about-3 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .about-3 .we_are {
         padding: 0 50px;
     }
     .about-3 .careate .carea .cust {
         padding: 10px 10px;
     }
     .about-3 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .about-3 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .about-3 .cust h1 {
         padding-bottom: 0;
     }
     .about-3 .cust p {
         line-height: 150%;
     }
     .about-3 .button_see {
         margin-top: 27px;
     }
     .about-3 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .about-3 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .about-3 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .about-3 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .about-3 .footer .full-container {
         padding: 0 15px;
     }
     .about-3 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .about-3 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-3 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-3 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .about-3 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-3 .contacts .contact {
         padding: 20px 0;
     }
     .about-3 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .about-3 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .about-3 .phone_top {
         padding-top: 0;
     }
     .about-3 .phone_top .pull-right {
         padding: 5px;
     }
     .about-3 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .about-3 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .about-3 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .about-3 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .about-3 .affixx {
         padding-bottom: 10px !important;
     }
     .about-3 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .about-3 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .about-3 .header-lap {
         display: none;
     }
     .about-3 .header-mobi {
         display: block;
     }
     .about-3 .feedback {
         padding-bottom: 50px;
     }
     .about-3 .cust h1 {
         font-size: 30px;
     }
     .about-3 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .about-3 .all-pro span {
         margin-right: 5px;
     }
     .about-3 .phone_top span {
         display: none;
     }
     .about-3 .phone_top .phonee {
         display: none;
     }
     .about-3 .who_we_are {
         padding: 50px 0;
     }
     .about-3 .blog {
         padding: 50px 0;
     }
     .about-3 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .about-3 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-3 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .about-3 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .about-3 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .about-3 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .about-3 .feedback .feeb {
         font-size: 130px;
     }
     .about-3 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .about-3 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .about-3 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .about-3 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .about-3 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .about-3 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .about-3 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .about-3 .links ul {
         -webkit-padding-start: 0px;
     }
     .about-3 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .about-3 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .about-3 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .about-3 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .about-3 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .about-3 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .about-3 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .about-3 .servic {
         padding-top: 50px;
     }
     .about-3 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .about-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .about-3 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .about-3 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .about-3 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .about-3 .row_top div p {
         line-height: 170%;
     }
     .about-3 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .about-3 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .about-3 .slide_main .test {
         padding-top: 100px;
     }
     .about-3 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .about-3 .servic .col-md-4 {
         width: 50%;
     }
     .about-3 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .about-3 .blog .col-md-4 {
         width: 33.33333%;
     }
     .about-3 .button_see {
         margin-top: 10px;
     }
     .about-3 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .about-3 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .about-3 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .about-3 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .about-3 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .about-3 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .about-3 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .about-3 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .about-3 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .about-3 * h1 {
         font-size: 36px !important;
     }
     .about-3 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-3 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .about-3 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .about-3 .feedback .feeb {
         font-size: 100px;
     }
     .about-3 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .about-3 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .about-3 .who_we_are .who_are p {
         font-size: 14px;
     }
     .about-3 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .about-3 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .about-3 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .about-3 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .about-3 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .about-3 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .about-3 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .about-3 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .about-3 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .about-3 .porfolio {
         padding: 50px 0px;
     }
     .about-3 .button-proje {
         width: 210px;
     }
     .about-3 .video .row_video .video1>p {
         font-size: 24px;
     }
     .about-3 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .about-3 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .about-3 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .footer #googlemap1 {
         height: 400px;
     }
     .about-3 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .about-3 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-3 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .about-3 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .about-3 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .about-3 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .about-3 .side .navbar .list-group-item button {
         top: 0;
     }
     .about-3 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .about-3 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .about-3 .base {
         margin-left: 0 !important;
     }
     .about-3 .baseright {
         margin-left: 0 !important;
     }
     .about-3 .sile1 {
         top: 60%;
     }
     .about-3 .affixx {
         background: #333 !important;
     }
     .about-3 .affixx {
         padding-top: 20px !important;
     }
     .about-3 .feedback .feeb {
         font-size: 70px;
     }
     .about-3 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .about-3 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .about-3 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .about-3 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .about-3 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .about-3 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .about-3 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .about-3 .servic .col-md-12 p {
         font-size: 24px;
     }
     .about-3 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .about-3 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .about-3 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .about-3 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .about-3 .button_see {
         margin-top: 0;
     }
     .about-3 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .about-3 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .about-3 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .about-3 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-3 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-3 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-3 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-3 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .about-3 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .about-3 * h1 {
         font-size: 24px !important;
     }
     .about-3 .affixx {
         position: inherit !important;
     }
     .about-3 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-3 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .about-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .about-3 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .about-3 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .about-3 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .about-3 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .about-3 .feedback .feeb {
         letter-spacing: 6px;
     }
     .about-3 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .about-3 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .about-3 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .about-3 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .about-3 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .about-3 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .about-3 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .about-3 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .about-3 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .about-3 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .about-3 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .about-3 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .about-3 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .about-3 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .about-3 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-3 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-3 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-3 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-3 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .about-3 .servic .identity {
         padding-top: 20px;
     }
     .about-3 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .about-3 .porfolio .nav_main {
         float: left;
     }
     .about-3 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-3 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .about-3 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .about-3 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .about-3 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .about-3 .who_we_are .weare {
         padding-left: 100px;
     }
     .about-3 .sile1 .we_are {
         padding-right: 30px;
     }
     .about-3 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-3 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .about-3 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .about-3 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .about-3 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .about-3 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .about-3 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .about-3 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .about-3 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-3 .team {
         padding: 50px 0;
     }
     .about-3 .unlimited {
         padding-bottom: 50px;
     }
     .about-3 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-3 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .about-3 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .about-3 .servic .development {
         border: none;
     }
     .about-3 .servic .appdevelopment {
         border: none;
     }
     .about-3 .servic .marketing {
         border: none;
     }
     .about-3 .servic .design {
         border: none;
     }
     .about-3 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .about-3 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .about-3 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .about-3 .sile1 .we_are {
         padding-right: 10px;
     }
     .about-3 .porfolio .blanc {
         padding-right: 0;
     }
     .about-3 .porfolio .mock {
         padding-left: 0;
     }
     .about-3 .what1 .js-click-product {
         height: 120px;
     }
     .about-3 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .about-3 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .about-3 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .about-3 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .about-3 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-3 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .about-3 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-3 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .about-3 .pricing-table {
         padding-top: 100px;
     }
     .about-3 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .about-3 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-3 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .about-3 .sile1 {
         width: 100%;
     }
     .about-3 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .about-3 .servic .creation {
         padding-top: 19px;
     }
     .about-3 .servic .design {
         padding: 15px;
     }
     .about-3 .servic .appdevelopment {
         padding: 15px;
     }
     .about-3 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .about-3 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .about-3 .pricing-table {
         padding-top: 50px;
     }
     .about-3 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-3 .servic .col-md-12 p {
         font-size: 24px;
     }
     .about-3 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-3 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .about-3 .what1 .main-img .slick-slide {
         display: none;
     }
     .about-3 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .about-3 .porfolio .blanc img {
         width: 100%;
     }
     .about-3 .sile1 {
         width: 97%;
     }
     .about-3 .servic .col-md-4 {
         padding-left: 15px;
     }
     .about-3 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .about-3 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .about-3 .slick-slider .slick-track {
         width: 250px;
     }
     .about-3 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .about-3 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .about-3 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 @media screen and (max-width: 1680px) {
     .about-3 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
 }

 @media screen and (max-width: 1440px) {
     .about-3 .approach-mission-designers .our-mision {
         padding: 100px 40px;
     }
     .about-3 .approach-mission-designers .our-approach {
         padding: 100px 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-3 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .about-3 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-3 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .about-3 .approach-mission-designers .our-mision {
         padding: 50px 15px;
     }
     .about-3 .approach-mission-designers .our-mision h1 {
         font-size: 40px;
     }
     .about-3 .approach-mission-designers .our-approach {
         padding: 50px 15px;
         padding-bottom: 21px;
     }
     .about-3 .approach-mission-designers .our-approach h1 {
         font-size: 40px;
     }
     .about-3 .approach-mission-designers .we-are-designers {
         padding: 50px 15px;
         padding-bottom: 61px;
     }
     .about-3 .approach-mission-designers .we-are-designers h1 {
         font-size: 40px;
     }
     .about-3 .affixx {
         padding-top: 15px !important;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-3 .approach-mission-designers .we-are-designers {
         padding-bottom: 90px;
     }
     .about-3 .pull-right {
         padding: 5px;
     }
     .about-3 .affixx .logo {
         padding-left: 15px;
     }
     .about-3 .affixx .sidenav {
         padding-right: 15px;
     }
     .about-3 .we-are-delivering .container {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-3 .approach-mission-designers .we-are-designers {
         padding-bottom: 76px;
     }
     .about-3 .approach-mission-designers .our-approach {
         padding: 50px 15px;
     }
     .about-3 h1 {
         font-size: 36px !important;
     }
 }

 @media screen and (max-width: 768px) {
     .about-3 .affixx .logo {
         padding-left: 15px;
     }
     .about-3 .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 680px) {
     .about-3 .approach-mission-designers .we-are-designers {
         padding: 30px 15px;
     }
     .about-3 .approach-mission-designers .we-are-designers h1 {
         padding-right: 20%;
     }
 }

 @media screen and (max-width: 568px) {
     .about-3 h1 {
         font-size: 24px !important;
     }
     .about-3 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .about-3 .approach-mission-designers .col-md-3 {
         width: 100%;
     }
     .about-3 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .about-3 .approach-mission-designers {
         padding-bottom: 0;
     }
     .about-3 .cooperate {
         padding-top: 50px;
     }
     .about-3 .we-are-delivering .container {
         padding: 50px 15px;
     }
     .about-3 .container_header {
         top: 70%;
     }
 }

 @media screen and (max-width: 480px) {
     .about-3 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .about-3 .what1 .main-img .slick-slide {
         display: none;
     }
     .about-3 .cases .read-mode {
         width: 100%;
     }
     .about-3 .approach-mission-designers .our-approach p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .approach-mission-designers .our-mision p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .unlimited .welcome p {
         font-size: 14px;
         line-height: 150%;
         padding-bottom: 30px;
     }
     .about-3 .unlimited .col-md-3 {
         padding: 30px 15px;
     }
     .about-3 .unlimited .col-md-3 p {
         font-size: 14px;
         line-height: 150%;
     }
 }

 @media screen and (max-width: 1820px) {
     .about-3 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .about-3 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-3 .contacts .contact p {
         font-size: 24px;
     }
     .about-3 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-3 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .about-3 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .about-3 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .about-3 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-3 .testimonials-img img {
         width: 100%;
     }
     .about-3 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .about-3 .cooperate {
         padding-top: 50px;
     }
     .about-3 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-3 .contacts .contact {
         text-align: center;
     }
     .about-3 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .about-3 .testimonials {
         padding-bottom: 50px;
     }
     .about-3 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .about-3 .contacts .contact p .circle img {
         width: 8%;
     }
     .about-3 .contacts .contact p {
         font-size: 20px;
     }
     .about-3 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .about-3 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-3 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .about-3 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .about-3 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .about-3 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-3 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-3 .gallery .col-md-4 {
         width: 100%;
     }
     .about-3 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .about-3 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .about-3 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .about-3 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .about-3 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 .about-4 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .about-4 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .about-4 * {
     box-sizing: border-box;
 }

 .about-4 .sidenav a:hover {
     color: #b6aeae;
 }

 .about-4 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .about-4 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .about-4 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .about-4 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-4 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .about-4 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .about-4 .button_rea:hover {
     opacity: 0.7;
 }

 .about-4 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .about-4 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .about-4 .layer {
     position: relative;
 }

 .about-4 .layer img {
     width: 100%;
 }

 .about-4 .affix {
     z-index: 1;
     width: 100%;
 }

 .about-4 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .about-4 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .about-4 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .about-4 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .about-4 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .about-4 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .about-4 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .about-4 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .about-4 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .about-4 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .about-4 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .about-4 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .about-4 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .about-4 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .about-4 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .about-4 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .about-4 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .about-4 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .about-4 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .about-4 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .about-4 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .about-4 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .about-4 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .about-4 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .about-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .about-4 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .about-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .about-4 .header-mobi {
     display: none;
 }

 .about-4 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .about-4 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .about-4 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .about-4 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .about-4 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .about-4 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .about-4 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .about-4 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .about-4 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .about-4 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .about-4 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .about-4 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .about-4 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .about-4 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .about-4 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .about-4 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .about-4 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .about-4 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .about-4 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .about-4 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .about-4 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .about-4 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .about-4 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .about-4 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .about-4 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .about-4 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .about-4 .sidenav a:hover {
     color: #f1f1f1;
 }

 .about-4 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .about-4 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .about-4 .pull-right {
     padding-top: 12px;
 }

 .about-4 .child2 {
     margin: 5px 0;
 }

 .about-4 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .about-4 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .about-4 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .about-4 .container_header .breadcrumb {
     background: transparent;
 }

 .about-4 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .about-4 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .about-4 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .about-4 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .about-4 .container-fluid .col-md-1:nth-child(12n+1),
 .about-4 .container-fluid .col-md-2:nth-child(6n+1),
 .about-4 .container-fluid .col-md-3:nth-child(4n+1),
 .about-4 .container-fluid .col-md-4:nth-child(3n+1),
 .about-4 .container-fluid .col-md-6:nth-child(2n+1),
 .about-4 .container-fluid .col-sm-1:nth-child(12n+1),
 .about-4 .container-fluid .col-sm-2:nth-child(6n+1),
 .about-4 .container-fluid .col-sm-3:nth-child(4n+1),
 .about-4 .container-fluid .col-sm-4:nth-child(3n+1),
 .about-4 .container-fluid .col-sm-6:nth-child(2n+1),
 .about-4 .container-fluid .col-xs-1:nth-child(12n+1),
 .about-4 .container-fluid .col-xs-2:nth-child(6n+1),
 .about-4 .container-fluid .col-xs-3:nth-child(4n+1),
 .about-4 .container-fluid .col-xs-4:nth-child(3n+1),
 .about-4 .container-fluid .col-xs-6:nth-child(2n+1) {
     clear: none;
 }

 .about-4 .container-fluid .col-lg-1:nth-child(12n+1),
 .about-4 .container-fluid .col-lg-2:nth-child(6n+1),
 .about-4 .container-fluid .col-lg-3:nth-child(4n+1),
 .about-4 .container-fluid .col-lg-4:nth-child(3n+1),
 .about-4 .container-fluid .col-lg-6:nth-child(2n+1) {
     clear: left;
 }

 .about-4 .container-fluid {
     background: #f2f2f2;
 }

 .about-4 .container-fluid .img {
     padding-left: 0;
     padding: 0;
 }

 .about-4 .container-fluid .img img {
     width: 100%;
 }

 .about-4 .container-fluid .porodu {
     text-align: center;
     padding: 10% 5% 0 5%;
 }

 .about-4 .container-fluid .porodu p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
 }

 .about-4 .container-fluid .porodu h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding: 10px 0;
 }

 .about-4 .container-fluid .porodu .about {
     background-image: url(../img/Shape-3.png);
     height: 62px;
     width: 62px;
     display: inline-block;
 }

 .about-4 .container-fluid .porodu .manifesto {
     background-image: url(../img/Forma-1.png);
     height: 54px;
     width: 54px;
     display: inline-block;
 }

 .about-4 .container-fluid .porodu .skills {
     background-image: url(../img/Shape-4.png);
     height: 47px;
     width: 62px;
     display: inline-block;
 }

 .about-4 .container-fluid .porodu .we-are-hiring {
     background-image: url(../img/Shape-2.png);
     height: 59px;
     width: 66px;
     display: inline-block;
 }

 .about-4 .container-fluid .porodu .awards {
     background-image: url(../img/Forma-11.png);
     height: 50px;
     width: 58px;
     display: inline-block;
 }

 .about-4 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .about-4 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .about-4 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .about-4 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .about-4 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .about-4 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-4 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-4 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .about-4 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .about-4 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .about-4 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .about-4 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-4 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .about-4 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .about-4 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .about-4 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .about-4 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .about-4 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-4 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .about-4 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .about-4 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .about-4 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .about-4 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .about-4 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .about-4 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .about-4 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .about-4 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .about-4 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .about-4 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .about-4 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .about-4 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .about-4 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .about-4 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .about-4 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .about-4 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .about-4 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .about-4 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .about-4 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .about-4 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1680px) {
     .about-4 .phone_top {
         padding-right: 80px;
     }
 }

 @media screen and (max-width: 1240px) {
     .about-4 .unlimited .col-md-3 {
         padding: 15px;
     }
     .about-4 .testimonials-design .p {
         padding-left: 17%;
         padding-right: 17%;
     }
     .about-4 .testimonials-design .pp {
         padding-left: 17%;
         padding-right: 17%;
     }
     .about-4 .group .easy-way ul li {
         padding: 10px 0;
         font-size: 14px;
     }
     .about-4 .easy-way {
         padding-left: 0;
         padding-right: 0;
     }
     .about-4 .easy-way ul {
         -webkit-padding-start: 10px;
     }
     .about-4 .group .easy-way p {
         font-size: 14px;
         padding-bottom: 10px;
     }
     .about-4 .group .easy-way h1 {
         font-size: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-4 .side .phone_top {
         display: block;
     }
     .about-4 .layer {
         padding-top: 0px;
     }
     .about-4 .group {
         padding-top: 50px;
     }
     .about-4 .testimonials-design {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-4 .unlimited {
         padding-top: 30px;
     }
     .about-4 .row_header5 .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .about-4 .row_header5 {
         padding-bottom: 10px;
         padding-top: 15px;
     }
     .about-4 .row_header5 .navba {
         padding-left: 15px;
     }
     .about-4 .phone_top {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-4 .unlimited .col-md-3 {
         padding-bottom: 50px;
     }
     .about-4 .unlimited .customer {
         padding-bottom: 55px;
     }
     .about-4 .group {
         padding-bottom: 100px;
     }
     .about-4 .our-recent {
         padding-bottom: 50px;
     }
     .about-4 .sile1 .we_are {
         padding-left: 15px;
     }
     .about-4 .porfo .porfolio {
         padding: 80px 15px;
     }
     .about-4 .testimonials-design .p {
         padding-left: 5%;
         padding-right: 5%;
     }
     .about-4 .testimonials-design .pp {
         padding-left: 5%;
         padding-right: 5%;
     }
     .about-4 .easy-way {
         padding-left: 15px;
         padding-right: 15px;
     }
     .about-4 br {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     .about-4 .blog .col-md-4 {
         width: 50%;
         text-align: left;
     }
     .about-4 .porfo .nav_main .nav-tabs {
         padding-left: 10px;
     }
     .about-4 .unlimited {
         padding-top: 50px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 680px) {
     .about-4 .blog .col-md-4 .blog_name a {
         font-size: 17px;
     }
     .about-4 .sile1 {
         width: 100%;
         left: 0;
     }
     .about-4 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (max-width: 568px) {
     .about-4 .sile1 {
         top: 50%;
     }
     .about-4 .layer {
         padding-top: 0;
     }
     .about-4 .unlimited .col-md-3 {
         width: 100%;
     }
     .about-4 .testimonials-design .p {
         font-size: 24px;
     }
     .about-4 .testimonials-design .pp {
         font-size: 14px;
     }
     .about-4 .blog .col-md-4 {
         width: 100%;
     }
     .about-4 .blog .blog_name {
         padding-bottom: 0;
     }
     .about-4 #googlemap1 {
         height: 300px;
     }
     .about-4 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .about-4 .testimonials-design .chuky {
         margin-top: 20px;
     }
     .about-4 .group .easy-way ul li span {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-4 .fixed-fluid {
         padding-top: 60px;
     }
     .about-4 .sile1 {
         left: 0;
         width: 100%;
     }
     .about-4 .row_header5 {
         padding-top: 20px;
     }
     .about-4 .affix {
         padding-top: 15px;
         padding-bottom: 10px;
     }
     .about-4 .testimonials-design .p .file {
         margin-left: 0;
     }
     .about-4 .testimonials-design .p {
         margin-left: 0;
         margin-right: 0;
     }
     .about-4 .group .group-img {
         padding-right: 125px;
     }
     .about-4 .img_porfolio .col-xs-6 {
         width: 100%;
     }
     .about-4 .porfolio .nav_main {
         margin-left: 0;
     }
     .about-4 .porfolio .col-md-8 {
         padding-right: 0;
     }
     .about-4 .porfolio .nav_main .nav-tabs .active {
         padding-bottom: 0;
     }
     .about-4 .porfolio .nav_main .nav-tabs li {
         padding-bottom: 1px;
     }
 }

 .about-4 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .about-4 .pull-right {
     cursor: pointer;
 }

 .about-4 * {
     outline: none !important;
 }

 .about-4 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .about-4 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .about-4 .create {
         padding: 117px 30px;
     }
     .about-4 .careate .carea .cust {
         padding: 15px 10px;
     }
     .about-4 .carea {
         padding: 40px 80px;
     }
     .about-4 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .about-4 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .about-4 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .about-4 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .about-4 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .about-4 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .about-4 .affixx .navba {
         padding-left: 5px;
     }
     .about-4 .phone_top {
         padding-right: 5px;
     }
     .about-4 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-4 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .about-4 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-4 .feedback .feeb {
         font-size: 200px;
     }
     .about-4 .affixx .navba {
         padding-left: 15px;
     }
     .about-4 .phone_top {
         padding-right: 15px;
     }
     .about-4 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .about-4 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .about-4 .we_are {
         padding: 0 50px;
     }
     .about-4 .careate .carea .cust {
         padding: 10px 10px;
     }
     .about-4 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .about-4 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .about-4 .cust h1 {
         padding-bottom: 0;
     }
     .about-4 .cust p {
         line-height: 150%;
     }
     .about-4 .button_see {
         margin-top: 27px;
     }
     .about-4 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .about-4 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .about-4 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .about-4 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .about-4 .footer .full-container {
         padding: 0 15px;
     }
     .about-4 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .about-4 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-4 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-4 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .about-4 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .about-4 .contacts .contact {
         padding: 20px 0;
     }
     .about-4 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .about-4 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .about-4 .phone_top {
         padding-top: 0;
     }
     .about-4 .phone_top .pull-right {
         padding: 5px;
     }
     .about-4 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .about-4 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .about-4 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .about-4 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .about-4 .affixx {
         padding-bottom: 10px !important;
     }
     .about-4 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .about-4 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .about-4 .header-lap {
         display: none;
     }
     .about-4 .header-mobi {
         display: block;
     }
     .about-4 .feedback {
         padding-bottom: 50px;
     }
     .about-4 .cust h1 {
         font-size: 30px;
     }
     .about-4 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .about-4 .all-pro span {
         margin-right: 5px;
     }
     .about-4 .phone_top span {
         display: none;
     }
     .about-4 .phone_top .phonee {
         display: none;
     }
     .about-4 .who_we_are {
         padding: 50px 0;
     }
     .about-4 .blog {
         padding: 50px 0;
     }
     .about-4 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .about-4 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-4 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .about-4 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .about-4 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .about-4 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .about-4 .feedback .feeb {
         font-size: 130px;
     }
     .about-4 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .about-4 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .about-4 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .about-4 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .about-4 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .about-4 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .about-4 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .about-4 .links ul {
         -webkit-padding-start: 0px;
     }
     .about-4 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .about-4 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .about-4 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .about-4 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .about-4 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .about-4 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .about-4 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .about-4 .servic {
         padding-top: 50px;
     }
     .about-4 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .about-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .about-4 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .about-4 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .about-4 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .about-4 .row_top div p {
         line-height: 170%;
     }
     .about-4 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .about-4 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .about-4 .slide_main .test {
         padding-top: 100px;
     }
     .about-4 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .about-4 .servic .col-md-4 {
         width: 50%;
     }
     .about-4 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .about-4 .blog .col-md-4 {
         width: 33.33333%;
     }
     .about-4 .button_see {
         margin-top: 10px;
     }
     .about-4 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .about-4 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .about-4 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .about-4 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .about-4 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .about-4 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .about-4 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .about-4 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .about-4 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .about-4 * h1 {
         font-size: 36px !important;
     }
     .about-4 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-4 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .about-4 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .about-4 .feedback .feeb {
         font-size: 100px;
     }
     .about-4 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .about-4 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-4 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .about-4 .who_we_are .who_are p {
         font-size: 14px;
     }
     .about-4 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .about-4 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .about-4 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .about-4 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .about-4 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .about-4 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .about-4 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .about-4 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .about-4 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .about-4 .porfolio {
         padding: 50px 0px;
     }
     .about-4 .button-proje {
         width: 210px;
     }
     .about-4 .video .row_video .video1>p {
         font-size: 24px;
     }
     .about-4 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .about-4 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .about-4 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-4 .footer #googlemap1 {
         height: 400px;
     }
     .about-4 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .about-4 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-4 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .about-4 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .about-4 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .about-4 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .about-4 .side .navbar .list-group-item button {
         top: 0;
     }
     .about-4 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .about-4 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .about-4 .base {
         margin-left: 0 !important;
     }
     .about-4 .baseright {
         margin-left: 0 !important;
     }
     .about-4 .sile1 {
         top: 60%;
     }
     .about-4 .affixx {
         background: #333 !important;
     }
     .about-4 .affixx {
         padding-top: 20px !important;
     }
     .about-4 .feedback .feeb {
         font-size: 70px;
     }
     .about-4 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .about-4 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .about-4 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .about-4 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .about-4 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-4 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .about-4 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .about-4 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .about-4 .servic .col-md-12 p {
         font-size: 24px;
     }
     .about-4 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-4 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .about-4 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .about-4 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .about-4 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .about-4 .button_see {
         margin-top: 0;
     }
     .about-4 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .about-4 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .about-4 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .about-4 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-4 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-4 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-4 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .about-4 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .about-4 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .about-4 * h1 {
         font-size: 24px !important;
     }
     .about-4 .affixx {
         position: inherit !important;
     }
     .about-4 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-4 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .about-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .about-4 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .about-4 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .about-4 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .about-4 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .about-4 .feedback .feeb {
         letter-spacing: 6px;
     }
     .about-4 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .about-4 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .about-4 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .about-4 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .about-4 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .about-4 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .about-4 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .about-4 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .about-4 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .about-4 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .about-4 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .about-4 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .about-4 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .about-4 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .about-4 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-4 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-4 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-4 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .about-4 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .about-4 .servic .identity {
         padding-top: 20px;
     }
     .about-4 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .about-4 .porfolio .nav_main {
         float: left;
     }
     .about-4 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1440px) {
     .about-4 .container-fluid .porodu {
         padding: 5% 5% 0 5%;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-4 .container-fluid .porodu {
         padding: 4% 1% 0 1%;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-4 .container-fluid .porodu {
         padding: 2% 1% 0 1%;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-4 .container-fluid .porodu h4 {
         padding: 5px 0;
     }
     .about-4 .porodu {
         border-top: 1px solid #bebebe;
     }
 }

 @media screen and (max-width: 991px) {
     .about-4 .container-fluid .col-md-1:nth-child(12n+1),
     .about-4 .container-fluid .col-md-2:nth-child(6n+1),
     .about-4 .container-fluid .col-md-3:nth-child(4n+1),
     .about-4 .container-fluid .col-md-4:nth-child(3n+1),
     .about-4 .container-fluid .col-md-6:nth-child(2n+1),
     .about-4 .container-fluid .col-lg-1:nth-child(12n+1),
     .about-4 .container-fluid .col-lg-2:nth-child(6n+1),
     .about-4 .container-fluid .col-lg-3:nth-child(4n+1),
     .about-4 .container-fluid .col-lg-4:nth-child(3n+1),
     .about-4 .container-fluid .col-lg-6:nth-child(2n+1),
     .about-4 .container-fluid .col-xs-1:nth-child(12n+1),
     .about-4 .container-fluid .col-xs-2:nth-child(6n+1),
     .about-4 .container-fluid .col-xs-3:nth-child(4n+1),
     .about-4 .container-fluid .col-xs-4:nth-child(3n+1),
     .about-4 .container-fluid .col-xs-6:nth-child(2n+1) {
         clear: none;
     }
     .about-4 .container-fluid .col-sm-1:nth-child(12n+1),
     .about-4 .container-fluid .col-sm-2:nth-child(6n+1),
     .about-4 .container-fluid .col-sm-3:nth-child(4n+1),
     .about-4 .container-fluid .col-sm-4:nth-child(3n+1),
     .about-4 .container-fluid .col-sm-6:nth-child(2n+1) {
         clear: left;
     }
     .about-4 .container-fluid .porodu {
         padding: 10% 1% 0 1%;
     }
 }

 @media screen and (max-width: 768px) {
     .about-4 .container-fluid .porodu {
         padding: 5% 1% 0 1%;
     }
     .about-4 .container-fluid .poroduc {
         padding-bottom: 5%;
     }
 }

 @media screen and (max-width: 680px) {
     .about-4 .container-fluid .col-lg-4 {
         width: 100%;
         padding: 10% 2% 10% 2%;
     }
     .about-4 .porodu {
         border-top: none;
     }
 }

 @media screen and (max-width: 480px) {
     .about-4 .container-fluid .porodu p {
         font-size: 14px !important;
     }
     .about-4 .contacts .contact p {
         font-size: 20px !important;
     }
 }

 @media screen and (max-width: 1680px) {
     .about-4 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
 }

 @media screen and (max-width: 1440px) {
     .about-4 .approach-mission-designers .our-mision {
         padding: 100px 40px;
     }
     .about-4 .approach-mission-designers .our-approach {
         padding: 100px 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-4 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .about-4 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-4 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .about-4 .approach-mission-designers .our-mision {
         padding: 50px 15px;
     }
     .about-4 .approach-mission-designers .our-mision h1 {
         font-size: 40px;
     }
     .about-4 .approach-mission-designers .our-approach {
         padding: 50px 15px;
         padding-bottom: 21px;
     }
     .about-4 .approach-mission-designers .our-approach h1 {
         font-size: 40px;
     }
     .about-4 .approach-mission-designers .we-are-designers {
         padding: 50px 15px;
         padding-bottom: 61px;
     }
     .about-4 .approach-mission-designers .we-are-designers h1 {
         font-size: 40px;
     }
     .about-4 .affixx {
         padding-top: 15px !important;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-4 .approach-mission-designers .we-are-designers {
         padding-bottom: 90px;
     }
     .about-4 .pull-right {
         padding: 5px;
     }
     .about-4 .affixx .logo {
         padding-left: 15px;
     }
     .about-4 .affixx .sidenav {
         padding-right: 15px;
     }
     .about-4 .we-are-delivering .container {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-4 .approach-mission-designers .we-are-designers {
         padding-bottom: 76px;
     }
     .about-4 .approach-mission-designers .our-approach {
         padding: 50px 15px;
     }
     .about-4 h1 {
         font-size: 36px !important;
     }
 }

 @media screen and (max-width: 768px) {
     .about-4 .affixx .logo {
         padding-left: 15px;
     }
     .about-4 .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 680px) {
     .about-4 .approach-mission-designers .we-are-designers {
         padding: 30px 15px;
     }
     .about-4 .approach-mission-designers .we-are-designers h1 {
         padding-right: 20%;
     }
 }

 @media screen and (max-width: 568px) {
     .about-4 h1 {
         font-size: 24px !important;
     }
     .about-4 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .about-4 .approach-mission-designers .col-md-3 {
         width: 100%;
     }
     .about-4 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .about-4 .approach-mission-designers {
         padding-bottom: 0;
     }
     .about-4 .cooperate {
         padding-top: 50px;
     }
     .about-4 .we-are-delivering .container {
         padding: 50px 15px;
     }
     .about-4 .container_header {
         top: 70%;
     }
 }

 @media screen and (max-width: 480px) {
     .about-4 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .about-4 .what1 .main-img .slick-slide {
         display: none;
     }
     .about-4 .cases .read-mode {
         width: 100%;
     }
     .about-4 .approach-mission-designers .our-approach p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-4 .approach-mission-designers .our-mision p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-4 .unlimited .welcome p {
         font-size: 14px;
         line-height: 150%;
         padding-bottom: 30px;
     }
     .about-4 .unlimited .col-md-3 {
         padding: 30px 15px;
     }
     .about-4 .unlimited .col-md-3 p {
         font-size: 14px;
         line-height: 150%;
     }
 }

 @media screen and (max-width: 1820px) {
     .about-4 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .about-4 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .about-4 .contacts .contact p {
         font-size: 24px;
     }
     .about-4 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .about-4 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .about-4 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .about-4 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .about-4 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .about-4 .testimonials-img img {
         width: 100%;
     }
     .about-4 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .about-4 .cooperate {
         padding-top: 50px;
     }
     .about-4 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .about-4 .contacts .contact {
         text-align: center;
     }
     .about-4 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .about-4 .testimonials {
         padding-bottom: 50px;
     }
     .about-4 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .about-4 .contacts .contact p .circle img {
         width: 8%;
     }
     .about-4 .contacts .contact p {
         font-size: 20px;
     }
     .about-4 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .about-4 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .about-4 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .about-4 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-4 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .about-4 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .about-4 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .about-4 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .about-4 .gallery .col-md-4 {
         width: 100%;
     }
     .about-4 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .about-4 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .about-4 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .about-4 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .about-4 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 .blog-1 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .blog-1 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .blog-1 * {
     box-sizing: border-box;
 }

 .blog-1 .sidenav a:hover {
     color: #b6aeae;
 }

 .blog-1 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .blog-1 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .blog-1 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .blog-1 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blog-1 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .blog-1 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .blog-1 .button_rea:hover {
     opacity: 0.7;
 }

 .blog-1 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .blog-1 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blog-1 .layer {
     position: relative;
 }

 .blog-1 .layer img {
     width: 100%;
 }

 .blog-1 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .blog-1 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .blog-1 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .blog-1 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blog-1 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .blog-1 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .blog-1 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .blog-1 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blog-1 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blog-1 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .blog-1 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .blog-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .blog-1 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blog-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .blog-1 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .blog-1 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .blog-1 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blog-1 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .blog-1 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .blog-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .blog-1 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .blog-1 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .blog-1 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .blog-1 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .blog-1 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .blog-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .blog-1 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .blog-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .blog-1 .header-mobi {
     display: none;
 }

 .blog-1 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .blog-1 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .blog-1 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .blog-1 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blog-1 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blog-1 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .blog-1 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .blog-1 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .blog-1 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blog-1 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .blog-1 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .blog-1 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .blog-1 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blog-1 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .blog-1 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .blog-1 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .blog-1 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .blog-1 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-1 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-1 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .blog-1 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .blog-1 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .blog-1 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .blog-1 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .blog-1 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .blog-1 .sidenav a:hover {
     color: #f1f1f1;
 }

 .blog-1 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .blog-1 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .blog-1 .child2 {
     margin: 5px 0;
 }

 .blog-1 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .blog-1 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .blog-1 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .blog-1 .container_header .breadcrumb {
     background: transparent;
 }

 .blog-1 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .blog-1 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .blog-1 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .blog-1 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .blog-1 .blog {
     padding: 150px 0;
 }

 .blog-1 .blog .col-md-4 {
     padding: 20px 15px;
 }

 .blog-1 .blog .col-md-4 .blog_img {
     position: relative;
     overflow: hidden;
 }

 .blog-1 .blog .col-md-4 .blog_img:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .blog-1 .blog .col-md-4 .blog_img img {
     width: 100%;
     transition: all .3s;
 }

 .blog-1 .blog .col-md-4 .blog_name {
     padding-top: 15px;
 }

 .blog-1 .blog .col-md-4 .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .blog-1 .blog .col-md-4 .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .blog-1 .blog .col-md-4 .blog_name span {
     color: #fc6a53;
 }

 .blog-1 .blog .col-md-4 .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .blog-1 .blog .pagination {
     padding-top: 60px;
 }

 .blog-1 .blog .pagination .active a {
     color: #909090;
     background: #e1e1e1;
     border-color: #e1e1e1;
 }

 .blog-1 .blog .pagination li a {
     color: #333;
     width: 50px;
     height: 50px;
     line-height: 50px;
     padding: 0;
     transition: all .4s;
 }

 .blog-1 .blog .pagination li a:hover {
     background: #e1e1e1;
     color: #909090;
 }

 .blog-1 .blog .pagination li .prev {
     color: #909090;
     border-radius: 0;
     width: 100px;
 }

 .blog-1 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .blog-1 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .blog-1 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blog-1 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .blog-1 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .blog-1 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-1 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-1 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-1 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .blog-1 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .blog-1 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .blog-1 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-1 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .blog-1 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .blog-1 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .blog-1 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .blog-1 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .blog-1 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-1 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .blog-1 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .blog-1 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .blog-1 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .blog-1 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .blog-1 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-1 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .blog-1 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .blog-1 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .blog-1 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .blog-1 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .blog-1 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 568px) {
     .blog-1 .team1 .team .img-information .information h5 {
         font-size: 18px;
     }
     .blog-1 .team1 .team .img-information .information h4 {
         font-size: 14px;
     }
     .blog-1 .team1 .team .img-information .information p {
         font-size: 14px;
     }
     .blog-1 .team1 {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-1 .team1 .team {
         width: 100%;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-1 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .blog-1 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .blog-1 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .blog-1 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .blog-1 .who_we_are .weare {
         padding-left: 100px;
     }
     .blog-1 .sile1 .we_are {
         padding-right: 30px;
     }
     .blog-1 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-1 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .blog-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blog-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blog-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blog-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-1 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .blog-1 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .blog-1 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-1 .team {
         padding: 50px 0;
     }
     .blog-1 .unlimited {
         padding-bottom: 50px;
     }
     .blog-1 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-1 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .blog-1 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .blog-1 .servic .development {
         border: none;
     }
     .blog-1 .servic .appdevelopment {
         border: none;
     }
     .blog-1 .servic .marketing {
         border: none;
     }
     .blog-1 .servic .design {
         border: none;
     }
     .blog-1 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .blog-1 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .blog-1 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-1 .sile1 .we_are {
         padding-right: 10px;
     }
     .blog-1 .porfolio .blanc {
         padding-right: 0;
     }
     .blog-1 .porfolio .mock {
         padding-left: 0;
     }
     .blog-1 .what1 .js-click-product {
         height: 120px;
     }
     .blog-1 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .blog-1 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .blog-1 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .blog-1 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .blog-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-1 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blog-1 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-1 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-1 .pricing-table {
         padding-top: 100px;
     }
     .blog-1 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .blog-1 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-1 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-1 .sile1 {
         width: 100%;
     }
     .blog-1 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .blog-1 .servic .creation {
         padding-top: 19px;
     }
     .blog-1 .servic .design {
         padding: 15px;
     }
     .blog-1 .servic .appdevelopment {
         padding: 15px;
     }
     .blog-1 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .blog-1 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .blog-1 .pricing-table {
         padding-top: 50px;
     }
     .blog-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blog-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blog-1 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-1 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .blog-1 .what1 .main-img .slick-slide {
         display: none;
     }
     .blog-1 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .blog-1 .porfolio .blanc img {
         width: 100%;
     }
     .blog-1 .sile1 {
         width: 97%;
     }
     .blog-1 .servic .col-md-4 {
         padding-left: 15px;
     }
     .blog-1 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .blog-1 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .blog-1 .slick-slider .slick-track {
         width: 250px;
     }
     .blog-1 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .blog-1 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .blog-1 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .blog-1 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .blog-1 .pull-right {
     cursor: pointer;
 }

 .blog-1 * {
     outline: none !important;
 }

 .blog-1 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .blog-1 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .blog-1 .create {
         padding: 117px 30px;
     }
     .blog-1 .careate .carea .cust {
         padding: 15px 10px;
     }
     .blog-1 .carea {
         padding: 40px 80px;
     }
     .blog-1 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .blog-1 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .blog-1 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .blog-1 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .blog-1 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .blog-1 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .blog-1 .affixx .navba {
         padding-left: 5px;
     }
     .blog-1 .phone_top {
         padding-right: 5px;
     }
     .blog-1 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-1 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .blog-1 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-1 .feedback .feeb {
         font-size: 200px;
     }
     .blog-1 .affixx .navba {
         padding-left: 15px;
     }
     .blog-1 .phone_top {
         padding-right: 15px;
     }
     .blog-1 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .blog-1 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .blog-1 .we_are {
         padding: 0 50px;
     }
     .blog-1 .careate .carea .cust {
         padding: 10px 10px;
     }
     .blog-1 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .blog-1 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .blog-1 .cust h1 {
         padding-bottom: 0;
     }
     .blog-1 .cust p {
         line-height: 150%;
     }
     .blog-1 .button_see {
         margin-top: 27px;
     }
     .blog-1 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .blog-1 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .blog-1 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .blog-1 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .blog-1 .footer .full-container {
         padding: 0 15px;
     }
     .blog-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .blog-1 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-1 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-1 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .blog-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blog-1 .contacts .contact {
         padding: 20px 0;
     }
     .blog-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .blog-1 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .blog-1 .phone_top {
         padding-top: 0;
     }
     .blog-1 .phone_top .pull-right {
         padding: 5px;
     }
     .blog-1 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .blog-1 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .blog-1 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .blog-1 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .blog-1 .affixx {
         padding-bottom: 10px !important;
     }
     .blog-1 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .blog-1 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .blog-1 .header-lap {
         display: none;
     }
     .blog-1 .header-mobi {
         display: block;
     }
     .blog-1 .feedback {
         padding-bottom: 50px;
     }
     .blog-1 .cust h1 {
         font-size: 30px;
     }
     .blog-1 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .blog-1 .all-pro span {
         margin-right: 5px;
     }
     .blog-1 .phone_top span {
         display: none;
     }
     .blog-1 .phone_top .phonee {
         display: none;
     }
     .blog-1 .who_we_are {
         padding: 50px 0;
     }
     .blog-1 .blog {
         padding: 50px 0;
     }
     .blog-1 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .blog-1 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-1 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .blog-1 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .blog-1 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .blog-1 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .blog-1 .feedback .feeb {
         font-size: 130px;
     }
     .blog-1 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blog-1 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .blog-1 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .blog-1 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blog-1 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .blog-1 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .blog-1 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .blog-1 .links ul {
         -webkit-padding-start: 0px;
     }
     .blog-1 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .blog-1 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .blog-1 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .blog-1 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .blog-1 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .blog-1 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .blog-1 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .blog-1 .servic {
         padding-top: 50px;
     }
     .blog-1 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .blog-1 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .blog-1 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .blog-1 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .blog-1 .row_top div p {
         line-height: 170%;
     }
     .blog-1 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .blog-1 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .blog-1 .slide_main .test {
         padding-top: 100px;
     }
     .blog-1 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .blog-1 .servic .col-md-4 {
         width: 50%;
     }
     .blog-1 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .blog-1 .blog .col-md-4 {
         width: 33.33333%;
     }
     .blog-1 .button_see {
         margin-top: 10px;
     }
     .blog-1 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .blog-1 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .blog-1 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .blog-1 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .blog-1 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .blog-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blog-1 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .blog-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blog-1 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .blog-1 * h1 {
         font-size: 36px !important;
     }
     .blog-1 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-1 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .blog-1 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .blog-1 .feedback .feeb {
         font-size: 100px;
     }
     .blog-1 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .blog-1 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .blog-1 .who_we_are .who_are p {
         font-size: 14px;
     }
     .blog-1 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .blog-1 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .blog-1 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .blog-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blog-1 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .blog-1 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .blog-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .blog-1 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .blog-1 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .blog-1 .porfolio {
         padding: 50px 0px;
     }
     .blog-1 .button-proje {
         width: 210px;
     }
     .blog-1 .video .row_video .video1>p {
         font-size: 24px;
     }
     .blog-1 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .blog-1 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .blog-1 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .footer #googlemap1 {
         height: 400px;
     }
     .blog-1 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-1 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-1 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .blog-1 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .blog-1 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .blog-1 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .blog-1 .side .navbar .list-group-item button {
         top: 0;
     }
     .blog-1 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .blog-1 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .blog-1 .base {
         margin-left: 0 !important;
     }
     .blog-1 .baseright {
         margin-left: 0 !important;
     }
     .blog-1 .sile1 {
         top: 60%;
     }
     .blog-1 .affixx {
         background: #333 !important;
     }
     .blog-1 .affixx {
         padding-top: 20px !important;
     }
     .blog-1 .feedback .feeb {
         font-size: 70px;
     }
     .blog-1 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .blog-1 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .blog-1 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .blog-1 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .blog-1 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .blog-1 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .blog-1 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .blog-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blog-1 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .blog-1 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .blog-1 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .blog-1 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .blog-1 .button_see {
         margin-top: 0;
     }
     .blog-1 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .blog-1 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .blog-1 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .blog-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-1 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .blog-1 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .blog-1 * h1 {
         font-size: 24px !important;
     }
     .blog-1 .affixx {
         position: inherit !important;
     }
     .blog-1 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-1 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .blog-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .blog-1 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .blog-1 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .blog-1 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .blog-1 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .blog-1 .feedback .feeb {
         letter-spacing: 6px;
     }
     .blog-1 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .blog-1 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .blog-1 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .blog-1 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .blog-1 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .blog-1 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .blog-1 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .blog-1 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .blog-1 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .blog-1 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .blog-1 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .blog-1 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .blog-1 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .blog-1 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .blog-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-1 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .blog-1 .servic .identity {
         padding-top: 20px;
     }
     .blog-1 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .blog-1 .porfolio .nav_main {
         float: left;
     }
     .blog-1 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .blog-1 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .blog-1 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .blog-1 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .blog-1 .who_we_are .weare {
         padding-left: 50px;
     }
     .blog-1 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .blog-1 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-1 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .blog-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .blog-1 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .blog-1 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .blog-1 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .blog-1 .video-skills .skills {
         padding: 0 15px;
     }
     .blog-1 .contacts .contact p {
         font-size: 24px;
     }
     .blog-1 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-1 .about .about-we h1 {
         font-size: 40px;
     }
     .blog-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .blog-1 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .blog-1 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-1 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .blog-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .blog-1 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-1 .cooperate {
         padding-top: 50px;
     }
     .blog-1 .talk-to .row {
         padding: 50px 0;
     }
     .blog-1 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-1 .sile1 .we_are {
         padding-right: 0;
     }
     .blog-1 .about {
         top: 0;
         padding: 30px 0;
     }
     .blog-1 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-1 .about .about-we {
         padding-left: 30px;
     }
     .blog-1 .about .corem-ipsum {
         padding-right: 30px;
     }
     .blog-1 .about .corem-ipsum p {
         line-height: 150%;
     }
     .blog-1 .contacts .contact {
         text-align: center;
     }
     .blog-1 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .blog-1 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .blog-1 .video-skills .video {
         padding-left: 15px;
     }
     .blog-1 .video-skills {
         padding-bottom: 50px;
     }
     .blog-1 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .blog-1 .contacts .contact p {
         font-size: 20px;
     }
     .blog-1 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .blog-1 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .blog-1 .about .corem-ipsum {
         padding-left: 30px;
     }
     .blog-1 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .blog-1 .cooperate .logo-brand {
         text-align: center;
     }
     .blog-1 .cooperate .logo-brand img {
         width: initial;
     }
     .blog-1 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-1 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .blog-1 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .blog-1 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-1 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blog-1 .button1 .vuong {
         background: transparent !important;
     }
     .blog-1 .button1 span {
         background: #fff !important;
     }
     .blog-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blog-1 .sile1 {
         width: 65%;
     }
     .blog-1 .about .corem-ipsum p {
         font-size: 14px;
     }
     .blog-1 .case-center .case-studies p {
         font-size: 14px;
     }
     .blog-1 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .slick-dots {
         bottom: -50px !important;
     }
     .blog-1 .cooperate {
         padding-top: 50px;
     }
     .blog-1 .who_we_are .weare {
         padding-bottom: 0;
     }
     .blog-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blog-1 .button-contact button {
         height: 40px;
     }
     .blog-1 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .blog-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .blog-1 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .blog-1 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .blog-1 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .talk-to .input-contact input {
         font-size: 14px;
     }
     .blog-1 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-1 .servic .col-md-4 {
         padding-left: 30px;
     }
     .blog-1 .button1 .vuong {
         background: transparent !important;
     }
     .blog-1 .button1 span {
         background: #fff !important;
     }
     .blog-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blog-1 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .blog-1 .sile1 {
         width: 95%;
         left: 5%;
     }
     .blog-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .blog-1 .cooperate .logo-brand img {
         width: initial;
     }
     .blog-1 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .blog-1 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .blog-1 .cases .read-mode {
         width: 100%;
     }
     .blog-1 .row_top {
         width: 100%;
     }
     .blog-1 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .blog-1 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .blog-1 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .blog-1 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .blog-1 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-1 .contacts .contact p {
         font-size: 24px;
     }
     .blog-1 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-1 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .blog-1 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .blog-1 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .blog-1 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-1 .testimonials-img img {
         width: 100%;
     }
     .blog-1 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .blog-1 .cooperate {
         padding-top: 50px;
     }
     .blog-1 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-1 .contacts .contact {
         text-align: center;
     }
     .blog-1 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .blog-1 .testimonials {
         padding-bottom: 50px;
     }
     .blog-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .blog-1 .contacts .contact p {
         font-size: 20px;
     }
     .blog-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blog-1 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .blog-1 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .blog-1 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .blog-1 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-1 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-1 .gallery .col-md-4 {
         width: 100%;
     }
     .blog-1 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .blog-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blog-1 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .blog-1 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .blog-1 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blog-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blog-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blog-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-1 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-1 .affixx {
         padding-top: 15px !important;
     }
     .blog-1 .pull-right {
         padding-top: 5px;
     }
     .blog-1 .layer {
         padding-top: 0px;
     }
     .blog-1 .pull-right {
         padding: 5px 0;
     }
     .blog-1 .page-404 {
         padding-top: 50px 15px;
     }
     .blog-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .blog-1 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-1 .careate img {
         width: 100%;
     }
     .blog-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .blog-1 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-1 .layer {
         padding-top: 62px;
     }
     .blog-1 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .blog-1 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-1 .container_header {
         top: 75%;
     }
     .blog-1 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .blog-1 .container_header .breadcrumb .active {
         width: auto;
     }
     .blog-1 .blog .pagination li .prev {
         width: 80px;
     }
     .blog-1 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-1 .pricing-table .center-mode {
         padding-bottom: 50px;
     }
     .blog-1 .pricing-table {
         padding-top: 50px;
     }
     .blog-1 .servic .col-md-12 p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-1 .affixx .logo {
         padding-left: 15px;
     }
     .blog-1 .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media (min-width: 767px) and (max-width: 900px) {
     .blog-1 .brand .brand_logo .brand-logo img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-1 .brand .brand_logo .clear-left {
         clear: left;
     }
     .blog-1 .brand .brand_logo .brand-logo {
         width: 33.3333%;
         text-align: center;
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-1 .brand .brand_logo {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-1 .brand .brand_logo .brand-logo {
         width: 100%;
         text-align: center;
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-1 .video-skills .video .helo .button_play {
         padding: 30px;
     }
 }

 .blog-2 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .blog-2 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .blog-2 * {
     box-sizing: border-box;
 }

 .blog-2 .sidenav a:hover {
     color: #b6aeae;
 }

 .blog-2 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .blog-2 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .blog-2 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .blog-2 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blog-2 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .blog-2 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .blog-2 .button_rea:hover {
     opacity: 0.7;
 }

 .blog-2 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .blog-2 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blog-2 .layer {
     position: relative;
 }

 .blog-2 .layer img {
     width: 100%;
 }

 .blog-2 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .blog-2 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .blog-2 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .blog-2 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blog-2 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .blog-2 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .blog-2 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .blog-2 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blog-2 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blog-2 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .blog-2 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .blog-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .blog-2 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blog-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     color: #b6aeae;
     text-decoration: none;
 }

 .blog-2 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .blog-2 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .blog-2 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blog-2 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .blog-2 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .blog-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .blog-2 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .blog-2 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .blog-2 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .blog-2 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .blog-2 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .blog-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .blog-2 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .blog-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .blog-2 .header-mobi {
     display: none;
 }

 .blog-2 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .blog-2 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .blog-2 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .blog-2 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blog-2 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blog-2 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .blog-2 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .blog-2 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .blog-2 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blog-2 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .blog-2 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .blog-2 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .blog-2 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blog-2 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .blog-2 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .blog-2 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .blog-2 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .blog-2 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-2 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-2 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .blog-2 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .blog-2 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .blog-2 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .blog-2 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .blog-2 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .blog-2 .sidenav a:hover {
     color: #f1f1f1;
 }

 .blog-2 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .blog-2 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .blog-2 .child2 {
     margin: 5px 0;
 }

 .blog-2 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .blog-2 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .blog-2 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .blog-2 .container_header .breadcrumb {
     background: transparent;
 }

 .blog-2 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .blog-2 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .blog-2 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .blog-2 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .blog-2 .blog {
     padding: 150px 0;
 }

 .blog-2 .blog .col-md-4 {
     padding: 20px 15px;
 }

 .blog-2 .blog .blog_name {
     padding-top: 15px;
 }

 .blog-2 .blog .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .blog-2 .blog .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .blog-2 .blog .blog_name span {
     color: #fc6a53;
 }

 .blog-2 .blog .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .blog-2 .blog .pagination {
     padding-top: 60px;
 }

 .blog-2 .blog .pagination .active a {
     color: #909090;
     background: #e1e1e1;
     border-color: #e1e1e1;
 }

 .blog-2 .blog .pagination li a {
     color: #333;
     width: 50px;
     height: 50px;
     line-height: 50px;
     padding: 0;
     transition: all .4s;
 }

 .blog-2 .blog .pagination li a:hover {
     background: #e1e1e1;
     color: #909090;
 }

 .blog-2 .blog .pagination li .prev {
     color: #909090;
     border-radius: 0;
     width: 100px;
     overflow: h;
 }

 .blog-2 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .blog-2 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .blog-2 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blog-2 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .blog-2 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .blog-2 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-2 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-2 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-2 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .blog-2 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .blog-2 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .blog-2 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-2 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .blog-2 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .blog-2 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .blog-2 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .blog-2 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .blog-2 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-2 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .blog-2 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .blog-2 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .blog-2 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .blog-2 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .blog-2 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-2 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     width: 100%;
     text-transform: uppercase;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .blog-2 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .blog-2 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .blog-2 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .blog-2 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .blog-2 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 568px) {
     .blog-2 .team1 .team .img-information .information h5 {
         font-size: 18px;
     }
     .blog-2 .team1 .team .img-information .information h4 {
         font-size: 14px;
     }
     .blog-2 .team1 .team .img-information .information p {
         font-size: 14px;
     }
     .blog-2 .team1 {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-2 .team1 .team {
         width: 100%;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-2 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .blog-2 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .blog-2 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .blog-2 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .blog-2 .who_we_are .weare {
         padding-left: 100px;
     }
     .blog-2 .sile1 .we_are {
         padding-right: 30px;
     }
     .blog-2 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-2 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .blog-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blog-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blog-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blog-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-2 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .blog-2 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .blog-2 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-2 .team {
         padding: 50px 0;
     }
     .blog-2 .unlimited {
         padding-bottom: 50px;
     }
     .blog-2 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-2 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .blog-2 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .blog-2 .servic .development {
         border: none;
     }
     .blog-2 .servic .appdevelopment {
         border: none;
     }
     .blog-2 .servic .marketing {
         border: none;
     }
     .blog-2 .servic .design {
         border: none;
     }
     .blog-2 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .blog-2 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .blog-2 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-2 .sile1 .we_are {
         padding-right: 10px;
     }
     .blog-2 .porfolio .blanc {
         padding-right: 0;
     }
     .blog-2 .porfolio .mock {
         padding-left: 0;
     }
     .blog-2 .what1 .js-click-product {
         height: 120px;
     }
     .blog-2 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .blog-2 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .blog-2 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .blog-2 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .blog-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-2 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blog-2 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-2 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-2 .pricing-table {
         padding-top: 100px;
     }
     .blog-2 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .blog-2 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-2 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-2 .sile1 {
         width: 100%;
     }
     .blog-2 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .blog-2 .servic .creation {
         padding-top: 19px;
     }
     .blog-2 .servic .design {
         padding: 15px;
     }
     .blog-2 .servic .appdevelopment {
         padding: 15px;
     }
     .blog-2 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .blog-2 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .blog-2 .pricing-table {
         padding-top: 50px;
     }
     .blog-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blog-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blog-2 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-2 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .blog-2 .what1 .main-img .slick-slide {
         display: none;
     }
     .blog-2 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .blog-2 .porfolio .blanc img {
         width: 100%;
     }
     .blog-2 .sile1 {
         width: 97%;
     }
     .blog-2 .servic .col-md-4 {
         padding-left: 15px;
     }
     .blog-2 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .blog-2 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .blog-2 .slick-slider .slick-track {
         width: 250px;
     }
     .blog-2 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .blog-2 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .blog-2 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .blog-2 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .blog-2 .pull-right {
     cursor: pointer;
 }

 .blog-2 * {
     outline: none !important;
 }

 .blog-2 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .blog-2 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .blog-2 .create {
         padding: 117px 30px;
     }
     .blog-2 .careate .carea .cust {
         padding: 15px 10px;
     }
     .blog-2 .carea {
         padding: 40px 80px;
     }
     .blog-2 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .blog-2 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .blog-2 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .blog-2 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .blog-2 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .blog-2 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .blog-2 .affixx .navba {
         padding-left: 5px;
     }
     .blog-2 .phone_top {
         padding-right: 5px;
     }
     .blog-2 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-2 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .blog-2 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-2 .feedback .feeb {
         font-size: 200px;
     }
     .blog-2 .affixx .navba {
         padding-left: 15px;
     }
     .blog-2 .phone_top {
         padding-right: 15px;
     }
     .blog-2 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .blog-2 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .blog-2 .we_are {
         padding: 0 50px;
     }
     .blog-2 .careate .carea .cust {
         padding: 10px 10px;
     }
     .blog-2 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .blog-2 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .blog-2 .cust h1 {
         padding-bottom: 0;
     }
     .blog-2 .cust p {
         line-height: 150%;
     }
     .blog-2 .button_see {
         margin-top: 27px;
     }
     .blog-2 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .blog-2 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .blog-2 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .blog-2 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .blog-2 .footer .full-container {
         padding: 0 15px;
     }
     .blog-2 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .blog-2 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-2 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-2 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .blog-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blog-2 .contacts .contact {
         padding: 20px 0;
     }
     .blog-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .blog-2 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .blog-2 .phone_top {
         padding-top: 0;
     }
     .blog-2 .phone_top .pull-right {
         padding: 5px;
     }
     .blog-2 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .blog-2 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .blog-2 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .blog-2 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .blog-2 .affixx {
         padding-bottom: 10px !important;
     }
     .blog-2 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .blog-2 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .blog-2 .header-lap {
         display: none;
     }
     .blog-2 .header-mobi {
         display: block;
     }
     .blog-2 .feedback {
         padding-bottom: 50px;
     }
     .blog-2 .cust h1 {
         font-size: 30px;
     }
     .blog-2 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .blog-2 .all-pro span {
         margin-right: 5px;
     }
     .blog-2 .phone_top span {
         display: none;
     }
     .blog-2 .phone_top .phonee {
         display: none;
     }
     .blog-2 .who_we_are {
         padding: 50px 0;
     }
     .blog-2 .blog {
         padding: 50px 0;
     }
     .blog-2 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .blog-2 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-2 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .blog-2 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .blog-2 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .blog-2 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .blog-2 .feedback .feeb {
         font-size: 130px;
     }
     .blog-2 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blog-2 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .blog-2 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .blog-2 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blog-2 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .blog-2 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .blog-2 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .blog-2 .links ul {
         -webkit-padding-start: 0px;
     }
     .blog-2 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .blog-2 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .blog-2 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .blog-2 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .blog-2 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .blog-2 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .blog-2 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .blog-2 .servic {
         padding-top: 50px;
     }
     .blog-2 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .blog-2 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .blog-2 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .blog-2 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .blog-2 .row_top div p {
         line-height: 170%;
     }
     .blog-2 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .blog-2 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .blog-2 .slide_main .test {
         padding-top: 100px;
     }
     .blog-2 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .blog-2 .servic .col-md-4 {
         width: 50%;
     }
     .blog-2 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .blog-2 .blog .col-md-4 {
         width: 33.33333%;
     }
     .blog-2 .button_see {
         margin-top: 10px;
     }
     .blog-2 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .blog-2 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .blog-2 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .blog-2 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .blog-2 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .blog-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blog-2 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .blog-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blog-2 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .blog-2 * h1 {
         font-size: 36px !important;
     }
     .blog-2 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-2 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .blog-2 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .blog-2 .feedback .feeb {
         font-size: 100px;
     }
     .blog-2 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .blog-2 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .blog-2 .who_we_are .who_are p {
         font-size: 14px;
     }
     .blog-2 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .blog-2 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .blog-2 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .blog-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blog-2 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .blog-2 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .blog-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .blog-2 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .blog-2 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .blog-2 .porfolio {
         padding: 50px 0px;
     }
     .blog-2 .button-proje {
         width: 210px;
     }
     .blog-2 .video .row_video .video1>p {
         font-size: 24px;
     }
     .blog-2 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .blog-2 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .blog-2 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .footer #googlemap1 {
         height: 400px;
     }
     .blog-2 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-2 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-2 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .blog-2 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .blog-2 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .blog-2 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .blog-2 .side .navbar .list-group-item button {
         top: 0;
     }
     .blog-2 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .blog-2 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .blog-2 .base {
         margin-left: 0 !important;
     }
     .blog-2 .baseright {
         margin-left: 0 !important;
     }
     .blog-2 .sile1 {
         top: 60%;
     }
     .blog-2 .affixx {
         background: #333 !important;
     }
     .blog-2 .affixx {
         padding-top: 20px !important;
     }
     .blog-2 .feedback .feeb {
         font-size: 70px;
     }
     .blog-2 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .blog-2 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .blog-2 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .blog-2 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .blog-2 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .blog-2 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .blog-2 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .blog-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blog-2 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .blog-2 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .blog-2 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .blog-2 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .blog-2 .button_see {
         margin-top: 0;
     }
     .blog-2 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .blog-2 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .blog-2 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .blog-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-2 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .blog-2 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .blog-2 * h1 {
         font-size: 24px !important;
     }
     .blog-2 .affixx {
         position: inherit !important;
     }
     .blog-2 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-2 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .blog-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .blog-2 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .blog-2 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .blog-2 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .blog-2 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .blog-2 .feedback .feeb {
         letter-spacing: 6px;
     }
     .blog-2 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .blog-2 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .blog-2 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .blog-2 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .blog-2 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .blog-2 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .blog-2 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .blog-2 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .blog-2 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .blog-2 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .blog-2 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .blog-2 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .blog-2 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .blog-2 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .blog-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-2 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .blog-2 .servic .identity {
         padding-top: 20px;
     }
     .blog-2 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .blog-2 .porfolio .nav_main {
         float: left;
     }
     .blog-2 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .blog-2 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .blog-2 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .blog-2 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .blog-2 .who_we_are .weare {
         padding-left: 50px;
     }
     .blog-2 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .blog-2 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-2 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .blog-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .blog-2 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .blog-2 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .blog-2 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .blog-2 .video-skills .skills {
         padding: 0 15px;
     }
     .blog-2 .contacts .contact p {
         font-size: 24px;
     }
     .blog-2 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-2 .about .about-we h1 {
         font-size: 40px;
     }
     .blog-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .blog-2 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .blog-2 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-2 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .blog-2 .cooperate .logo-brand img {
         width: 100%;
     }
     .blog-2 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-2 .cooperate {
         padding-top: 50px;
     }
     .blog-2 .talk-to .row {
         padding: 50px 0;
     }
     .blog-2 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-2 .sile1 .we_are {
         padding-right: 0;
     }
     .blog-2 .about {
         top: 0;
         padding: 30px 0;
     }
     .blog-2 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-2 .about .about-we {
         padding-left: 30px;
     }
     .blog-2 .about .corem-ipsum {
         padding-right: 30px;
     }
     .blog-2 .about .corem-ipsum p {
         line-height: 150%;
     }
     .blog-2 .contacts .contact {
         text-align: center;
     }
     .blog-2 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .blog-2 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .blog-2 .video-skills .video {
         padding-left: 15px;
     }
     .blog-2 .video-skills {
         padding-bottom: 50px;
     }
     .blog-2 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .blog-2 .contacts .contact p {
         font-size: 20px;
     }
     .blog-2 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .blog-2 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .blog-2 .about .corem-ipsum {
         padding-left: 30px;
     }
     .blog-2 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .blog-2 .cooperate .logo-brand {
         text-align: center;
     }
     .blog-2 .cooperate .logo-brand img {
         width: initial;
     }
     .blog-2 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-2 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .blog-2 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .blog-2 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-2 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blog-2 .button1 .vuong {
         background: transparent !important;
     }
     .blog-2 .button1 span {
         background: #fff !important;
     }
     .blog-2 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blog-2 .sile1 {
         width: 65%;
     }
     .blog-2 .about .corem-ipsum p {
         font-size: 14px;
     }
     .blog-2 .case-center .case-studies p {
         font-size: 14px;
     }
     .blog-2 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .slick-dots {
         bottom: -50px !important;
     }
     .blog-2 .cooperate {
         padding-top: 50px;
     }
     .blog-2 .who_we_are .weare {
         padding-bottom: 0;
     }
     .blog-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blog-2 .button-contact button {
         height: 40px;
     }
     .blog-2 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .blog-2 .cooperate .logo-brand img {
         width: 100%;
     }
     .blog-2 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .blog-2 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .blog-2 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .talk-to .input-contact input {
         font-size: 14px;
     }
     .blog-2 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-2 .servic .col-md-4 {
         padding-left: 30px;
     }
     .blog-2 .button1 .vuong {
         background: transparent !important;
     }
     .blog-2 .button1 span {
         background: #fff !important;
     }
     .blog-2 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blog-2 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .blog-2 .sile1 {
         width: 95%;
         left: 5%;
     }
     .blog-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .blog-2 .cooperate .logo-brand img {
         width: initial;
     }
     .blog-2 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .blog-2 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .blog-2 .cases .read-mode {
         width: 100%;
     }
     .blog-2 .row_top {
         width: 100%;
     }
     .blog-2 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .blog-2 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .blog-2 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .blog-2 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .blog-2 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-2 .contacts .contact p {
         font-size: 24px;
     }
     .blog-2 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-2 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .blog-2 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .blog-2 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .blog-2 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-2 .testimonials-img img {
         width: 100%;
     }
     .blog-2 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .blog-2 .cooperate {
         padding-top: 50px;
     }
     .blog-2 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-2 .contacts .contact {
         text-align: center;
     }
     .blog-2 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .blog-2 .testimonials {
         padding-bottom: 50px;
     }
     .blog-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .blog-2 .contacts .contact p {
         font-size: 20px;
     }
     .blog-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blog-2 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .blog-2 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .blog-2 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .blog-2 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-2 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-2 .gallery .col-md-4 {
         width: 100%;
     }
     .blog-2 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .blog-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blog-2 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .blog-2 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .blog-2 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blog-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blog-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blog-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-2 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-2 .affixx {
         padding-top: 15px !important;
     }
     .blog-2 .pull-right {
         padding-top: 5px;
     }
     .blog-2 .layer {
         padding-top: 0px;
     }
     .blog-2 .pull-right {
         padding: 5px 0;
     }
     .blog-2 .page-404 {
         padding-top: 50px 15px;
     }
     .blog-2 .affixx .sidenav {
         padding-right: 15px;
     }
     .blog-2 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-2 .careate img {
         width: 100%;
     }
     .blog-2 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .blog-2 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-2 .layer {
         padding-top: 62px;
     }
     .blog-2 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .blog-2 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-2 .container_header {
         top: 75%;
     }
     .blog-2 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .blog-2 .container_header .breadcrumb .active {
         width: auto;
     }
     .blog-2 .blog .pagination li .prev {
         width: 80px;
     }
     .blog-2 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-2 .pricing-table .center-mode {
         padding-bottom: 50px;
     }
     .blog-2 .pricing-table {
         padding-top: 50px;
     }
     .blog-2 .servic .col-md-12 p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-2 .affixx .logo {
         padding-left: 15px;
     }
     .blog-2 .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media (min-width: 767px) and (max-width: 900px) {
     .blog-2 .brand .brand_logo .brand-logo img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-2 .brand .brand_logo .clear-left {
         clear: left;
     }
     .blog-2 .brand .brand_logo .brand-logo {
         width: 33.3333%;
         text-align: center;
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-2 .brand .brand_logo {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-2 .brand .brand_logo .brand-logo {
         width: 100%;
         text-align: center;
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-2 .video-skills .video .helo .button_play {
         padding: 30px;
     }
 }

 .blog-3 {
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .blog-3 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .blog-3 * {
     outline: 0;
     outline: 0px auto -webkit-focus-ring-color !important;
     box-sizing: border-box;
 }

 .blog-3 .sidenav a:hover {
     color: #b6aeae;
 }

 .blog-3 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .blog-3 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .blog-3 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .blog-3 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blog-3 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .blog-3 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .blog-3 .button_rea:hover {
     opacity: 0.7;
 }

 .blog-3 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .blog-3 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blog-3 .layer {
     position: relative;
 }

 .blog-3 .layer img {
     width: 100%;
 }

 .blog-3 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .blog-3 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .blog-3 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .blog-3 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blog-3 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .blog-3 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .blog-3 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .blog-3 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blog-3 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blog-3 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .blog-3 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .blog-3 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .blog-3 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blog-3 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .blog-3 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .blog-3 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .blog-3 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blog-3 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .blog-3 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .blog-3 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .blog-3 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .blog-3 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .blog-3 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .blog-3 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .blog-3 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .blog-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .blog-3 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .blog-3 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .blog-3 .header-mobi {
     display: none;
 }

 .blog-3 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .blog-3 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .blog-3 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .blog-3 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blog-3 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blog-3 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .blog-3 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .blog-3 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .blog-3 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blog-3 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .blog-3 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .blog-3 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .blog-3 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blog-3 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .blog-3 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .blog-3 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .blog-3 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .blog-3 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-3 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-3 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .blog-3 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .blog-3 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .blog-3 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .blog-3 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .blog-3 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .blog-3 .sidenav a:hover {
     color: #f1f1f1;
 }

 .blog-3 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .blog-3 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .blog-3 .child2 {
     margin: 5px 0;
 }

 .blog-3 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .blog-3 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .blog-3 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .blog-3 .container_header .breadcrumb {
     background: transparent;
 }

 .blog-3 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .blog-3 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .blog-3 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .blog-3 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .blog-3 .basel {
     content: " ";
     position: fixed;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.7);
     opacity: 0;
     visibility: hidden;
     z-index: 4;
     width: 100%;
     height: 100%;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
 }

 .blog-3 .fiter {
     visibility: hidden;
     font-size: 18px !important;
     color: #fff;
     background: #fc6a55;
     padding: 5px 10px;
     position: fixed;
     z-index: 3;
 }

 .blog-3 .sidenav-blog {
     padding: 100px 0;
 }

 .blog-3 .sidenav-blog .blog .name_img {
     padding: 62px 0;
     border-bottom: 1px solid #ebebeb;
 }

 .blog-3 .sidenav-blog .blog .name_img .blog_img {
     position: relative;
     overflow: hidden;
     width: 50%;
     float: left;
 }

 .blog-3 .sidenav-blog .blog .name_img .blog_img:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .blog-3 .sidenav-blog .blog .name_img .blog_img img {
     width: 100%;
     transition: all .3s;
 }

 .blog-3 .sidenav-blog .blog .name_img .blog_name {
     padding-left: 30px;
     width: 50%;
     float: right;
 }

 .blog-3 .sidenav-blog .blog .name_img .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .blog-3 .sidenav-blog .blog .name_img .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
     margin-top: 0px;
 }

 .blog-3 .sidenav-blog .blog .name_img .blog_name span {
     color: #fc6a53;
 }

 .blog-3 .sidenav-blog .blog .name_img .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .blog-3 .sidenav-blog .blog .no-border {
     border: none;
 }

 .blog-3 .sidenav-blog .blog .pagination .active a {
     color: #909090;
     background: #e1e1e1;
     border-color: #e1e1e1;
 }

 .blog-3 .sidenav-blog .blog .pagination li a {
     color: #333;
     width: 50px;
     height: 50px;
     line-height: 50px;
     padding: 0;
     transition: all .4s;
 }

 .blog-3 .sidenav-blog .blog .pagination li a:hover {
     background: #e1e1e1;
     color: #909090;
 }

 .blog-3 .sidenav-blog .blog .pagination li .prev {
     color: #909090;
     border-radius: 0;
     width: 100px;
 }

 .blog-3 .sidenav-blog .sidenav {
     padding-left: 55px;
     padding-top: 62px;
 }

 .blog-3 .sidenav-blog .sidenav .close {
     z-index: 3;
     width: 317px;
     transition: all 1s;
     position: absolute;
     top: 10px;
     left: 0;
 }

 .blog-3 .sidenav-blog .sidenav .close .closebtn {
     float: right;
     padding-right: 20px;
     top: 0;
     font-size: 36px;
     margin-left: 50px;
     visibility: hidden;
     color: #2b2b2b;
     outline: 0;
 }

 .blog-3 .sidenav-blog .sidenav .close .closebtn:focus {
     text-decoration: none;
 }

 .blog-3 .sidenav-blog .sidenav .close .closebtn:hover {
     text-decoration: none;
 }

 .blog-3 .sidenav-blog .sidenav .search .input-group {
     width: 100%;
 }

 .blog-3 .sidenav-blog .sidenav .search .input-group .form-control {
     height: 60px;
 }

 .blog-3 .sidenav-blog .sidenav .search .input-group .input-group-btn {
     position: absolute;
     right: 0;
     top: 10px;
     width: 50px;
 }

 .blog-3 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn {
     border-radius: 0;
     border: none;
     background: transparent;
     outline: 0;
     z-index: 3;
     padding: 10px 12px;
 }

 .blog-3 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn i {
     font-size: 20px;
     color: #909090;
 }

 .blog-3 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn:active {
     box-shadow: none;
 }

 .blog-3 .sidenav-blog .sidenav .about {
     padding-top: 50px;
 }

 .blog-3 .sidenav-blog .sidenav .about h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
 }

 .blog-3 .sidenav-blog .sidenav .about h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .about img {
     width: 100%;
 }

 .blog-3 .sidenav-blog .sidenav .about p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding-top: 20px;
 }

 .blog-3 .sidenav-blog .sidenav .follow {
     text-align: center;
     padding-bottom: 50px;
 }

 .blog-3 .sidenav-blog .sidenav .follow h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
 }

 .blog-3 .sidenav-blog .sidenav .follow h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .follow .face {
     background-image: url(../img/face.png);
     height: 32px;
     width: 32px;
     display: inline-block;
     cursor: pointer;
 }

 .blog-3 .sidenav-blog .sidenav .follow .goo {
     background-image: url(../img/goo.png);
     height: 32px;
     width: 32px;
     display: inline-block;
     cursor: pointer;
 }

 .blog-3 .sidenav-blog .sidenav .follow .twi {
     background-image: url(../img/twi.png);
     height: 32px;
     width: 32px;
     display: inline-block;
     cursor: pointer;
 }

 .blog-3 .sidenav-blog .sidenav .follow .sha {
     background-image: url(../img/sha.png);
     height: 32px;
     width: 32px;
     display: inline-block;
     cursor: pointer;
 }

 .blog-3 .sidenav-blog .sidenav .follow .pin {
     background-image: url(../img/pin.png);
     height: 32px;
     width: 32px;
     display: inline-block;
     cursor: pointer;
 }

 .blog-3 .sidenav-blog .sidenav .follow span {
     margin: 5px 1px;
     transition: all .4s;
 }

 .blog-3 .sidenav-blog .sidenav .follow span:hover {
     opacity: .7;
 }

 .blog-3 .sidenav-blog .sidenav .categories {
     padding-bottom: 50px;
 }

 .blog-3 .sidenav-blog .sidenav .categories h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
     padding-bottom: 50px;
 }

 .blog-3 .sidenav-blog .sidenav .categories h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .categories ul {
     -webkit-padding-start: 0;
 }

 .blog-3 .sidenav-blog .sidenav .categories ul li {
     list-style: none;
     border-bottom: 1px solid #ebebeb;
     padding: 11px 0;
 }

 .blog-3 .sidenav-blog .sidenav .categories ul li a {
     color: #909090;
     font-size: 16px;
     transition: all .4s;
 }

 .blog-3 .sidenav-blog .sidenav .categories ul li a:hover {
     text-decoration: none;
     opacity: .7;
 }

 .blog-3 .sidenav-blog .sidenav .categories ul li a span {
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .categories ul li a span:hover {
     opacity: .7;
 }

 .blog-3 .sidenav-blog .sidenav .categories ul .no-border {
     border: none;
 }

 .blog-3 .sidenav-blog .sidenav .testimonials {
     background: #fc6955;
     text-align: center;
     padding: 75px 10px;
 }

 .blog-3 .sidenav-blog .sidenav .testimonials span {
     background-image: url(../img/file2.png);
     height: 45px;
     width: 56px;
     display: inline-block;
 }

 .blog-3 .sidenav-blog .sidenav .testimonials h3 {
     font-size: 22px;
     font-weight: 500;
     font-family: Montserrat;
     color: #fff;
     line-height: 35px;
 }

 .blog-3 .sidenav-blog .sidenav .popularp-post {
     padding-top: 50px;
 }

 .blog-3 .sidenav-blog .sidenav .popularp-post h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
 }

 .blog-3 .sidenav-blog .sidenav .popularp-post h4 span {
     width: 60%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .popularp-post .traveling {
     padding: 15px 0;
 }

 .blog-3 .sidenav-blog .sidenav .popularp-post .traveling img {
     width: 30%;
 }

 .blog-3 .sidenav-blog .sidenav .popularp-post .traveling .produc {
     width: 60%;
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .popularp-post .traveling .produc h5 {
     font-family: roboto condensed;
     font-weight: 700;
     margin-top: 0;
 }

 .blog-3 .sidenav-blog .sidenav .popularp-post .traveling .produc h6 {
     color: #909090;
     font-weight: 400;
     padding-top: 10px;
 }

 .blog-3 .sidenav-blog .sidenav .tags-cloud {
     padding-top: 50px;
 }

 .blog-3 .sidenav-blog .sidenav .tags-cloud h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
 }

 .blog-3 .sidenav-blog .sidenav .tags-cloud h4 span {
     width: 60%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .tags-cloud .btn {
     height: 40px;
     border-radius: 0;
     padding: 6px 20px;
     border: 1px solid #ebebeb;
     background: transparent;
     margin: 5px 0;
     color: #909090;
     font-size: 12px;
 }

 .blog-3 .sidenav-blog .sidenav .tags-cloud .btn1 {
     margin: 0 9px;
 }

 .blog-3 .sidenav-blog .sidenav .archive h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
     padding-top: 60px;
 }

 .blog-3 .sidenav-blog .sidenav .archive h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .archive ul {
     -webkit-padding-start: 0;
 }

 .blog-3 .sidenav-blog .sidenav .archive ul li {
     list-style: none;
     border-bottom: 1px solid #ebebeb;
     padding: 11px 0;
 }

 .blog-3 .sidenav-blog .sidenav .archive ul li a {
     color: #909090;
     font-size: 16px;
     transition: all .4s;
 }

 .blog-3 .sidenav-blog .sidenav .archive ul li a:hover {
     text-decoration: none;
     opacity: .7;
 }

 .blog-3 .sidenav-blog .sidenav .archive ul li a span {
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .archive ul li a span:hover {
     opacity: .7;
 }

 .blog-3 .sidenav-blog .sidenav .archive ul .no-border {
     border: none;
 }

 .blog-3 .sidenav-blog .sidenav .newletter h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
     padding-top: 60px;
 }

 .blog-3 .sidenav-blog .sidenav .newletter h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-3 .sidenav-blog .sidenav .newletter .input-group {
     width: 100%;
 }

 .blog-3 .sidenav-blog .sidenav .newletter .input-group .form-control {
     height: 60px;
 }

 .blog-3 .sidenav-blog .sidenav .newletter .input-group .form-control:focus {
     border-color: none;
     box-shadow: none;
     border: 1px solid #f2f2f2;
 }

 .blog-3 .sidenav-blog .sidenav .newletter .input-group .input-group-btn {
     position: absolute;
     right: 0;
     top: 10px;
     width: 50px;
 }

 .blog-3 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn {
     border-radius: 0;
     border: none;
     background: transparent;
     outline: 0;
     z-index: 3;
 }

 .blog-3 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn i {
     background-image: url(../img/thublog.png);
     height: 18px;
     width: 25px;
     margin-top: 5px;
     margin-right: 5px;
     display: inline-block;
 }

 .blog-3 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn:active {
     box-shadow: none;
 }

 .blog-3 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .blog-3 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .blog-3 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blog-3 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .blog-3 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .blog-3 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-3 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-3 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-3 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .blog-3 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .blog-3 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .blog-3 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-3 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .blog-3 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .blog-3 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .blog-3 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .blog-3 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .blog-3 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-3 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .blog-3 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .blog-3 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .blog-3 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .blog-3 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .blog-3 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-3 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .blog-3 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .blog-3 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .blog-3 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .blog-3 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .blog-3 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1360px) {
     .blog-3 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .blog-3 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .blog-3 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .blog-3 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .blog-3 .who_we_are .weare {
         padding-left: 100px;
     }
     .blog-3 .sile1 .we_are {
         padding-right: 30px;
     }
     .blog-3 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-3 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .blog-3 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blog-3 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blog-3 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blog-3 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-3 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .blog-3 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .blog-3 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-3 .team {
         padding: 50px 0;
     }
     .blog-3 .unlimited {
         padding-bottom: 50px;
     }
     .blog-3 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-3 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .blog-3 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .blog-3 .servic .development {
         border: none;
     }
     .blog-3 .servic .appdevelopment {
         border: none;
     }
     .blog-3 .servic .marketing {
         border: none;
     }
     .blog-3 .servic .design {
         border: none;
     }
     .blog-3 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .blog-3 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .blog-3 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-3 .sile1 .we_are {
         padding-right: 10px;
     }
     .blog-3 .porfolio .blanc {
         padding-right: 0;
     }
     .blog-3 .porfolio .mock {
         padding-left: 0;
     }
     .blog-3 .what1 .js-click-product {
         height: 120px;
     }
     .blog-3 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .blog-3 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .blog-3 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .blog-3 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .blog-3 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-3 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blog-3 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-3 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-3 .pricing-table {
         padding-top: 100px;
     }
     .blog-3 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .blog-3 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-3 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-3 .sile1 {
         width: 100%;
     }
     .blog-3 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .blog-3 .servic .creation {
         padding-top: 19px;
     }
     .blog-3 .servic .design {
         padding: 15px;
     }
     .blog-3 .servic .appdevelopment {
         padding: 15px;
     }
     .blog-3 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .blog-3 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .blog-3 .pricing-table {
         padding-top: 50px;
     }
     .blog-3 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blog-3 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blog-3 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-3 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .blog-3 .what1 .main-img .slick-slide {
         display: none;
     }
     .blog-3 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .blog-3 .porfolio .blanc img {
         width: 100%;
     }
     .blog-3 .sile1 {
         width: 97%;
     }
     .blog-3 .servic .col-md-4 {
         padding-left: 15px;
     }
     .blog-3 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .blog-3 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .blog-3 .slick-slider .slick-track {
         width: 250px;
     }
     .blog-3 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .blog-3 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .blog-3 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .blog-3 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .blog-3 .pull-right {
     cursor: pointer;
 }

 .blog-3 * {
     outline: none !important;
 }

 .blog-3 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .blog-3 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .blog-3 .create {
         padding: 117px 30px;
     }
     .blog-3 .careate .carea .cust {
         padding: 15px 10px;
     }
     .blog-3 .carea {
         padding: 40px 80px;
     }
     .blog-3 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .blog-3 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .blog-3 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .blog-3 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .blog-3 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .blog-3 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .blog-3 .affixx .navba {
         padding-left: 5px;
     }
     .blog-3 .phone_top {
         padding-right: 5px;
     }
     .blog-3 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-3 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .blog-3 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-3 .feedback .feeb {
         font-size: 200px;
     }
     .blog-3 .affixx .navba {
         padding-left: 15px;
     }
     .blog-3 .phone_top {
         padding-right: 15px;
     }
     .blog-3 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .blog-3 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .blog-3 .we_are {
         padding: 0 50px;
     }
     .blog-3 .careate .carea .cust {
         padding: 10px 10px;
     }
     .blog-3 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .blog-3 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .blog-3 .cust h1 {
         padding-bottom: 0;
     }
     .blog-3 .cust p {
         line-height: 150%;
     }
     .blog-3 .button_see {
         margin-top: 27px;
     }
     .blog-3 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .blog-3 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .blog-3 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .blog-3 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .blog-3 .footer .full-container {
         padding: 0 15px;
     }
     .blog-3 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .blog-3 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-3 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-3 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .blog-3 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blog-3 .contacts .contact {
         padding: 20px 0;
     }
     .blog-3 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .blog-3 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .blog-3 .phone_top {
         padding-top: 0;
     }
     .blog-3 .phone_top .pull-right {
         padding: 5px;
     }
     .blog-3 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .blog-3 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .blog-3 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .blog-3 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .blog-3 .affixx {
         padding-bottom: 10px !important;
     }
     .blog-3 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .blog-3 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .blog-3 .header-lap {
         display: none;
     }
     .blog-3 .header-mobi {
         display: block;
     }
     .blog-3 .feedback {
         padding-bottom: 50px;
     }
     .blog-3 .cust h1 {
         font-size: 30px;
     }
     .blog-3 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .blog-3 .all-pro span {
         margin-right: 5px;
     }
     .blog-3 .phone_top span {
         display: none;
     }
     .blog-3 .phone_top .phonee {
         display: none;
     }
     .blog-3 .who_we_are {
         padding: 50px 0;
     }
     .blog-3 .blog {
         padding: 50px 0;
     }
     .blog-3 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .blog-3 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-3 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .blog-3 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .blog-3 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .blog-3 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .blog-3 .feedback .feeb {
         font-size: 130px;
     }
     .blog-3 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blog-3 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .blog-3 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .blog-3 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blog-3 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .blog-3 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .blog-3 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .blog-3 .links ul {
         -webkit-padding-start: 0px;
     }
     .blog-3 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .blog-3 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .blog-3 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .blog-3 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .blog-3 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .blog-3 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .blog-3 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .blog-3 .servic {
         padding-top: 50px;
     }
     .blog-3 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .blog-3 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .blog-3 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .blog-3 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .blog-3 .row_top div p {
         line-height: 170%;
     }
     .blog-3 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .blog-3 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .blog-3 .slide_main .test {
         padding-top: 100px;
     }
     .blog-3 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .blog-3 .servic .col-md-4 {
         width: 50%;
     }
     .blog-3 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .blog-3 .blog .col-md-4 {
         width: 33.33333%;
     }
     .blog-3 .button_see {
         margin-top: 10px;
     }
     .blog-3 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .blog-3 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .blog-3 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .blog-3 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .blog-3 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .blog-3 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blog-3 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .blog-3 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blog-3 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .blog-3 * h1 {
         font-size: 36px !important;
     }
     .blog-3 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-3 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .blog-3 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .blog-3 .feedback .feeb {
         font-size: 100px;
     }
     .blog-3 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .blog-3 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .blog-3 .who_we_are .who_are p {
         font-size: 14px;
     }
     .blog-3 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .blog-3 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .blog-3 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .blog-3 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blog-3 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .blog-3 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .blog-3 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .blog-3 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .blog-3 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .blog-3 .porfolio {
         padding: 50px 0px;
     }
     .blog-3 .button-proje {
         width: 210px;
     }
     .blog-3 .video .row_video .video1>p {
         font-size: 24px;
     }
     .blog-3 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .blog-3 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .blog-3 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .footer #googlemap1 {
         height: 400px;
     }
     .blog-3 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-3 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-3 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .blog-3 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .blog-3 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .blog-3 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .blog-3 .side .navbar .list-group-item button {
         top: 0;
     }
     .blog-3 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .blog-3 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .blog-3 .base {
         margin-left: 0 !important;
     }
     .blog-3 .baseright {
         margin-left: 0 !important;
     }
     .blog-3 .sile1 {
         top: 60%;
     }
     .blog-3 .affixx {
         background: #333 !important;
     }
     .blog-3 .affixx {
         padding-top: 20px !important;
     }
     .blog-3 .feedback .feeb {
         font-size: 70px;
     }
     .blog-3 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .blog-3 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .blog-3 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .blog-3 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .blog-3 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .blog-3 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .blog-3 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .blog-3 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blog-3 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .blog-3 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .blog-3 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .blog-3 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .blog-3 .button_see {
         margin-top: 0;
     }
     .blog-3 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .blog-3 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .blog-3 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .blog-3 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-3 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-3 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-3 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-3 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .blog-3 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .blog-3 * h1 {
         font-size: 24px !important;
     }
     .blog-3 .affixx {
         position: inherit !important;
     }
     .blog-3 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-3 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .blog-3 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .blog-3 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .blog-3 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .blog-3 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .blog-3 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .blog-3 .feedback .feeb {
         letter-spacing: 6px;
     }
     .blog-3 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .blog-3 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .blog-3 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .blog-3 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .blog-3 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .blog-3 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .blog-3 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .blog-3 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .blog-3 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .blog-3 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .blog-3 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .blog-3 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .blog-3 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .blog-3 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .blog-3 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-3 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-3 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-3 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-3 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .blog-3 .servic .identity {
         padding-top: 20px;
     }
     .blog-3 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .blog-3 .porfolio .nav_main {
         float: left;
     }
     .blog-3 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .blog-3 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .blog-3 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .blog-3 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .blog-3 .who_we_are .weare {
         padding-left: 50px;
     }
     .blog-3 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .blog-3 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-3 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .blog-3 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .blog-3 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .blog-3 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .blog-3 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .blog-3 .video-skills .skills {
         padding: 0 15px;
     }
     .blog-3 .contacts .contact p {
         font-size: 24px;
     }
     .blog-3 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-3 .about .about-we h1 {
         font-size: 40px;
     }
     .blog-3 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .blog-3 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .blog-3 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-3 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .blog-3 .cooperate .logo-brand img {
         width: 100%;
     }
     .blog-3 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-3 .cooperate {
         padding-top: 50px;
     }
     .blog-3 .talk-to .row {
         padding: 50px 0;
     }
     .blog-3 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-3 .sile1 .we_are {
         padding-right: 0;
     }
     .blog-3 .about {
         top: 0;
         padding: 30px 0;
     }
     .blog-3 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-3 .about .about-we {
         padding-left: 30px;
     }
     .blog-3 .about .corem-ipsum {
         padding-right: 30px;
     }
     .blog-3 .about .corem-ipsum p {
         line-height: 150%;
     }
     .blog-3 .contacts .contact {
         text-align: center;
     }
     .blog-3 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .blog-3 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .blog-3 .video-skills .video {
         padding-left: 15px;
     }
     .blog-3 .video-skills {
         padding-bottom: 50px;
     }
     .blog-3 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-3 .contacts .contact p .circle img {
         width: 8%;
     }
     .blog-3 .contacts .contact p {
         font-size: 20px;
     }
     .blog-3 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .blog-3 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .blog-3 .about .corem-ipsum {
         padding-left: 30px;
     }
     .blog-3 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .blog-3 .cooperate .logo-brand {
         text-align: center;
     }
     .blog-3 .cooperate .logo-brand img {
         width: initial;
     }
     .blog-3 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-3 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .blog-3 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .blog-3 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-3 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blog-3 .button1 .vuong {
         background: transparent !important;
     }
     .blog-3 .button1 span {
         background: #fff !important;
     }
     .blog-3 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blog-3 .sile1 {
         width: 65%;
     }
     .blog-3 .about .corem-ipsum p {
         font-size: 14px;
     }
     .blog-3 .case-center .case-studies p {
         font-size: 14px;
     }
     .blog-3 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .slick-dots {
         bottom: -50px !important;
     }
     .blog-3 .cooperate {
         padding-top: 50px;
     }
     .blog-3 .who_we_are .weare {
         padding-bottom: 0;
     }
     .blog-3 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blog-3 .button-contact button {
         height: 40px;
     }
     .blog-3 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .blog-3 .cooperate .logo-brand img {
         width: 100%;
     }
     .blog-3 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .blog-3 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .blog-3 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .talk-to .input-contact input {
         font-size: 14px;
     }
     .blog-3 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-3 .servic .col-md-4 {
         padding-left: 30px;
     }
     .blog-3 .button1 .vuong {
         background: transparent !important;
     }
     .blog-3 .button1 span {
         background: #fff !important;
     }
     .blog-3 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blog-3 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .blog-3 .sile1 {
         width: 95%;
         left: 5%;
     }
     .blog-3 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .blog-3 .cooperate .logo-brand img {
         width: initial;
     }
     .blog-3 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .blog-3 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .blog-3 .cases .read-mode {
         width: 100%;
     }
     .blog-3 .row_top {
         width: 100%;
     }
     .blog-3 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .blog-3 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .blog-3 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .blog-3 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .blog-3 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-3 .contacts .contact p {
         font-size: 24px;
     }
     .blog-3 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-3 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .blog-3 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .blog-3 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .blog-3 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-3 .testimonials-img img {
         width: 100%;
     }
     .blog-3 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .blog-3 .cooperate {
         padding-top: 50px;
     }
     .blog-3 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-3 .contacts .contact {
         text-align: center;
     }
     .blog-3 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .blog-3 .testimonials {
         padding-bottom: 50px;
     }
     .blog-3 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-3 .contacts .contact p .circle img {
         width: 8%;
     }
     .blog-3 .contacts .contact p {
         font-size: 20px;
     }
     .blog-3 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blog-3 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-3 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .blog-3 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .blog-3 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .blog-3 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-3 .gallery .col-md-4 {
         width: 100%;
     }
     .blog-3 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .blog-3 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blog-3 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .blog-3 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .blog-3 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-3 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-3 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blog-3 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blog-3 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blog-3 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-3 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-3 .affixx {
         padding-top: 15px !important;
     }
     .blog-3 .pull-right {
         padding-top: 5px;
     }
     .blog-3 .layer {
         padding-top: 0px;
     }
     .blog-3 .pull-right {
         padding: 5px 0;
     }
     .blog-3 .page-404 {
         padding-top: 50px 15px;
     }
     .blog-3 .affixx .sidenav {
         padding-right: 15px;
     }
     .blog-3 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-3 .careate img {
         width: 100%;
     }
     .blog-3 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .blog-3 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-3 .layer {
         padding-top: 62px;
     }
     .blog-3 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .blog-3 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-3 .container_header {
         top: 75%;
     }
     .blog-3 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .blog-3 .container_header .breadcrumb .active {
         width: auto;
     }
     .blog-3 .blog .pagination li .prev {
         width: 80px;
     }
     .blog-3 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width: 1200px) {
     .blog-3 .sidenav-blog .blog .name_img .blog_name {
         padding-left: 15px;
     }
     .blog-3 .sidenav-blog .blog .name_img .blog_name h5 {
         padding-bottom: 0;
     }
     .blog-3 .sidenav-blog .blog .name_img .blog_name p {
         padding-top: 10px;
     }
     .blog-3 .button_rea {
         margin-top: 0;
     }
     .blog-3 .sidenav-blog .sidenav .about h4 span {
         width: 60%;
     }
     .blog-3 .sidenav-blog .sidenav .follow h4 span {
         width: 60%;
     }
     .blog-3 .sidenav-blog .sidenav .categories h4 span {
         width: 55%;
     }
     .blog-3 .sidenav-blog .sidenav .popularp-post h4 span {
         width: 45%;
     }
     .blog-3 .sidenav-blog .sidenav .archive h4 span {
         width: 65%;
     }
     .blog-3 .sidenav-blog .sidenav .tags-cloud h4 span {
         width: 50%;
     }
     .blog-3 .sidenav-blog .sidenav .tags-cloud .btn1 {
         margin: 5px 0;
     }
     .blog-3 .sidenav-blog .sidenav .newletter h4 span {
         width: 60%;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-3 .fiter {
         visibility: visible;
     }
     .blog-3 .sidenav-blog .sidenav {
         height: 100%;
         width: 317px;
         position: fixed;
         z-index: 10000;
         opacity: 0;
         top: 0;
         left: -317px;
         background-color: #fff;
         overflow-x: hidden;
         transition: 0.5s;
         padding-top: 60px;
     }
     .blog-3 .sidenav-blog .sidenav {
         padding-left: 15px;
         border-right: 1px solid #f2f2f2;
     }
     .blog-3 .sidenav-blog .sidenav .close .closebtn {
         visibility: visible;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-3 .sidenav-blog {
         padding-top: 0;
     }
     .blog-3 .sidenav-blog .blog .name_img {
         padding: 30px 0;
     }
     .blog-3 .sidenav-blog .blog .name_img .blog_img {
         width: 100%;
         padding: 0 15px;
     }
     .blog-3 .sidenav-blog .blog .name_img .blog_name {
         width: 100%;
         padding: 20px 15px;
     }
     .blog-3 .sidenav-blog .blog .name_img .blog_name a {
         font-size: 18px;
     }
     .blog-3 .sidenav-blog .blog .name_img .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-3 .sidenav-blog .blog .pagination li .prev {
         width: 80px;
     }
     .blog-3 .sidenav-blog .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-3 .sidenav-blog {
         padding: 0;
     }
 }

 .blog-4 {
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .blog-4 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .blog-4 * {
     outline: 0;
     outline: 0px auto -webkit-focus-ring-color !important;
     box-sizing: border-box;
 }

 .blog-4 .sidenav a:hover {
     color: #b6aeae;
 }

 .blog-4 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .blog-4 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .blog-4 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .blog-4 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blog-4 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .blog-4 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .blog-4 .button_rea:hover {
     opacity: 0.7;
 }

 .blog-4 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .blog-4 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blog-4 .layer {
     position: relative;
 }

 .blog-4 .layer img {
     width: 100%;
 }

 .blog-4 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .blog-4 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .blog-4 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .blog-4 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blog-4 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .blog-4 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .blog-4 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .blog-4 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blog-4 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blog-4 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .blog-4 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .blog-4 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .blog-4 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blog-4 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .blog-4 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .blog-4 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .blog-4 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blog-4 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .blog-4 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .blog-4 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .blog-4 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .blog-4 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .blog-4 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .blog-4 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .blog-4 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .blog-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .blog-4 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .blog-4 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .blog-4 .header-mobi {
     display: none;
 }

 .blog-4 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .blog-4 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .blog-4 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .blog-4 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blog-4 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blog-4 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .blog-4 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .blog-4 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .blog-4 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blog-4 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .blog-4 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .blog-4 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .blog-4 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blog-4 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .blog-4 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .blog-4 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .blog-4 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .blog-4 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blog-4 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blog-4 .side .navbar .list-group-item ul {
     margin-top: 5.5%;
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
     padding-bottom: 10px;
 }

 .blog-4 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .blog-4 .side li {
     font-size: 16px;
     color: #333;
     transition: 0.3s;
 }

 .blog-4 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .blog-4 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .blog-4 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .blog-4 .sidenav a:hover {
     color: #f1f1f1;
 }

 .blog-4 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .blog-4 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .blog-4 .child2 {
     margin: 5px 0;
 }

 .blog-4 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .blog-4 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .blog-4 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .blog-4 .container_header .breadcrumb {
     background: transparent;
 }

 .blog-4 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .blog-4 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .blog-4 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .blog-4 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .blog-4 .basel {
     content: " ";
     position: fixed;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.7);
     opacity: 0;
     visibility: hidden;
     z-index: 4;
     width: 100%;
     height: 100%;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
 }

 .blog-4 .fiter {
     visibility: hidden;
     font-size: 18px !important;
     color: #fff;
     background: #fc6a55;
     padding: 5px 10px;
     position: fixed;
     z-index: 3;
 }

 .blog-4 .sidenav-blog {
     padding: 100px 0;
 }

 .blog-4 .sidenav-blog .blog .name_img {
     padding: 50px 0;
     border-bottom: 1px solid #ebebeb;
     padding-bottom: 30px;
 }

 .blog-4 .sidenav-blog .blog .name_img .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 15px;
     margin-bottom: 0;
     line-height: 185%;
 }

 .blog-4 .sidenav-blog .blog .name_img .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
     margin-top: 0px;
 }

 .blog-4 .sidenav-blog .blog .name_img .blog_name span {
     color: #fc6a53;
 }

 .blog-4 .sidenav-blog .blog .name_img .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .blog-4 .sidenav-blog .blog .no-border {
     border: none;
 }

 .blog-4 .sidenav-blog .blog .pagination .active a {
     color: #909090;
     background: #e1e1e1;
     border-color: #e1e1e1;
 }

 .blog-4 .sidenav-blog .blog .pagination li a {
     color: #333;
     width: 50px;
     height: 50px;
     line-height: 50px;
     padding: 0;
     transition: all .4s;
 }

 .blog-4 .sidenav-blog .blog .pagination li a:hover {
     background: #e1e1e1;
     color: #909090;
 }

 .blog-4 .sidenav-blog .blog .pagination li .prev {
     color: #909090;
     border-radius: 0;
     width: 100px;
 }

 .blog-4 .sidenav-blog .sidenav {
     padding-left: 55px;
     padding-top: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .close {
     z-index: 3;
     width: 317px;
     transition: all 1s;
     position: absolute;
     top: 10px;
     left: 0;
 }

 .blog-4 .sidenav-blog .sidenav .close .closebtn {
     float: right;
     padding-right: 20px;
     top: 0;
     font-size: 36px;
     margin-left: 50px;
     visibility: hidden;
     color: #2b2b2b;
     outline: 0;
 }

 .blog-4 .sidenav-blog .sidenav .close .closebtn:focus {
     text-decoration: none;
 }

 .blog-4 .sidenav-blog .sidenav .close .closebtn:hover {
     text-decoration: none;
 }

 .blog-4 .sidenav-blog .sidenav .search .input-group {
     width: 100%;
 }

 .blog-4 .sidenav-blog .sidenav .search .input-group .form-control {
     height: 60px;
     outline: 0;
 }

 .blog-4 .sidenav-blog .sidenav .search .input-group .input-group-btn {
     position: absolute;
     right: 0;
     top: 10px;
     width: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn {
     border-radius: 0;
     border: none;
     background: transparent;
     outline: 0;
     z-index: 3;
     padding: 10px 12px;
 }

 .blog-4 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn i {
     font-size: 20px;
     color: #909090;
 }

 .blog-4 .sidenav-blog .sidenav .search .input-group .input-group-btn .btn:active {
     box-shadow: none;
 }

 .blog-4 .sidenav-blog .sidenav .about {
     padding-top: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .about h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
 }

 .blog-4 .sidenav-blog .sidenav .about h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .about img {
     width: 100%;
 }

 .blog-4 .sidenav-blog .sidenav .about p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding-top: 20px;
 }

 .blog-4 .sidenav-blog .sidenav .follow {
     text-align: center;
     padding-bottom: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .follow h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
 }

 .blog-4 .sidenav-blog .sidenav .follow h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .follow .face {
     background-image: url(../img/face.png);
     height: 32px;
     width: 32px;
     display: inline-block;
 }

 .blog-4 .sidenav-blog .sidenav .follow .goo {
     background-image: url(../img/goo.png);
     height: 32px;
     width: 32px;
     display: inline-block;
 }

 .blog-4 .sidenav-blog .sidenav .follow .twi {
     background-image: url(../img/twi.png);
     height: 32px;
     width: 32px;
     display: inline-block;
 }

 .blog-4 .sidenav-blog .sidenav .follow .sha {
     background-image: url(../img/sha.png);
     height: 32px;
     width: 32px;
     display: inline-block;
 }

 .blog-4 .sidenav-blog .sidenav .follow .pin {
     background-image: url(../img/pin.png);
     height: 32px;
     width: 32px;
     display: inline-block;
 }

 .blog-4 .sidenav-blog .sidenav .follow span {
     margin: 5px 1px;
     cursor: pointer;
     transition: all .3s;
 }

 .blog-4 .sidenav-blog .sidenav .follow span:hover {
     opacity: .7;
 }

 .blog-4 .sidenav-blog .sidenav .categories {
     padding-bottom: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .categories h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
     padding-bottom: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .categories h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .categories ul {
     -webkit-padding-start: 0;
 }

 .blog-4 .sidenav-blog .sidenav .categories ul li {
     list-style: none;
     border-bottom: 1px solid #ebebeb;
     padding: 11px 0;
 }

 .blog-4 .sidenav-blog .sidenav .categories ul li a {
     color: #909090;
     font-size: 16px;
     transition: all .4s;
 }

 .blog-4 .sidenav-blog .sidenav .categories ul li a:hover {
     text-decoration: none;
     opacity: .7;
 }

 .blog-4 .sidenav-blog .sidenav .categories ul li a span {
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .categories ul li a span:hover {
     opacity: .7;
 }

 .blog-4 .sidenav-blog .sidenav .categories ul .no-border {
     border: none;
 }

 .blog-4 .sidenav-blog .sidenav .testimonials {
     background: #fc6955;
     text-align: center;
     padding: 75px 10px;
 }

 .blog-4 .sidenav-blog .sidenav .testimonials span {
     background-image: url(../img/file2.png);
     height: 45px;
     width: 56px;
     display: inline-block;
 }

 .blog-4 .sidenav-blog .sidenav .testimonials h3 {
     font-size: 22px;
     font-weight: 500;
     font-family: Montserrat;
     color: #fff;
     line-height: 35px;
 }

 .blog-4 .sidenav-blog .sidenav .popularp-post {
     padding-top: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .popularp-post h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
 }

 .blog-4 .sidenav-blog .sidenav .popularp-post h4 span {
     width: 60%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .popularp-post .traveling {
     padding: 15px 0;
 }

 .blog-4 .sidenav-blog .sidenav .popularp-post .traveling img {
     width: 30%;
 }

 .blog-4 .sidenav-blog .sidenav .popularp-post .traveling .produc {
     width: 60%;
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .popularp-post .traveling .produc h5 {
     font-family: roboto condensed;
     font-weight: 700;
     margin-top: 0;
 }

 .blog-4 .sidenav-blog .sidenav .popularp-post .traveling .produc h6 {
     color: #909090;
     font-weight: 400;
     padding-top: 10px;
 }

 .blog-4 .sidenav-blog .sidenav .tags-cloud {
     padding-top: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .tags-cloud h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
 }

 .blog-4 .sidenav-blog .sidenav .tags-cloud h4 span {
     width: 60%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .tags-cloud .btn {
     height: 40px;
     border-radius: 0;
     padding: 6px 20px;
     border: 1px solid #ebebeb;
     background: transparent;
     margin: 5px 0;
     color: #909090;
     font-size: 12px;
 }

 .blog-4 .sidenav-blog .sidenav .tags-cloud .btn1 {
     margin: 0 9px;
 }

 .blog-4 .sidenav-blog .sidenav .archive h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
     padding-top: 60px;
 }

 .blog-4 .sidenav-blog .sidenav .archive h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .archive ul {
     -webkit-padding-start: 0;
 }

 .blog-4 .sidenav-blog .sidenav .archive ul li {
     list-style: none;
     border-bottom: 1px solid #ebebeb;
     padding: 11px 0;
 }

 .blog-4 .sidenav-blog .sidenav .archive ul li a {
     color: #909090;
     font-size: 16px;
     transition: all .4s;
 }

 .blog-4 .sidenav-blog .sidenav .archive ul li a:hover {
     text-decoration: none;
     opacity: .7;
 }

 .blog-4 .sidenav-blog .sidenav .archive ul li a span {
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .archive ul li a span:hover {
     opacity: .7;
 }

 .blog-4 .sidenav-blog .sidenav .archive ul .no-border {
     border: none;
 }

 .blog-4 .sidenav-blog .sidenav .newletter h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 10px;
     text-align: left;
     padding-top: 60px;
 }

 .blog-4 .sidenav-blog .sidenav .newletter h4 span {
     width: 70%;
     height: 1px;
     background: #fc6955;
     display: inline-block;
     margin-top: 10px;
     float: right;
 }

 .blog-4 .sidenav-blog .sidenav .newletter .input-group {
     width: 100%;
 }

 .blog-4 .sidenav-blog .sidenav .newletter .input-group .form-control {
     height: 60px;
 }

 .blog-4 .sidenav-blog .sidenav .newletter .input-group .form-control:focus {
     border-color: none;
     box-shadow: none;
     border: 1px solid #f2f2f2;
 }

 .blog-4 .sidenav-blog .sidenav .newletter .input-group .input-group-btn {
     position: absolute;
     right: 0;
     top: 10px;
     width: 50px;
 }

 .blog-4 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn {
     border-radius: 0;
     border: none;
     background: transparent;
     outline: 0;
     z-index: 3;
 }

 .blog-4 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn i {
     background-image: url(../img/thublog.png);
     height: 18px;
     width: 25px;
     margin-top: 5px;
     margin-right: 5px;
     display: inline-block;
 }

 .blog-4 .sidenav-blog .sidenav .newletter .input-group .input-group-btn .btn:active {
     box-shadow: none;
 }

 .blog-4 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .blog-4 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .blog-4 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blog-4 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .blog-4 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .blog-4 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-4 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-4 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blog-4 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .blog-4 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .blog-4 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .blog-4 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-4 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .blog-4 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .blog-4 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .blog-4 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .blog-4 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .blog-4 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-4 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .blog-4 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .blog-4 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .blog-4 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .blog-4 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .blog-4 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blog-4 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     width: 100%;
     text-transform: uppercase;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .blog-4 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .blog-4 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .blog-4 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .blog-4 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .blog-4 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1360px) {
     .blog-4 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .blog-4 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .blog-4 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .blog-4 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .blog-4 .who_we_are .weare {
         padding-left: 100px;
     }
     .blog-4 .sile1 .we_are {
         padding-right: 30px;
     }
     .blog-4 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-4 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .blog-4 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blog-4 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blog-4 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blog-4 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-4 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .blog-4 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .blog-4 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-4 .team {
         padding: 50px 0;
     }
     .blog-4 .unlimited {
         padding-bottom: 50px;
     }
     .blog-4 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-4 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .blog-4 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .blog-4 .servic .development {
         border: none;
     }
     .blog-4 .servic .appdevelopment {
         border: none;
     }
     .blog-4 .servic .marketing {
         border: none;
     }
     .blog-4 .servic .design {
         border: none;
     }
     .blog-4 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .blog-4 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .blog-4 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-4 .sile1 .we_are {
         padding-right: 10px;
     }
     .blog-4 .porfolio .blanc {
         padding-right: 0;
     }
     .blog-4 .porfolio .mock {
         padding-left: 0;
     }
     .blog-4 .what1 .js-click-product {
         height: 120px;
     }
     .blog-4 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .blog-4 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .blog-4 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .blog-4 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .blog-4 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-4 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blog-4 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-4 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blog-4 .pricing-table {
         padding-top: 100px;
     }
     .blog-4 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .blog-4 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-4 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-4 .sile1 {
         width: 100%;
     }
     .blog-4 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .blog-4 .servic .creation {
         padding-top: 19px;
     }
     .blog-4 .servic .design {
         padding: 15px;
     }
     .blog-4 .servic .appdevelopment {
         padding: 15px;
     }
     .blog-4 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .blog-4 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .blog-4 .pricing-table {
         padding-top: 50px;
     }
     .blog-4 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blog-4 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blog-4 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-4 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .blog-4 .what1 .main-img .slick-slide {
         display: none;
     }
     .blog-4 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .blog-4 .porfolio .blanc img {
         width: 100%;
     }
     .blog-4 .sile1 {
         width: 97%;
     }
     .blog-4 .servic .col-md-4 {
         padding-left: 15px;
     }
     .blog-4 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .blog-4 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .blog-4 .slick-slider .slick-track {
         width: 250px;
     }
     .blog-4 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .blog-4 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .blog-4 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .blog-4 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .blog-4 .pull-right {
     cursor: pointer;
 }

 .blog-4 * {
     outline: none !important;
 }

 .blog-4 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .blog-4 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .blog-4 .create {
         padding: 117px 30px;
     }
     .blog-4 .careate .carea .cust {
         padding: 15px 10px;
     }
     .blog-4 .carea {
         padding: 40px 80px;
     }
     .blog-4 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .blog-4 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .blog-4 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .blog-4 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .blog-4 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .blog-4 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .blog-4 .affixx .navba {
         padding-left: 5px;
     }
     .blog-4 .phone_top {
         padding-right: 5px;
     }
     .blog-4 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-4 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .blog-4 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-4 .feedback .feeb {
         font-size: 200px;
     }
     .blog-4 .affixx .navba {
         padding-left: 15px;
     }
     .blog-4 .phone_top {
         padding-right: 15px;
     }
     .blog-4 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .blog-4 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .blog-4 .we_are {
         padding: 0 50px;
     }
     .blog-4 .careate .carea .cust {
         padding: 10px 10px;
     }
     .blog-4 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .blog-4 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .blog-4 .cust h1 {
         padding-bottom: 0;
     }
     .blog-4 .cust p {
         line-height: 150%;
     }
     .blog-4 .button_see {
         margin-top: 27px;
     }
     .blog-4 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .blog-4 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .blog-4 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .blog-4 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .blog-4 .footer .full-container {
         padding: 0 15px;
     }
     .blog-4 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .blog-4 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-4 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-4 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .blog-4 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blog-4 .contacts .contact {
         padding: 20px 0;
     }
     .blog-4 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .blog-4 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .blog-4 .phone_top {
         padding-top: 0;
     }
     .blog-4 .phone_top .pull-right {
         padding: 5px;
     }
     .blog-4 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .blog-4 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .blog-4 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .blog-4 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .blog-4 .affixx {
         padding-bottom: 10px !important;
     }
     .blog-4 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .blog-4 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .blog-4 .header-lap {
         display: none;
     }
     .blog-4 .header-mobi {
         display: block;
     }
     .blog-4 .feedback {
         padding-bottom: 50px;
     }
     .blog-4 .cust h1 {
         font-size: 30px;
     }
     .blog-4 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .blog-4 .all-pro span {
         margin-right: 5px;
     }
     .blog-4 .phone_top span {
         display: none;
     }
     .blog-4 .phone_top .phonee {
         display: none;
     }
     .blog-4 .who_we_are {
         padding: 50px 0;
     }
     .blog-4 .blog {
         padding: 50px 0;
     }
     .blog-4 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .blog-4 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-4 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .blog-4 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .blog-4 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .blog-4 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .blog-4 .feedback .feeb {
         font-size: 130px;
     }
     .blog-4 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blog-4 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .blog-4 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .blog-4 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blog-4 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .blog-4 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .blog-4 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .blog-4 .links ul {
         -webkit-padding-start: 0px;
     }
     .blog-4 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .blog-4 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .blog-4 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .blog-4 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .blog-4 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .blog-4 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .blog-4 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .blog-4 .servic {
         padding-top: 50px;
     }
     .blog-4 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .blog-4 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .blog-4 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .blog-4 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .blog-4 .row_top div p {
         line-height: 170%;
     }
     .blog-4 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .blog-4 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .blog-4 .slide_main .test {
         padding-top: 100px;
     }
     .blog-4 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .blog-4 .servic .col-md-4 {
         width: 50%;
     }
     .blog-4 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .blog-4 .blog .col-md-4 {
         width: 33.33333%;
     }
     .blog-4 .button_see {
         margin-top: 10px;
     }
     .blog-4 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .blog-4 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .blog-4 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .blog-4 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .blog-4 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .blog-4 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blog-4 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .blog-4 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blog-4 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .blog-4 * h1 {
         font-size: 36px !important;
     }
     .blog-4 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-4 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .blog-4 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .blog-4 .feedback .feeb {
         font-size: 100px;
     }
     .blog-4 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .blog-4 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .blog-4 .who_we_are .who_are p {
         font-size: 14px;
     }
     .blog-4 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .blog-4 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .blog-4 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .blog-4 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blog-4 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .blog-4 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .blog-4 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .blog-4 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .blog-4 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .blog-4 .porfolio {
         padding: 50px 0px;
     }
     .blog-4 .button-proje {
         width: 210px;
     }
     .blog-4 .video .row_video .video1>p {
         font-size: 24px;
     }
     .blog-4 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .blog-4 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .blog-4 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .footer #googlemap1 {
         height: 400px;
     }
     .blog-4 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-4 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-4 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .blog-4 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .blog-4 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .blog-4 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .blog-4 .side .navbar .list-group-item button {
         top: 0;
     }
     .blog-4 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .blog-4 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .blog-4 .base {
         margin-left: 0 !important;
     }
     .blog-4 .baseright {
         margin-left: 0 !important;
     }
     .blog-4 .sile1 {
         top: 60%;
     }
     .blog-4 .affixx {
         background: #333 !important;
     }
     .blog-4 .affixx {
         padding-top: 20px !important;
     }
     .blog-4 .feedback .feeb {
         font-size: 70px;
     }
     .blog-4 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .blog-4 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .blog-4 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .blog-4 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .blog-4 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .blog-4 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .blog-4 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .blog-4 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blog-4 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .blog-4 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .blog-4 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .blog-4 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .blog-4 .button_see {
         margin-top: 0;
     }
     .blog-4 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .blog-4 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .blog-4 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .blog-4 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-4 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-4 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-4 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blog-4 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .blog-4 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .blog-4 * h1 {
         font-size: 24px !important;
     }
     .blog-4 .affixx {
         position: inherit !important;
     }
     .blog-4 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-4 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .blog-4 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .blog-4 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .blog-4 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .blog-4 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .blog-4 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .blog-4 .feedback .feeb {
         letter-spacing: 6px;
     }
     .blog-4 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .blog-4 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .blog-4 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .blog-4 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .blog-4 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .blog-4 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .blog-4 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .blog-4 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .blog-4 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .blog-4 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .blog-4 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .blog-4 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .blog-4 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .blog-4 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .blog-4 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-4 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-4 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-4 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blog-4 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .blog-4 .servic .identity {
         padding-top: 20px;
     }
     .blog-4 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .blog-4 .porfolio .nav_main {
         float: left;
     }
     .blog-4 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .blog-4 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .blog-4 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .blog-4 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .blog-4 .who_we_are .weare {
         padding-left: 50px;
     }
     .blog-4 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .blog-4 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-4 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .blog-4 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .blog-4 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .blog-4 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .blog-4 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .blog-4 .video-skills .skills {
         padding: 0 15px;
     }
     .blog-4 .contacts .contact p {
         font-size: 24px;
     }
     .blog-4 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-4 .about .about-we h1 {
         font-size: 40px;
     }
     .blog-4 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .blog-4 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .blog-4 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-4 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .blog-4 .cooperate .logo-brand img {
         width: 100%;
     }
     .blog-4 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-4 .cooperate {
         padding-top: 50px;
     }
     .blog-4 .talk-to .row {
         padding: 50px 0;
     }
     .blog-4 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-4 .sile1 .we_are {
         padding-right: 0;
     }
     .blog-4 .about {
         top: 0;
         padding: 30px 0;
     }
     .blog-4 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blog-4 .about .about-we {
         padding-left: 30px;
     }
     .blog-4 .about .corem-ipsum {
         padding-right: 30px;
     }
     .blog-4 .about .corem-ipsum p {
         line-height: 150%;
     }
     .blog-4 .contacts .contact {
         text-align: center;
     }
     .blog-4 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .blog-4 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .blog-4 .video-skills .video {
         padding-left: 15px;
     }
     .blog-4 .video-skills {
         padding-bottom: 50px;
     }
     .blog-4 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-4 .contacts .contact p .circle img {
         width: 8%;
     }
     .blog-4 .contacts .contact p {
         font-size: 20px;
     }
     .blog-4 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .blog-4 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .blog-4 .about .corem-ipsum {
         padding-left: 30px;
     }
     .blog-4 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .blog-4 .cooperate .logo-brand {
         text-align: center;
     }
     .blog-4 .cooperate .logo-brand img {
         width: initial;
     }
     .blog-4 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .blog-4 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .blog-4 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .blog-4 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-4 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blog-4 .button1 .vuong {
         background: transparent !important;
     }
     .blog-4 .button1 span {
         background: #fff !important;
     }
     .blog-4 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blog-4 .sile1 {
         width: 65%;
     }
     .blog-4 .about .corem-ipsum p {
         font-size: 14px;
     }
     .blog-4 .case-center .case-studies p {
         font-size: 14px;
     }
     .blog-4 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .slick-dots {
         bottom: -50px !important;
     }
     .blog-4 .cooperate {
         padding-top: 50px;
     }
     .blog-4 .who_we_are .weare {
         padding-bottom: 0;
     }
     .blog-4 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blog-4 .button-contact button {
         height: 40px;
     }
     .blog-4 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .blog-4 .cooperate .logo-brand img {
         width: 100%;
     }
     .blog-4 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .blog-4 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .blog-4 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .talk-to .input-contact input {
         font-size: 14px;
     }
     .blog-4 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-4 .servic .col-md-4 {
         padding-left: 30px;
     }
     .blog-4 .button1 .vuong {
         background: transparent !important;
     }
     .blog-4 .button1 span {
         background: #fff !important;
     }
     .blog-4 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blog-4 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .blog-4 .sile1 {
         width: 95%;
         left: 5%;
     }
     .blog-4 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .blog-4 .cooperate .logo-brand img {
         width: initial;
     }
     .blog-4 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .blog-4 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .blog-4 .cases .read-mode {
         width: 100%;
     }
     .blog-4 .row_top {
         width: 100%;
     }
     .blog-4 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .blog-4 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .blog-4 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .blog-4 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .blog-4 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .blog-4 .contacts .contact p {
         font-size: 24px;
     }
     .blog-4 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-4 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .blog-4 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .blog-4 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .blog-4 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-4 .testimonials-img img {
         width: 100%;
     }
     .blog-4 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .blog-4 .cooperate {
         padding-top: 50px;
     }
     .blog-4 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-4 .contacts .contact {
         text-align: center;
     }
     .blog-4 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .blog-4 .testimonials {
         padding-bottom: 50px;
     }
     .blog-4 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .blog-4 .contacts .contact p .circle img {
         width: 8%;
     }
     .blog-4 .contacts .contact p {
         font-size: 20px;
     }
     .blog-4 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blog-4 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-4 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .blog-4 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .blog-4 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .blog-4 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-4 .gallery .col-md-4 {
         width: 100%;
     }
     .blog-4 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .blog-4 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blog-4 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .blog-4 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .blog-4 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blog-4 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-4 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blog-4 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blog-4 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blog-4 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blog-4 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-4 .affixx {
         padding-top: 15px !important;
     }
     .blog-4 .pull-right {
         padding-top: 5px;
     }
     .blog-4 .layer {
         padding-top: 0px;
     }
     .blog-4 .pull-right {
         padding: 5px 0;
     }
     .blog-4 .page-404 {
         padding-top: 50px 15px;
     }
     .blog-4 .affixx .sidenav {
         padding-right: 15px;
     }
     .blog-4 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-4 .careate img {
         width: 100%;
     }
     .blog-4 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .blog-4 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-4 .layer {
         padding-top: 62px;
     }
     .blog-4 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .blog-4 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .blog-4 .container_header {
         top: 75%;
     }
     .blog-4 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .blog-4 .container_header .breadcrumb .active {
         width: auto;
     }
     .blog-4 .blog .pagination li .prev {
         width: 80px;
     }
     .blog-4 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width: 1200px) {
     .blog-4 .sidenav-blog .blog .name_img .blog_name {
         padding-left: 15px;
     }
     .blog-4 .sidenav-blog .blog .name_img .blog_name h5 {
         padding-bottom: 0;
     }
     .blog-4 .sidenav-blog .blog .name_img .blog_name p {
         padding-top: 10px;
     }
     .blog-4 .button_rea {
         margin-top: 0;
     }
     .blog-4 .sidenav-blog .sidenav .about h4 span {
         width: 60%;
     }
     .blog-4 .sidenav-blog .sidenav .follow h4 span {
         width: 60%;
     }
     .blog-4 .sidenav-blog .sidenav .categories h4 span {
         width: 55%;
     }
     .blog-4 .sidenav-blog .sidenav .popularp-post h4 span {
         width: 45%;
     }
     .blog-4 .sidenav-blog .sidenav .archive h4 span {
         width: 65%;
     }
     .blog-4 .sidenav-blog .sidenav .tags-cloud h4 span {
         width: 50%;
     }
     .blog-4 .sidenav-blog .sidenav .tags-cloud .btn1 {
         margin: 5px 0;
     }
     .blog-4 .sidenav-blog .sidenav .newletter h4 span {
         width: 60%;
     }
 }

 @media screen and (max-width: 991px) {
     .blog-4 .fiter {
         visibility: visible;
     }
     .blog-4 .sidenav-blog .sidenav {
         height: 100%;
         width: 317px;
         position: fixed;
         z-index: 10000;
         opacity: 0;
         top: 0;
         left: -317px;
         background-color: #fff;
         overflow-x: hidden;
         transition: 0.5s;
         padding-top: 60px;
     }
     .blog-4 .sidenav-blog .sidenav {
         padding-left: 15px;
         border-right: 1px solid #f2f2f2;
     }
     .blog-4 .sidenav-blog .sidenav .close .closebtn {
         visibility: visible;
     }
 }

 @media screen and (max-width: 568px) {
     .blog-4 .sidenav-blog {
         padding-top: 0;
     }
     .blog-4 .sidenav-blog .blog .name_img {
         padding: 30px 0;
     }
     .blog-4 .sidenav-blog .blog .name_img .blog_img {
         width: 100%;
         padding: 0 15px;
     }
     .blog-4 .sidenav-blog .blog .name_img .blog_name {
         width: 100%;
         padding: 20px 15px;
     }
     .blog-4 .sidenav-blog .blog .name_img .blog_name a {
         font-size: 18px;
     }
     .blog-4 .sidenav-blog .blog .name_img .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blog-4 .sidenav-blog .blog .pagination li .prev {
         width: 80px;
     }
     .blog-4 .sidenav-blog .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blog-4 .sidenav-blog {
         padding: 0;
     }
 }

 .blogdetai-1 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .blogdetai-1 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .blogdetai-1 * {
     box-sizing: border-box;
 }

 .blogdetai-1 .sidenav a:hover {
     color: #b6aeae;
 }

 .blogdetai-1 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .blogdetai-1 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .blogdetai-1 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .blogdetai-1 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blogdetai-1 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .blogdetai-1 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .blogdetai-1 .button_rea:hover {
     opacity: 0.7;
 }

 .blogdetai-1 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .blogdetai-1 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blogdetai-1 .layer {
     position: relative;
 }

 .blogdetai-1 .layer img {
     width: 100%;
 }

 .blogdetai-1 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .blogdetai-1 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .blogdetai-1 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .blogdetai-1 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blogdetai-1 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .blogdetai-1 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .blogdetai-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .blogdetai-1 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .blogdetai-1 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .blogdetai-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .blogdetai-1 .header-mobi {
     display: none;
 }

 .blogdetai-1 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .blogdetai-1 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .blogdetai-1 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .blogdetai-1 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blogdetai-1 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blogdetai-1 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .blogdetai-1 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .blogdetai-1 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .blogdetai-1 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blogdetai-1 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .blogdetai-1 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .blogdetai-1 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .blogdetai-1 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blogdetai-1 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .blogdetai-1 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .blogdetai-1 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .blogdetai-1 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-1 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .blogdetai-1 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .blogdetai-1 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .blogdetai-1 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .blogdetai-1 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .blogdetai-1 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .blogdetai-1 .sidenav a:hover {
     color: #f1f1f1;
 }

 .blogdetai-1 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .blogdetai-1 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .blogdetai-1 .child2 {
     margin: 5px 0;
 }

 .blogdetai-1 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .blogdetai-1 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .blogdetai-1 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .blogdetai-1 .container_header .breadcrumb {
     background: transparent;
 }

 .blogdetai-1 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .blogdetai-1 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .blogdetai-1 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .blogdetai-1 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .blogdetai-1 .post .what-you {
     padding: 50px 90px;
 }

 .blogdetai-1 .post .what-you h1 {
     font-size: 35px;
     font-weight: 300;
     line-height: 150%;
     padding-bottom: 40px;
 }

 .blogdetai-1 .post .what-you h1 span {
     font-weight: 700;
 }

 .blogdetai-1 .post .what-you p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding: 0 80px 20px 0px;
 }

 .blogdetai-1 .post .what-you p span {
     font-weight: 700;
     color: #333;
 }

 .blogdetai-1 .post .there-is {
     background: #333;
 }

 .blogdetai-1 .post .there-is .img {
     padding-left: 0;
     padding-right: 0;
 }

 .blogdetai-1 .post .there-is .img img {
     width: 100%;
 }

 .blogdetai-1 .post .there-is .imfor {
     padding: 100px;
 }

 .blogdetai-1 .post .there-is .imfor h1 {
     font-size: 35px;
     font-weight: 300;
     line-height: 150%;
     padding-bottom: 40px;
     color: #fff;
 }

 .blogdetai-1 .post .there-is .imfor h1 span {
     font-weight: 700;
 }

 .blogdetai-1 .post .there-is .imfor p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding-bottom: 20px;
 }

 .blogdetai-1 .post .there-is .imfor p span {
     font-weight: 700;
 }

 .blogdetai-1 .post .what-you2 {
     padding: 0 90px;
     padding-top: 100px;
 }

 .blogdetai-1 .post .what-you2 h4 {
     font-size: 19px;
     font-weight: 300;
     line-height: 150%;
     color: #909090;
     border-left: 2px solid #fc6a55;
     padding: 10px 60px 0px 50px;
 }

 .blogdetai-1 .post .what-you2 h4 span {
     font-size: 16px;
     line-height: 370%;
 }

 .blogdetai-1 .post .what-you2 p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding: 50px 80px 50px 0px;
 }

 .blogdetai-1 .post .what-you2 p span {
     font-weight: 700;
     color: #333;
     border-bottom: 1px solid #878787;
 }

 .blogdetai-1 .post .post4 {
     padding: 50px 15px;
 }

 .blogdetai-1 .post .post4 img {
     width: 100%;
 }

 .blogdetai-1 .post .post5 {
     padding: 50px 90px;
 }

 .blogdetai-1 .post .post5 p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding: 0 40px 20px 40px;
 }

 .blogdetai-1 .post .post5 p span {
     font-weight: 700;
     color: #333;
     border-bottom: 2px solid #909090;
 }

 .blogdetai-1 .post .there-is1 {
     background: #333;
 }

 .blogdetai-1 .post .there-is1 .img {
     padding-left: 0;
     padding-right: 0;
 }

 .blogdetai-1 .post .there-is1 .img img {
     width: 100%;
 }

 .blogdetai-1 .post .there-is1 .imfor {
     padding: 100px;
 }

 .blogdetai-1 .post .there-is1 .imfor h1 {
     font-size: 35px;
     font-weight: 300;
     line-height: 150%;
     padding-bottom: 40px;
     color: #fff;
 }

 .blogdetai-1 .post .there-is1 .imfor h1 span {
     font-weight: 700;
 }

 .blogdetai-1 .post .there-is1 .imfor p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding-bottom: 20px;
 }

 .blogdetai-1 .post .there-is1 .imfor p span {
     font-weight: 700;
     border-bottom: 2px solid #909090;
 }

 .blogdetai-1 .post .post6 {
     padding: 100px 90px;
 }

 .blogdetai-1 .post .post6 h4 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 20px;
     padding-left: 30px;
     padding-bottom: 10px;
     padding-top: 30px;
 }

 .blogdetai-1 .post .post6 p {
     font-size: 16px;
     line-height: 195%;
     color: #909090;
     padding: 0 35px 20px 30px;
 }

 .blogdetai-1 .post .post6 .button {
     padding-left: 30px;
     padding-top: 50px;
 }

 .blogdetai-1 .post .post6 .button .btn {
     height: 40px;
     border-radius: 0;
     padding: 6px 20px;
     outline: 0;
     border: 1px solid #ebebeb;
     background: transparent;
     margin: 5px 3px;
     color: #909090;
     font-size: 12px;
 }

 .blogdetai-1 .post .post6 .alex {
     padding-left: 30px;
     padding-top: 150px;
 }

 .blogdetai-1 .post .post6 .alex .boder {
     border: 1px solid #f2f2f2;
     float: left;
 }

 .blogdetai-1 .post .post6 .alex .boder .img {
     width: 18%;
     float: left;
     text-align: center;
     padding: 80px 0;
 }

 .blogdetai-1 .post .post6 .alex .boder .text {
     width: 82%;
     float: right;
     padding-top: 30px;
 }

 .blogdetai-1 .post .post6 .alex .boder .text p {
     padding: 0 35px 20px 0px;
 }

 .blogdetai-1 .post .post6 .alex .boder .text h4 {
     padding-left: 0;
 }

 .blogdetai-1 .blog {
     background: #f2f2f2;
     padding: 150px 0;
 }

 .blogdetai-1 .blog .col-md-12 h1 {
     font-weight: 400;
     font-size: 30px;
     font-family: roboto condensed;
     padding-top: 10px;
     padding-bottom: 60px;
     text-align: center;
 }

 .blogdetai-1 .blog .col-md-4 .blog_img {
     position: relative;
     overflow: hidden;
 }

 .blogdetai-1 .blog .col-md-4 .blog_img:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .blogdetai-1 .blog .col-md-4 .blog_img img {
     width: 100%;
     transition: all .3s;
 }

 .blogdetai-1 .blog .col-md-4 .blog_name {
     padding-top: 15px;
 }

 .blogdetai-1 .blog .col-md-4 .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .blogdetai-1 .blog .col-md-4 .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .blogdetai-1 .blog .col-md-4 .blog_name span {
     color: #fc6a53;
 }

 .blogdetai-1 .blog .col-md-4 .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .blogdetai-1 .comments .padd {
     padding: 100px;
 }

 .blogdetai-1 .comments .tent h3 {
     font-size: 30px;
     font-family: roboto condensed;
     text-align: center;
 }

 .blogdetai-1 .comments .alex {
     padding: 50px 0;
     border-bottom: 1px solid #f2f2f2;
     padding-top: 30px;
 }

 .blogdetai-1 .comments .alex .boder {
     float: left;
 }

 .blogdetai-1 .comments .alex .boder .img {
     width: 15%;
     float: left;
     text-align: center;
     padding: 40px 0;
 }

 .blogdetai-1 .comments .alex .boder .text {
     width: 85%;
     float: right;
     padding-top: 30px;
 }

 .blogdetai-1 .comments .alex .boder .text p {
     font-size: 16px;
     line-height: 195%;
     color: #909090;
     padding: 0 15px 0px 0px;
 }

 .blogdetai-1 .comments .alex .boder .text .text1 {
     width: 65%;
     float: left;
 }

 .blogdetai-1 .comments .alex .boder .text .text1 h4 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 20px;
 }

 .blogdetai-1 .comments .alex .boder .text .text1 span {
     font-weight: 300;
     color: #909090;
 }

 .blogdetai-1 .comments .alex .boder .text .button {
     width: 35%;
     text-align: right;
     float: right;
     padding-bottom: 12px;
 }

 .blogdetai-1 .comments .alex .boder .text .button .btn {
     height: 40px;
     border-radius: 0;
     padding: 6px 20px;
     outline: 0;
     border: 1px solid #ebebeb;
     background: transparent;
     margin: 5px 3px;
     color: #333;
     font-size: 12px;
 }

 .blogdetai-1 .comments .no-border {
     border: none;
 }

 .blogdetai-1 .write-comments {
     background: #f2f2f2f2;
 }

 .blogdetai-1 .write-comments .row {
     padding: 150px;
 }

 .blogdetai-1 .write-comments .our-core {
     text-align: center;
 }

 .blogdetai-1 .write-comments .our-core h1 {
     font-weight: 400;
     font-size: 30px;
     font-family: roboto condensed;
     padding-bottom: 70px;
 }

 .blogdetai-1 .write-comments .input-contact {
     padding: 15px;
 }

 .blogdetai-1 .write-comments .input-contact input {
     width: 100%;
     height: 60px;
     outline: 0;
     padding-left: 20px;
     font-size: 16px;
     border: none;
 }

 .blogdetai-1 .write-comments .enter textarea {
     width: 100%;
     height: 200px;
     outline: 0;
     padding: 20px;
     font-size: 16px;
     border: none;
 }

 .blogdetai-1 .write-comments .button-contact {
     text-align: center;
 }

 .blogdetai-1 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .blogdetai-1 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .blogdetai-1 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blogdetai-1 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .blogdetai-1 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .blogdetai-1 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .blogdetai-1 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blogdetai-1 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blogdetai-1 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .blogdetai-1 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .blogdetai-1 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .blogdetai-1 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blogdetai-1 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .blogdetai-1 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .blogdetai-1 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .blogdetai-1 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .blogdetai-1 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .blogdetai-1 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blogdetai-1 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .blogdetai-1 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .blogdetai-1 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .blogdetai-1 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .blogdetai-1 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .blogdetai-1 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .blogdetai-1 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .blogdetai-1 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .blogdetai-1 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1360px) {
     .blogdetai-1 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .blogdetai-1 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .blogdetai-1 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .blogdetai-1 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .blogdetai-1 .who_we_are .weare {
         padding-left: 100px;
     }
     .blogdetai-1 .sile1 .we_are {
         padding-right: 30px;
     }
     .blogdetai-1 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-1 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .blogdetai-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blogdetai-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blogdetai-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blogdetai-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blogdetai-1 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .blogdetai-1 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .blogdetai-1 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-1 .team {
         padding: 50px 0;
     }
     .blogdetai-1 .unlimited {
         padding-bottom: 50px;
     }
     .blogdetai-1 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-1 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .blogdetai-1 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .blogdetai-1 .servic .development {
         border: none;
     }
     .blogdetai-1 .servic .appdevelopment {
         border: none;
     }
     .blogdetai-1 .servic .marketing {
         border: none;
     }
     .blogdetai-1 .servic .design {
         border: none;
     }
     .blogdetai-1 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .blogdetai-1 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .blogdetai-1 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .blogdetai-1 .sile1 .we_are {
         padding-right: 10px;
     }
     .blogdetai-1 .porfolio .blanc {
         padding-right: 0;
     }
     .blogdetai-1 .porfolio .mock {
         padding-left: 0;
     }
     .blogdetai-1 .what1 .js-click-product {
         height: 120px;
     }
     .blogdetai-1 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .blogdetai-1 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .blogdetai-1 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .blogdetai-1 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .blogdetai-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blogdetai-1 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blogdetai-1 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blogdetai-1 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blogdetai-1 .pricing-table {
         padding-top: 100px;
     }
     .blogdetai-1 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .blogdetai-1 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .blogdetai-1 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-1 .sile1 {
         width: 100%;
     }
     .blogdetai-1 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .blogdetai-1 .servic .creation {
         padding-top: 19px;
     }
     .blogdetai-1 .servic .design {
         padding: 15px;
     }
     .blogdetai-1 .servic .appdevelopment {
         padding: 15px;
     }
     .blogdetai-1 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .blogdetai-1 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .blogdetai-1 .pricing-table {
         padding-top: 50px;
     }
     .blogdetai-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blogdetai-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blogdetai-1 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-1 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .blogdetai-1 .what1 .main-img .slick-slide {
         display: none;
     }
     .blogdetai-1 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .blogdetai-1 .porfolio .blanc img {
         width: 100%;
     }
     .blogdetai-1 .sile1 {
         width: 97%;
     }
     .blogdetai-1 .servic .col-md-4 {
         padding-left: 15px;
     }
     .blogdetai-1 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .blogdetai-1 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .blogdetai-1 .slick-slider .slick-track {
         width: 250px;
     }
     .blogdetai-1 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .blogdetai-1 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .blogdetai-1 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .blogdetai-1 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .blogdetai-1 .pull-right {
     cursor: pointer;
 }

 .blogdetai-1 * {
     outline: none !important;
 }

 .blogdetai-1 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .blogdetai-1 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .blogdetai-1 .create {
         padding: 117px 30px;
     }
     .blogdetai-1 .careate .carea .cust {
         padding: 15px 10px;
     }
     .blogdetai-1 .carea {
         padding: 40px 80px;
     }
     .blogdetai-1 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .blogdetai-1 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .blogdetai-1 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .blogdetai-1 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .blogdetai-1 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .blogdetai-1 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .blogdetai-1 .affixx .navba {
         padding-left: 5px;
     }
     .blogdetai-1 .phone_top {
         padding-right: 5px;
     }
     .blogdetai-1 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blogdetai-1 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .blogdetai-1 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-1 .feedback .feeb {
         font-size: 200px;
     }
     .blogdetai-1 .affixx .navba {
         padding-left: 15px;
     }
     .blogdetai-1 .phone_top {
         padding-right: 15px;
     }
     .blogdetai-1 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .blogdetai-1 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .blogdetai-1 .we_are {
         padding: 0 50px;
     }
     .blogdetai-1 .careate .carea .cust {
         padding: 10px 10px;
     }
     .blogdetai-1 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .blogdetai-1 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .blogdetai-1 .cust h1 {
         padding-bottom: 0;
     }
     .blogdetai-1 .cust p {
         line-height: 150%;
     }
     .blogdetai-1 .button_see {
         margin-top: 27px;
     }
     .blogdetai-1 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .blogdetai-1 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .blogdetai-1 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .blogdetai-1 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .blogdetai-1 .footer .full-container {
         padding: 0 15px;
     }
     .blogdetai-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .blogdetai-1 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-1 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-1 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .blogdetai-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blogdetai-1 .contacts .contact {
         padding: 20px 0;
     }
     .blogdetai-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .blogdetai-1 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .blogdetai-1 .phone_top {
         padding-top: 0;
     }
     .blogdetai-1 .phone_top .pull-right {
         padding: 5px;
     }
     .blogdetai-1 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .blogdetai-1 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .blogdetai-1 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .blogdetai-1 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .blogdetai-1 .affixx {
         padding-bottom: 10px !important;
     }
     .blogdetai-1 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .blogdetai-1 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .blogdetai-1 .header-lap {
         display: none;
     }
     .blogdetai-1 .header-mobi {
         display: block;
     }
     .blogdetai-1 .feedback {
         padding-bottom: 50px;
     }
     .blogdetai-1 .cust h1 {
         font-size: 30px;
     }
     .blogdetai-1 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .blogdetai-1 .all-pro span {
         margin-right: 5px;
     }
     .blogdetai-1 .phone_top span {
         display: none;
     }
     .blogdetai-1 .phone_top .phonee {
         display: none;
     }
     .blogdetai-1 .who_we_are {
         padding: 50px 0;
     }
     .blogdetai-1 .blog {
         padding: 50px 0;
     }
     .blogdetai-1 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .blogdetai-1 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-1 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .blogdetai-1 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .blogdetai-1 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .blogdetai-1 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .blogdetai-1 .feedback .feeb {
         font-size: 130px;
     }
     .blogdetai-1 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blogdetai-1 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .blogdetai-1 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .blogdetai-1 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blogdetai-1 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .blogdetai-1 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .blogdetai-1 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .blogdetai-1 .links ul {
         -webkit-padding-start: 0px;
     }
     .blogdetai-1 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .blogdetai-1 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .blogdetai-1 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .blogdetai-1 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .blogdetai-1 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .blogdetai-1 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .blogdetai-1 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .blogdetai-1 .servic {
         padding-top: 50px;
     }
     .blogdetai-1 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .blogdetai-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .blogdetai-1 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .blogdetai-1 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .blogdetai-1 .row_top div p {
         line-height: 170%;
     }
     .blogdetai-1 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .blogdetai-1 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .blogdetai-1 .slide_main .test {
         padding-top: 100px;
     }
     .blogdetai-1 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .blogdetai-1 .servic .col-md-4 {
         width: 50%;
     }
     .blogdetai-1 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .blogdetai-1 .blog .col-md-4 {
         width: 33.33333%;
     }
     .blogdetai-1 .button_see {
         margin-top: 10px;
     }
     .blogdetai-1 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .blogdetai-1 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .blogdetai-1 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .blogdetai-1 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .blogdetai-1 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .blogdetai-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blogdetai-1 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .blogdetai-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blogdetai-1 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .blogdetai-1 * h1 {
         font-size: 36px !important;
     }
     .blogdetai-1 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .blogdetai-1 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .blogdetai-1 .feedback .feeb {
         font-size: 100px;
     }
     .blogdetai-1 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .blogdetai-1 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .blogdetai-1 .who_we_are .who_are p {
         font-size: 14px;
     }
     .blogdetai-1 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .blogdetai-1 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .blogdetai-1 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .blogdetai-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blogdetai-1 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .blogdetai-1 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .blogdetai-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .blogdetai-1 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .blogdetai-1 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .blogdetai-1 .porfolio {
         padding: 50px 0px;
     }
     .blogdetai-1 .button-proje {
         width: 210px;
     }
     .blogdetai-1 .video .row_video .video1>p {
         font-size: 24px;
     }
     .blogdetai-1 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .blogdetai-1 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .blogdetai-1 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .footer #googlemap1 {
         height: 400px;
     }
     .blogdetai-1 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blogdetai-1 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .blogdetai-1 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .blogdetai-1 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .blogdetai-1 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .blogdetai-1 .side .navbar .list-group-item button {
         top: 0;
     }
     .blogdetai-1 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .blogdetai-1 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .blogdetai-1 .base {
         margin-left: 0 !important;
     }
     .blogdetai-1 .baseright {
         margin-left: 0 !important;
     }
     .blogdetai-1 .sile1 {
         top: 60%;
     }
     .blogdetai-1 .affixx {
         background: #333 !important;
     }
     .blogdetai-1 .affixx {
         padding-top: 20px !important;
     }
     .blogdetai-1 .feedback .feeb {
         font-size: 70px;
     }
     .blogdetai-1 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .blogdetai-1 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .blogdetai-1 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .blogdetai-1 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .blogdetai-1 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .blogdetai-1 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .blogdetai-1 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .blogdetai-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blogdetai-1 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .blogdetai-1 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .blogdetai-1 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .blogdetai-1 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .blogdetai-1 .button_see {
         margin-top: 0;
     }
     .blogdetai-1 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .blogdetai-1 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .blogdetai-1 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .blogdetai-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blogdetai-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blogdetai-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blogdetai-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blogdetai-1 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .blogdetai-1 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .blogdetai-1 * h1 {
         font-size: 24px !important;
     }
     .blogdetai-1 .affixx {
         position: inherit !important;
     }
     .blogdetai-1 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-1 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .blogdetai-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .blogdetai-1 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .blogdetai-1 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .blogdetai-1 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .blogdetai-1 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .blogdetai-1 .feedback .feeb {
         letter-spacing: 6px;
     }
     .blogdetai-1 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .blogdetai-1 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .blogdetai-1 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .blogdetai-1 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .blogdetai-1 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .blogdetai-1 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .blogdetai-1 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .blogdetai-1 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .blogdetai-1 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .blogdetai-1 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .blogdetai-1 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .blogdetai-1 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .blogdetai-1 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .blogdetai-1 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .blogdetai-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blogdetai-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blogdetai-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blogdetai-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blogdetai-1 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .blogdetai-1 .servic .identity {
         padding-top: 20px;
     }
     .blogdetai-1 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .blogdetai-1 .porfolio .nav_main {
         float: left;
     }
     .blogdetai-1 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .blogdetai-1 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .blogdetai-1 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .blogdetai-1 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .blogdetai-1 .who_we_are .weare {
         padding-left: 50px;
     }
     .blogdetai-1 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .blogdetai-1 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blogdetai-1 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .blogdetai-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .blogdetai-1 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .blogdetai-1 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .blogdetai-1 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .blogdetai-1 .video-skills .skills {
         padding: 0 15px;
     }
     .blogdetai-1 .contacts .contact p {
         font-size: 24px;
     }
     .blogdetai-1 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-1 .about .about-we h1 {
         font-size: 40px;
     }
     .blogdetai-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .blogdetai-1 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .blogdetai-1 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-1 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .blogdetai-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .blogdetai-1 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blogdetai-1 .cooperate {
         padding-top: 50px;
     }
     .blogdetai-1 .talk-to .row {
         padding: 50px 0;
     }
     .blogdetai-1 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-1 .sile1 .we_are {
         padding-right: 0;
     }
     .blogdetai-1 .about {
         top: 0;
         padding: 30px 0;
     }
     .blogdetai-1 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blogdetai-1 .about .about-we {
         padding-left: 30px;
     }
     .blogdetai-1 .about .corem-ipsum {
         padding-right: 30px;
     }
     .blogdetai-1 .about .corem-ipsum p {
         line-height: 150%;
     }
     .blogdetai-1 .contacts .contact {
         text-align: center;
     }
     .blogdetai-1 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .blogdetai-1 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .blogdetai-1 .video-skills .video {
         padding-left: 15px;
     }
     .blogdetai-1 .video-skills {
         padding-bottom: 50px;
     }
     .blogdetai-1 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .blogdetai-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .blogdetai-1 .contacts .contact p {
         font-size: 20px;
     }
     .blogdetai-1 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .blogdetai-1 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .blogdetai-1 .about .corem-ipsum {
         padding-left: 30px;
     }
     .blogdetai-1 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .blogdetai-1 .cooperate .logo-brand {
         text-align: center;
     }
     .blogdetai-1 .cooperate .logo-brand img {
         width: initial;
     }
     .blogdetai-1 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .blogdetai-1 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .blogdetai-1 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .blogdetai-1 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-1 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blogdetai-1 .button1 .vuong {
         background: transparent !important;
     }
     .blogdetai-1 .button1 span {
         background: #fff !important;
     }
     .blogdetai-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blogdetai-1 .sile1 {
         width: 65%;
     }
     .blogdetai-1 .about .corem-ipsum p {
         font-size: 14px;
     }
     .blogdetai-1 .case-center .case-studies p {
         font-size: 14px;
     }
     .blogdetai-1 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .slick-dots {
         bottom: -50px !important;
     }
     .blogdetai-1 .cooperate {
         padding-top: 50px;
     }
     .blogdetai-1 .who_we_are .weare {
         padding-bottom: 0;
     }
     .blogdetai-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blogdetai-1 .button-contact button {
         height: 40px;
     }
     .blogdetai-1 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .blogdetai-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .blogdetai-1 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .blogdetai-1 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .blogdetai-1 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .talk-to .input-contact input {
         font-size: 14px;
     }
     .blogdetai-1 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-1 .servic .col-md-4 {
         padding-left: 30px;
     }
     .blogdetai-1 .button1 .vuong {
         background: transparent !important;
     }
     .blogdetai-1 .button1 span {
         background: #fff !important;
     }
     .blogdetai-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blogdetai-1 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .blogdetai-1 .sile1 {
         width: 95%;
         left: 5%;
     }
     .blogdetai-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .blogdetai-1 .cooperate .logo-brand img {
         width: initial;
     }
     .blogdetai-1 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .blogdetai-1 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .blogdetai-1 .cases .read-mode {
         width: 100%;
     }
     .blogdetai-1 .row_top {
         width: 100%;
     }
     .blogdetai-1 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .blogdetai-1 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .blogdetai-1 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .blogdetai-1 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .blogdetai-1 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .blogdetai-1 .contacts .contact p {
         font-size: 24px;
     }
     .blogdetai-1 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-1 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .blogdetai-1 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .blogdetai-1 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .blogdetai-1 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-1 .testimonials-img img {
         width: 100%;
     }
     .blogdetai-1 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .blogdetai-1 .cooperate {
         padding-top: 50px;
     }
     .blogdetai-1 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-1 .contacts .contact {
         text-align: center;
     }
     .blogdetai-1 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .blogdetai-1 .testimonials {
         padding-bottom: 50px;
     }
     .blogdetai-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .blogdetai-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .blogdetai-1 .contacts .contact p {
         font-size: 20px;
     }
     .blogdetai-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blogdetai-1 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .blogdetai-1 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .blogdetai-1 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .blogdetai-1 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-1 .gallery .col-md-4 {
         width: 100%;
     }
     .blogdetai-1 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .blogdetai-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blogdetai-1 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .blogdetai-1 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .blogdetai-1 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blogdetai-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blogdetai-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blogdetai-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blogdetai-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blogdetai-1 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-1 .affixx {
         padding-top: 15px !important;
     }
     .blogdetai-1 .pull-right {
         padding-top: 5px;
     }
     .blogdetai-1 .layer {
         padding-top: 0px;
     }
     .blogdetai-1 .pull-right {
         padding: 5px 0;
     }
     .blogdetai-1 .page-404 {
         padding-top: 50px 15px;
     }
     .blogdetai-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .blogdetai-1 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-1 .careate img {
         width: 100%;
     }
     .blogdetai-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .blogdetai-1 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-1 .layer {
         padding-top: 62px;
     }
     .blogdetai-1 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .blogdetai-1 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-1 .container_header {
         top: 75%;
     }
     .blogdetai-1 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .blogdetai-1 .container_header .breadcrumb .active {
         width: auto;
     }
     .blogdetai-1 .blog .pagination li .prev {
         width: 80px;
     }
     .blogdetai-1 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media (max-width: 1680px) {
     .blogdetai-1 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .blogdetai-1 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
 }

 @media (max-width: 1440px) {
     .blogdetai-1 .post .there-is .imfor {
         padding: 20px 15px;
     }
     .blogdetai-1 .post .there-is1 .imfor {
         padding: 20px 15px;
     }
     .blogdetai-1 .post .there-is1 .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .blogdetai-1 .post .there-is1 .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
     .blogdetai-1 .post .there-is .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .blogdetai-1 .post .there-is .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
 }

 @media (max-width: 1200px) {
     .blogdetai-1 .post .there-is1 .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .post .there-is1 .imfor h1 {
         font-size: 24px;
     }
     .blogdetai-1 .post .there-is .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-1 .post .there-is .imfor h1 {
         font-size: 24px;
     }
 }

 @media (max-width: 1024px) {
     .blogdetai-1 .post .there-is .imfor {
         padding: 5px 10px;
     }
     .blogdetai-1 .post .there-is1 .imfor {
         padding: 5px 10px;
     }
     .blogdetai-1 .post .post6 .alex {
         padding-top: 50px;
     }
     .blogdetai-1 .post .post1 {
         padding: 50px 15px;
     }
 }

 @media (max-width: 991px) {
     .blogdetai-1 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .blogdetai-1 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
     .blogdetai-1 .post .there-is1 .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .blogdetai-1 .post .there-is1 .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .blogdetai-1 .post .there-is .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .blogdetai-1 .post .there-is .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .blogdetai-1 .post .post6 .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
         padding: 0 5px 0 15px;
     }
     .blogdetai-1 .post .post6 .alex .boder .text h4 {
         padding-left: 15px;
     }
     .blogdetai-1 .post .what-you {
         padding: 50px 15px;
     }
     .blogdetai-1 .post .what-you2 {
         padding: 50px 15px;
     }
     .blogdetai-1 .post .post5 {
         padding: 50px 15px;
     }
     .blogdetai-1 .post .post6 {
         padding: 50px 15px;
     }
     .blogdetai-1 .comments .padd {
         padding: 50px 15px;
     }
     .blogdetai-1 .write-comments .row {
         padding: 50px 15px;
     }
     .blogdetai-1 .comments .alex {
         float: left;
     }
     .blogdetai-1 .comments .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
     }
 }

 @media (max-width: 767px) {
     .blogdetai-1 .post .post6 h4 {
         padding-left: 0;
     }
     .blogdetai-1 .post .post5 p {
         padding: 0 0 20px 0;
     }
     .blogdetai-1 .post .post6 p {
         padding: 0 0 20px 0;
     }
     .blogdetai-1 .post .post6 .button {
         padding-left: 0;
     }
     .blogdetai-1 .post .post6 .alex {
         float: left;
         padding-left: 0;
     }
     .blogdetai-1 .blog .col-md-4 {
         text-align: left;
     }
     .blogdetai-1 .post .what-you p {
         padding-right: 0;
     }
     .blogdetai-1 .post .what-you2 p {
         padding-right: 0;
     }
     .blogdetai-1 .post .what-you2 h4 {
         padding: 10px 0 0 20px;
     }
 }

 @media (max-width: 680px) {
     .blogdetai-1 .comments .alex .boder .text {
         padding-left: 15px;
     }
 }

 @media (max-width: 568px) {
     .blogdetai-1 .post .post4 {
         padding: 0 15px;
     }
     .blogdetai-1 p {
         font-size: 14px !important;
     }
     .blogdetai-1 .contacts .contact p {
         font-size: 20px !important;
     }
     .blogdetai-1 * h1 {
         font-size: 24px !important;
     }
     .blogdetai-1 .comments .alex .boder .img img {
         width: 100%;
     }
     .blogdetai-1 .post .post6 .alex .boder .img img {
         width: 100%;
         padding-left: 5px;
     }
     .blogdetai-1 .post .post6 .alex {
         padding-top: 50px;
     }
 }

 @media (max-width: 480px) {
     .blogdetai-1 .container_header .breadcrumb .active {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 150px;
     }
     .blogdetai-1 .container_header .breadcrumb li {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 }

 @media (max-width: 480px) {
     .blogdetai-1 .container_header .breadcrumb .active {
         width: 118px;
     }
     .blogdetai-1 .write-comments .input-contact {
         width: 100%;
     }
 }

 @media (max-width: 360px) {
     .blogdetai-1 .write-comments .input-contact {
         width: 100%;
     }
 }

 .blogdetai-2 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .blogdetai-2 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .blogdetai-2 * {
     box-sizing: border-box;
     outline: 0 !important;
 }

 .blogdetai-2 .sidenav a:hover {
     color: #b6aeae;
 }

 .blogdetai-2 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .blogdetai-2 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .blogdetai-2 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .blogdetai-2 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blogdetai-2 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .blogdetai-2 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .blogdetai-2 .button_rea:hover {
     opacity: 0.7;
 }

 .blogdetai-2 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .blogdetai-2 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .blogdetai-2 .layer {
     position: relative;
 }

 .blogdetai-2 .layer img {
     width: 100%;
 }

 .blogdetai-2 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .blogdetai-2 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .blogdetai-2 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .blogdetai-2 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blogdetai-2 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .blogdetai-2 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .blogdetai-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .blogdetai-2 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .blogdetai-2 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .blogdetai-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .blogdetai-2 .header-mobi {
     display: none;
 }

 .blogdetai-2 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .blogdetai-2 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .blogdetai-2 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .blogdetai-2 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .blogdetai-2 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .blogdetai-2 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .blogdetai-2 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .blogdetai-2 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .blogdetai-2 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .blogdetai-2 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .blogdetai-2 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .blogdetai-2 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .blogdetai-2 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .blogdetai-2 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .blogdetai-2 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .blogdetai-2 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .blogdetai-2 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .blogdetai-2 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .blogdetai-2 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .blogdetai-2 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .blogdetai-2 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .blogdetai-2 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .blogdetai-2 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .blogdetai-2 .sidenav a:hover {
     color: #f1f1f1;
 }

 .blogdetai-2 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .blogdetai-2 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .blogdetai-2 .child2 {
     margin: 5px 0;
 }

 .blogdetai-2 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .blogdetai-2 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .blogdetai-2 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .blogdetai-2 .container_header .breadcrumb {
     background: transparent;
 }

 .blogdetai-2 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .blogdetai-2 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .blogdetai-2 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .blogdetai-2 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .blogdetai-2 .post .post1 {
     padding: 100px 15px;
 }

 .blogdetai-2 .post .post1 h1 {
     font-size: 35px;
     padding-right: 30px;
 }

 .blogdetai-2 .post .post1 p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-right: 30px;
 }

 .blogdetai-2 .post .post2 .col-lg-6 {
     padding: 0;
 }

 .blogdetai-2 .post .post2 img {
     width: 100%;
 }

 .blogdetai-2 .post .what-you {
     padding: 50px 90px;
 }

 .blogdetai-2 .post .what-you h1 {
     font-size: 35px;
     font-weight: 300;
     line-height: 150%;
     padding-bottom: 40px;
     font-weight: 700;
 }

 .blogdetai-2 .post .what-you img {
     width: 100%;
 }

 .blogdetai-2 .post .what-you .nua p {
     padding-right: 0;
 }

 .blogdetai-2 .post .what-you p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
     padding: 0 0px 30px 0px;
 }

 .blogdetai-2 .post .post6 {
     padding: 100px 90px;
 }

 .blogdetai-2 .post .post6 .button {
     padding-left: 30px;
     padding-top: 50px;
 }

 .blogdetai-2 .post .post6 .button .btn {
     height: 40px;
     border-radius: 0;
     padding: 6px 20px;
     border: 1px solid #ebebeb;
     background: transparent;
     margin: 5px 3px;
     color: #909090;
     font-size: 12px;
 }

 .blogdetai-2 .post .post6 .alex {
     padding-left: 30px;
     padding-top: 150px;
     float: left;
 }

 .blogdetai-2 .post .post6 .alex .boder {
     border: 1px solid #f2f2f2;
     float: left;
 }

 .blogdetai-2 .post .post6 .alex .boder .img {
     width: 18%;
     float: left;
     text-align: center;
     padding: 80px 0;
 }

 .blogdetai-2 .post .post6 .alex .boder .text {
     width: 82%;
     float: right;
     padding-top: 30px;
 }

 .blogdetai-2 .post .post6 .alex .boder .text p {
     font-size: 16px;
     line-height: 195%;
     color: #909090;
     padding: 0 35px 20px 0px;
 }

 .blogdetai-2 .post .post6 .alex .boder .text h4 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 20px;
     padding-left: 0px;
     padding-bottom: 10px;
     padding-top: 30px;
 }

 .blogdetai-2 .blog {
     background: #f2f2f2;
     padding: 150px 0;
 }

 .blogdetai-2 .blog .col-md-12 h1 {
     font-weight: 400;
     font-size: 30px;
     font-family: roboto condensed;
     padding-top: 10px;
     padding-bottom: 60px;
     text-align: center;
 }

 .blogdetai-2 .blog .col-md-4 .blog_img {
     position: relative;
     overflow: hidden;
 }

 .blogdetai-2 .blog .col-md-4 .blog_img:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .blogdetai-2 .blog .col-md-4 .blog_img img {
     width: 100%;
     transition: all .3s;
 }

 .blogdetai-2 .blog .col-md-4 .blog_name {
     padding-top: 15px;
 }

 .blogdetai-2 .blog .col-md-4 .blog_name p {
     font-size: 16px;
     color: #909090;
     padding-top: 30px;
     line-height: 185%;
 }

 .blogdetai-2 .blog .col-md-4 .blog_name h5 {
     color: #909090;
     padding-bottom: 13px;
 }

 .blogdetai-2 .blog .col-md-4 .blog_name span {
     color: #fc6a53;
 }

 .blogdetai-2 .blog .col-md-4 .blog_name a {
     color: #333;
     font-size: 20px;
     font-family: roboto condensed;
     font-weight: 700;
 }

 .blogdetai-2 .comments .padd {
     padding: 100px;
 }

 .blogdetai-2 .comments .tent h3 {
     font-size: 30px;
     font-family: roboto condensed;
     text-align: center;
 }

 .blogdetai-2 .comments .alex {
     padding: 50px 0;
     border-bottom: 1px solid #f2f2f2;
     padding-top: 30px;
 }

 .blogdetai-2 .comments .alex .boder {
     float: left;
 }

 .blogdetai-2 .comments .alex .boder .img {
     width: 15%;
     float: left;
     text-align: center;
     padding: 40px 0;
 }

 .blogdetai-2 .comments .alex .boder .text {
     width: 85%;
     float: right;
     padding-top: 30px;
 }

 .blogdetai-2 .comments .alex .boder .text p {
     font-size: 16px;
     line-height: 195%;
     color: #909090;
     padding: 0 15px 0px 0px;
 }

 .blogdetai-2 .comments .alex .boder .text .text1 {
     width: 65%;
     float: left;
 }

 .blogdetai-2 .comments .alex .boder .text .text1 h4 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 20px;
 }

 .blogdetai-2 .comments .alex .boder .text .text1 span {
     font-weight: 300;
     color: #909090;
 }

 .blogdetai-2 .comments .alex .boder .text .button {
     width: 35%;
     text-align: right;
     float: right;
     padding-bottom: 12px;
 }

 .blogdetai-2 .comments .alex .boder .text .button .btn {
     height: 40px;
     border-radius: 0;
     padding: 6px 20px;
     outline: 0;
     border: 1px solid #ebebeb;
     background: transparent;
     margin: 5px 3px;
     color: #333;
     font-size: 12px;
 }

 .blogdetai-2 .comments .no-border {
     border: none;
 }

 .blogdetai-2 .write-comments {
     background: #f2f2f2f2;
 }

 .blogdetai-2 .write-comments .row {
     padding: 150px;
 }

 .blogdetai-2 .write-comments .our-core {
     text-align: center;
 }

 .blogdetai-2 .write-comments .our-core h1 {
     font-weight: 400;
     font-size: 30px;
     font-family: roboto condensed;
     padding-bottom: 70px;
 }

 .blogdetai-2 .write-comments .input-contact {
     padding: 15px;
 }

 .blogdetai-2 .write-comments .input-contact input {
     width: 100%;
     height: 60px;
     outline: 0;
     padding-left: 20px;
     font-size: 16px;
     border: none;
 }

 .blogdetai-2 .write-comments .enter textarea {
     width: 100%;
     height: 200px;
     outline: 0;
     padding: 20px;
     font-size: 16px;
     border: none;
 }

 .blogdetai-2 .write-comments .button-contact {
     text-align: center;
 }

 @media (max-width: 1680px) {
     .blogdetai-2 .post .what-you .nua p {
         font-size: 14px;
         line-height: 160%;
     }
     .blogdetai-2 .post .what-you .img2 {
         padding: 0;
     }
 }

 @media (max-width: 991px) {
     .blogdetai-2 .post .what-you .nua p {
         font-size: 16px;
         line-height: 185%;
         padding-top: 20px;
     }
     .blogdetai-2 .post .what-you .img2 {
         padding: 0 15px;
     }
 }

 .blogdetai-2 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .blogdetai-2 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .blogdetai-2 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .blogdetai-2 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .blogdetai-2 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .blogdetai-2 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .blogdetai-2 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blogdetai-2 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .blogdetai-2 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .blogdetai-2 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .blogdetai-2 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .blogdetai-2 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blogdetai-2 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .blogdetai-2 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .blogdetai-2 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .blogdetai-2 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .blogdetai-2 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .blogdetai-2 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blogdetai-2 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .blogdetai-2 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .blogdetai-2 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .blogdetai-2 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .blogdetai-2 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .blogdetai-2 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .blogdetai-2 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .blogdetai-2 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .blogdetai-2 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1360px) {
     .blogdetai-2 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .blogdetai-2 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .blogdetai-2 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .blogdetai-2 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .blogdetai-2 .who_we_are .weare {
         padding-left: 100px;
     }
     .blogdetai-2 .sile1 .we_are {
         padding-right: 30px;
     }
     .blogdetai-2 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-2 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .blogdetai-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blogdetai-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blogdetai-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blogdetai-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blogdetai-2 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .blogdetai-2 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .blogdetai-2 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-2 .team {
         padding: 50px 0;
     }
     .blogdetai-2 .unlimited {
         padding-bottom: 50px;
     }
     .blogdetai-2 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-2 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .blogdetai-2 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .blogdetai-2 .servic .development {
         border: none;
     }
     .blogdetai-2 .servic .appdevelopment {
         border: none;
     }
     .blogdetai-2 .servic .marketing {
         border: none;
     }
     .blogdetai-2 .servic .design {
         border: none;
     }
     .blogdetai-2 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .blogdetai-2 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .blogdetai-2 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .blogdetai-2 .sile1 .we_are {
         padding-right: 10px;
     }
     .blogdetai-2 .porfolio .blanc {
         padding-right: 0;
     }
     .blogdetai-2 .porfolio .mock {
         padding-left: 0;
     }
     .blogdetai-2 .what1 .js-click-product {
         height: 120px;
     }
     .blogdetai-2 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .blogdetai-2 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .blogdetai-2 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .blogdetai-2 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .blogdetai-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blogdetai-2 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blogdetai-2 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blogdetai-2 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .blogdetai-2 .pricing-table {
         padding-top: 100px;
     }
     .blogdetai-2 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .blogdetai-2 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .blogdetai-2 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-2 .sile1 {
         width: 100%;
     }
     .blogdetai-2 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .blogdetai-2 .servic .creation {
         padding-top: 19px;
     }
     .blogdetai-2 .servic .design {
         padding: 15px;
     }
     .blogdetai-2 .servic .appdevelopment {
         padding: 15px;
     }
     .blogdetai-2 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .blogdetai-2 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .blogdetai-2 .pricing-table {
         padding-top: 50px;
     }
     .blogdetai-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blogdetai-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blogdetai-2 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-2 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .blogdetai-2 .what1 .main-img .slick-slide {
         display: none;
     }
     .blogdetai-2 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .blogdetai-2 .porfolio .blanc img {
         width: 100%;
     }
     .blogdetai-2 .sile1 {
         width: 97%;
     }
     .blogdetai-2 .servic .col-md-4 {
         padding-left: 15px;
     }
     .blogdetai-2 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .blogdetai-2 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .blogdetai-2 .slick-slider .slick-track {
         width: 250px;
     }
     .blogdetai-2 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .blogdetai-2 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .blogdetai-2 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .blogdetai-2 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .blogdetai-2 .pull-right {
     cursor: pointer;
 }

 .blogdetai-2 * {
     outline: none !important;
 }

 .blogdetai-2 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .blogdetai-2 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .blogdetai-2 .create {
         padding: 117px 30px;
     }
     .blogdetai-2 .careate .carea .cust {
         padding: 15px 10px;
     }
     .blogdetai-2 .carea {
         padding: 40px 80px;
     }
     .blogdetai-2 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .blogdetai-2 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .blogdetai-2 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .blogdetai-2 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .blogdetai-2 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .blogdetai-2 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .blogdetai-2 .affixx .navba {
         padding-left: 5px;
     }
     .blogdetai-2 .phone_top {
         padding-right: 5px;
     }
     .blogdetai-2 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blogdetai-2 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .blogdetai-2 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-2 .feedback .feeb {
         font-size: 200px;
     }
     .blogdetai-2 .affixx .navba {
         padding-left: 15px;
     }
     .blogdetai-2 .phone_top {
         padding-right: 15px;
     }
     .blogdetai-2 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .blogdetai-2 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .blogdetai-2 .we_are {
         padding: 0 50px;
     }
     .blogdetai-2 .careate .carea .cust {
         padding: 10px 10px;
     }
     .blogdetai-2 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .blogdetai-2 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .blogdetai-2 .cust h1 {
         padding-bottom: 0;
     }
     .blogdetai-2 .cust p {
         line-height: 150%;
     }
     .blogdetai-2 .button_see {
         margin-top: 27px;
     }
     .blogdetai-2 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .blogdetai-2 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .blogdetai-2 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .blogdetai-2 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .blogdetai-2 .footer .full-container {
         padding: 0 15px;
     }
     .blogdetai-2 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .blogdetai-2 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-2 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-2 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .blogdetai-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .blogdetai-2 .contacts .contact {
         padding: 20px 0;
     }
     .blogdetai-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .blogdetai-2 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .blogdetai-2 .phone_top {
         padding-top: 0;
     }
     .blogdetai-2 .phone_top .pull-right {
         padding: 5px;
     }
     .blogdetai-2 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .blogdetai-2 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .blogdetai-2 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .blogdetai-2 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .blogdetai-2 .affixx {
         padding-bottom: 10px !important;
     }
     .blogdetai-2 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .blogdetai-2 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .blogdetai-2 .header-lap {
         display: none;
     }
     .blogdetai-2 .header-mobi {
         display: block;
     }
     .blogdetai-2 .feedback {
         padding-bottom: 50px;
     }
     .blogdetai-2 .cust h1 {
         font-size: 30px;
     }
     .blogdetai-2 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .blogdetai-2 .all-pro span {
         margin-right: 5px;
     }
     .blogdetai-2 .phone_top span {
         display: none;
     }
     .blogdetai-2 .phone_top .phonee {
         display: none;
     }
     .blogdetai-2 .who_we_are {
         padding: 50px 0;
     }
     .blogdetai-2 .blog {
         padding: 50px 0;
     }
     .blogdetai-2 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .blogdetai-2 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-2 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .blogdetai-2 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .blogdetai-2 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .blogdetai-2 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .blogdetai-2 .feedback .feeb {
         font-size: 130px;
     }
     .blogdetai-2 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blogdetai-2 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .blogdetai-2 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .blogdetai-2 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .blogdetai-2 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .blogdetai-2 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .blogdetai-2 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .blogdetai-2 .links ul {
         -webkit-padding-start: 0px;
     }
     .blogdetai-2 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .blogdetai-2 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .blogdetai-2 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .blogdetai-2 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .blogdetai-2 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .blogdetai-2 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .blogdetai-2 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .blogdetai-2 .servic {
         padding-top: 50px;
     }
     .blogdetai-2 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .blogdetai-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .blogdetai-2 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .blogdetai-2 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .blogdetai-2 .row_top div p {
         line-height: 170%;
     }
     .blogdetai-2 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .blogdetai-2 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .blogdetai-2 .slide_main .test {
         padding-top: 100px;
     }
     .blogdetai-2 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .blogdetai-2 .servic .col-md-4 {
         width: 50%;
     }
     .blogdetai-2 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .blogdetai-2 .blog .col-md-4 {
         width: 33.33333%;
     }
     .blogdetai-2 .button_see {
         margin-top: 10px;
     }
     .blogdetai-2 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .blogdetai-2 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .blogdetai-2 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .blogdetai-2 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .blogdetai-2 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .blogdetai-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .blogdetai-2 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .blogdetai-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blogdetai-2 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .blogdetai-2 * h1 {
         font-size: 36px !important;
     }
     .blogdetai-2 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .blogdetai-2 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .blogdetai-2 .feedback .feeb {
         font-size: 100px;
     }
     .blogdetai-2 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .blogdetai-2 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .blogdetai-2 .who_we_are .who_are p {
         font-size: 14px;
     }
     .blogdetai-2 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .blogdetai-2 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .blogdetai-2 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .blogdetai-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .blogdetai-2 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .blogdetai-2 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .blogdetai-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .blogdetai-2 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .blogdetai-2 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .blogdetai-2 .porfolio {
         padding: 50px 0px;
     }
     .blogdetai-2 .button-proje {
         width: 210px;
     }
     .blogdetai-2 .video .row_video .video1>p {
         font-size: 24px;
     }
     .blogdetai-2 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .blogdetai-2 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .blogdetai-2 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .footer #googlemap1 {
         height: 400px;
     }
     .blogdetai-2 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blogdetai-2 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .blogdetai-2 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .blogdetai-2 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .blogdetai-2 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .blogdetai-2 .side .navbar .list-group-item button {
         top: 0;
     }
     .blogdetai-2 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .blogdetai-2 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .blogdetai-2 .base {
         margin-left: 0 !important;
     }
     .blogdetai-2 .baseright {
         margin-left: 0 !important;
     }
     .blogdetai-2 .sile1 {
         top: 60%;
     }
     .blogdetai-2 .affixx {
         background: #333 !important;
     }
     .blogdetai-2 .affixx {
         padding-top: 20px !important;
     }
     .blogdetai-2 .feedback .feeb {
         font-size: 70px;
     }
     .blogdetai-2 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .blogdetai-2 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .blogdetai-2 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .blogdetai-2 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .blogdetai-2 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .blogdetai-2 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .blogdetai-2 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .blogdetai-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .blogdetai-2 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .blogdetai-2 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .blogdetai-2 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .blogdetai-2 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .blogdetai-2 .button_see {
         margin-top: 0;
     }
     .blogdetai-2 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .blogdetai-2 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .blogdetai-2 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .blogdetai-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blogdetai-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blogdetai-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blogdetai-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .blogdetai-2 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .blogdetai-2 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .blogdetai-2 * h1 {
         font-size: 24px !important;
     }
     .blogdetai-2 .affixx {
         position: inherit !important;
     }
     .blogdetai-2 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-2 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .blogdetai-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .blogdetai-2 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .blogdetai-2 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .blogdetai-2 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .blogdetai-2 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .blogdetai-2 .feedback .feeb {
         letter-spacing: 6px;
     }
     .blogdetai-2 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .blogdetai-2 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .blogdetai-2 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .blogdetai-2 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .blogdetai-2 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .blogdetai-2 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .blogdetai-2 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .blogdetai-2 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .blogdetai-2 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .blogdetai-2 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .blogdetai-2 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .blogdetai-2 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .blogdetai-2 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .blogdetai-2 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .blogdetai-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blogdetai-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blogdetai-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blogdetai-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .blogdetai-2 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .blogdetai-2 .servic .identity {
         padding-top: 20px;
     }
     .blogdetai-2 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .blogdetai-2 .porfolio .nav_main {
         float: left;
     }
     .blogdetai-2 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .blogdetai-2 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .blogdetai-2 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .blogdetai-2 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .blogdetai-2 .who_we_are .weare {
         padding-left: 50px;
     }
     .blogdetai-2 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .blogdetai-2 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .blogdetai-2 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .blogdetai-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .blogdetai-2 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .blogdetai-2 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .blogdetai-2 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .blogdetai-2 .video-skills .skills {
         padding: 0 15px;
     }
     .blogdetai-2 .contacts .contact p {
         font-size: 24px;
     }
     .blogdetai-2 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-2 .about .about-we h1 {
         font-size: 40px;
     }
     .blogdetai-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .blogdetai-2 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .blogdetai-2 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-2 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .blogdetai-2 .cooperate .logo-brand img {
         width: 100%;
     }
     .blogdetai-2 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blogdetai-2 .cooperate {
         padding-top: 50px;
     }
     .blogdetai-2 .talk-to .row {
         padding: 50px 0;
     }
     .blogdetai-2 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-2 .sile1 .we_are {
         padding-right: 0;
     }
     .blogdetai-2 .about {
         top: 0;
         padding: 30px 0;
     }
     .blogdetai-2 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .blogdetai-2 .about .about-we {
         padding-left: 30px;
     }
     .blogdetai-2 .about .corem-ipsum {
         padding-right: 30px;
     }
     .blogdetai-2 .about .corem-ipsum p {
         line-height: 150%;
     }
     .blogdetai-2 .contacts .contact {
         text-align: center;
     }
     .blogdetai-2 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .blogdetai-2 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .blogdetai-2 .video-skills .video {
         padding-left: 15px;
     }
     .blogdetai-2 .video-skills {
         padding-bottom: 50px;
     }
     .blogdetai-2 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .blogdetai-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .blogdetai-2 .contacts .contact p {
         font-size: 20px;
     }
     .blogdetai-2 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .blogdetai-2 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .blogdetai-2 .about .corem-ipsum {
         padding-left: 30px;
     }
     .blogdetai-2 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .blogdetai-2 .cooperate .logo-brand {
         text-align: center;
     }
     .blogdetai-2 .cooperate .logo-brand img {
         width: initial;
     }
     .blogdetai-2 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .blogdetai-2 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .blogdetai-2 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .blogdetai-2 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-2 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blogdetai-2 .button1 .vuong {
         background: transparent !important;
     }
     .blogdetai-2 .button1 span {
         background: #fff !important;
     }
     .blogdetai-2 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blogdetai-2 .sile1 {
         width: 65%;
     }
     .blogdetai-2 .about .corem-ipsum p {
         font-size: 14px;
     }
     .blogdetai-2 .case-center .case-studies p {
         font-size: 14px;
     }
     .blogdetai-2 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .slick-dots {
         bottom: -50px !important;
     }
     .blogdetai-2 .cooperate {
         padding-top: 50px;
     }
     .blogdetai-2 .who_we_are .weare {
         padding-bottom: 0;
     }
     .blogdetai-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .blogdetai-2 .button-contact button {
         height: 40px;
     }
     .blogdetai-2 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .blogdetai-2 .cooperate .logo-brand img {
         width: 100%;
     }
     .blogdetai-2 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .blogdetai-2 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .blogdetai-2 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .talk-to .input-contact input {
         font-size: 14px;
     }
     .blogdetai-2 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-2 .servic .col-md-4 {
         padding-left: 30px;
     }
     .blogdetai-2 .button1 .vuong {
         background: transparent !important;
     }
     .blogdetai-2 .button1 span {
         background: #fff !important;
     }
     .blogdetai-2 .phone_top .pull-right i {
         color: #fff !important;
     }
     .blogdetai-2 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .blogdetai-2 .sile1 {
         width: 95%;
         left: 5%;
     }
     .blogdetai-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .blogdetai-2 .cooperate .logo-brand img {
         width: initial;
     }
     .blogdetai-2 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .blogdetai-2 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .blogdetai-2 .cases .read-mode {
         width: 100%;
     }
     .blogdetai-2 .row_top {
         width: 100%;
     }
     .blogdetai-2 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .blogdetai-2 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .blogdetai-2 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .blogdetai-2 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .blogdetai-2 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .blogdetai-2 .contacts .contact p {
         font-size: 24px;
     }
     .blogdetai-2 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-2 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .blogdetai-2 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .blogdetai-2 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .blogdetai-2 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-2 .testimonials-img img {
         width: 100%;
     }
     .blogdetai-2 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .blogdetai-2 .cooperate {
         padding-top: 50px;
     }
     .blogdetai-2 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-2 .contacts .contact {
         text-align: center;
     }
     .blogdetai-2 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .blogdetai-2 .testimonials {
         padding-bottom: 50px;
     }
     .blogdetai-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .blogdetai-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .blogdetai-2 .contacts .contact p {
         font-size: 20px;
     }
     .blogdetai-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blogdetai-2 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .blogdetai-2 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .blogdetai-2 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .blogdetai-2 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-2 .gallery .col-md-4 {
         width: 100%;
     }
     .blogdetai-2 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .blogdetai-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .blogdetai-2 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .blogdetai-2 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .blogdetai-2 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .blogdetai-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blogdetai-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .blogdetai-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .blogdetai-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .blogdetai-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .blogdetai-2 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .blogdetai-2 .affixx {
         padding-top: 15px !important;
     }
     .blogdetai-2 .pull-right {
         padding-top: 5px;
     }
     .blogdetai-2 .layer {
         padding-top: 0px;
     }
     .blogdetai-2 .pull-right {
         padding: 5px 0;
     }
     .blogdetai-2 .page-404 {
         padding-top: 50px 15px;
     }
     .blogdetai-2 .affixx .sidenav {
         padding-right: 15px;
     }
     .blogdetai-2 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .blogdetai-2 .careate img {
         width: 100%;
     }
     .blogdetai-2 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .blogdetai-2 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .blogdetai-2 .layer {
         padding-top: 62px;
     }
     .blogdetai-2 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .blogdetai-2 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .blogdetai-2 .container_header {
         top: 75%;
     }
     .blogdetai-2 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .blogdetai-2 .container_header .breadcrumb .active {
         width: auto;
     }
     .blogdetai-2 .blog .pagination li .prev {
         width: 80px;
     }
     .blogdetai-2 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media (max-width: 1680px) {
     .blogdetai-2 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .blogdetai-2 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
 }

 @media (max-width: 1440px) {
     .blogdetai-2 .post .there-is .imfor {
         padding: 20px 15px;
     }
     .blogdetai-2 .post .there-is1 .imfor {
         padding: 20px 15px;
     }
     .blogdetai-2 .post .there-is1 .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .blogdetai-2 .post .there-is1 .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
     .blogdetai-2 .post .there-is .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .blogdetai-2 .post .there-is .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
 }

 @media (max-width: 1200px) {
     .blogdetai-2 .post .there-is1 .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .post .there-is1 .imfor h1 {
         font-size: 24px;
     }
     .blogdetai-2 .post .there-is .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .blogdetai-2 .post .there-is .imfor h1 {
         font-size: 24px;
     }
 }

 @media (max-width: 1024px) {
     .blogdetai-2 .post .there-is .imfor {
         padding: 5px 10px;
     }
     .blogdetai-2 .post .there-is1 .imfor {
         padding: 5px 10px;
     }
     .blogdetai-2 .post .post6 .alex {
         padding-top: 50px;
     }
     .blogdetai-2 .post .post1 {
         padding: 50px 15px;
     }
 }

 @media (max-width: 991px) {
     .blogdetai-2 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .blogdetai-2 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
     .blogdetai-2 .post .there-is1 .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .blogdetai-2 .post .there-is1 .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .blogdetai-2 .post .there-is .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .blogdetai-2 .post .there-is .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .blogdetai-2 .post .post6 .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
         padding: 0 5px 0 15px;
     }
     .blogdetai-2 .post .post6 .alex .boder .text h4 {
         padding-left: 15px;
     }
     .blogdetai-2 .post .what-you {
         padding: 50px 15px;
     }
     .blogdetai-2 .post .what-you2 {
         padding: 50px 15px;
     }
     .blogdetai-2 .post .post5 {
         padding: 50px 15px;
     }
     .blogdetai-2 .post .post6 {
         padding: 50px 15px;
     }
     .blogdetai-2 .comments .padd {
         padding: 50px 15px;
     }
     .blogdetai-2 .write-comments .row {
         padding: 50px 15px;
     }
     .blogdetai-2 .comments .alex {
         float: left;
     }
     .blogdetai-2 .comments .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
     }
 }

 @media (max-width: 767px) {
     .blogdetai-2 .post .post6 h4 {
         padding-left: 0;
     }
     .blogdetai-2 .post .post5 p {
         padding: 0 0 20px 0;
     }
     .blogdetai-2 .post .post6 p {
         padding: 0 0 20px 0;
     }
     .blogdetai-2 .post .post6 .button {
         padding-left: 0;
     }
     .blogdetai-2 .post .post6 .alex {
         float: left;
         padding-left: 0;
     }
     .blogdetai-2 .blog .col-md-4 {
         text-align: left;
     }
     .blogdetai-2 .post .what-you p {
         padding-right: 0;
     }
     .blogdetai-2 .post .what-you2 p {
         padding-right: 0;
     }
     .blogdetai-2 .post .what-you2 h4 {
         padding: 10px 0 0 20px;
     }
 }

 @media (max-width: 680px) {
     .blogdetai-2 .comments .alex .boder .text {
         padding-left: 15px;
     }
 }

 @media (max-width: 568px) {
     .blogdetai-2 .post .post4 {
         padding: 0 15px;
     }
     .blogdetai-2 p {
         font-size: 14px !important;
     }
     .blogdetai-2 .contacts .contact p {
         font-size: 20px !important;
     }
     .blogdetai-2 * h1 {
         font-size: 24px !important;
     }
     .blogdetai-2 .comments .alex .boder .img img {
         width: 100%;
     }
     .blogdetai-2 .post .post6 .alex .boder .img img {
         width: 100%;
         padding-left: 5px;
     }
     .blogdetai-2 .post .post6 .alex {
         padding-top: 50px;
     }
 }

 @media (max-width: 480px) {
     .blogdetai-2 .container_header .breadcrumb .active {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 150px;
     }
     .blogdetai-2 .container_header .breadcrumb li {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 }

 @media (max-width: 480px) {
     .blogdetai-2 .container_header .breadcrumb .active {
         width: 118px;
     }
     .blogdetai-2 .write-comments .input-contact {
         width: 100%;
     }
 }

 @media (max-width: 360px) {
     .blogdetai-2 .write-comments .input-contact {
         width: 100%;
     }
 }

 .contact-1 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .contact-1 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .contact-1 * {
     box-sizing: border-box;
     outline: 0 !important;
 }

 .contact-1 .sidenav a:hover {
     color: #b6aeae;
 }

 .contact-1 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .contact-1 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     display: inline-block;
     position: relative;
 }

 .contact-1 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .contact-1 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .contact-1 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 20px;
 }

 .contact-1 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .contact-1 .button_rea:hover {
     opacity: 0.7;
 }

 .contact-1 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .contact-1 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .contact-1 .layer {
     position: relative;
 }

 .contact-1 .layer img {
     width: 100%;
 }

 .contact-1 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .contact-1 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .contact-1 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .contact-1 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .contact-1 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .contact-1 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .contact-1 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .contact-1 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .contact-1 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .contact-1 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .contact-1 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .contact-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .contact-1 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .contact-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .contact-1 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .contact-1 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .contact-1 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .contact-1 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .contact-1 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .contact-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .contact-1 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .contact-1 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .contact-1 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .contact-1 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .contact-1 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .contact-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .contact-1 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .contact-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .contact-1 .header-mobi {
     display: none;
 }

 .contact-1 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .contact-1 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .contact-1 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .contact-1 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .contact-1 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .contact-1 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .contact-1 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .contact-1 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .contact-1 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .contact-1 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .contact-1 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .contact-1 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .contact-1 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .contact-1 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .contact-1 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .contact-1 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .contact-1 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .contact-1 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-1 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-1 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .contact-1 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .contact-1 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .contact-1 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .contact-1 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .contact-1 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .contact-1 .sidenav a:hover {
     color: #f1f1f1;
 }

 .contact-1 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .contact-1 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .contact-1 .child2 {
     margin: 5px 0;
 }

 .contact-1 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .contact-1 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .contact-1 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .contact-1 .container_header .breadcrumb {
     background: transparent;
 }

 .contact-1 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .contact-1 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .contact-1 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .contact-1 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .contact-1 .our {
     padding: 100px 15px;
     text-align: center;
 }

 .contact-1 .our .address {
     background-image: url(../img/our-address.png);
     height: 66px;
     width: 56px;
     display: inline-block;
 }

 .contact-1 .our .email {
     background-image: url(../img/our-email.png);
     height: 63px;
     width: 70px;
     display: inline-block;
 }

 .contact-1 .our .phone {
     background-image: url(../img/our-phone.png);
     height: 59px;
     width: 48px;
     display: inline-block;
 }

 .contact-1 .our h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding: 20px 0;
 }

 .contact-1 .our p {
     font-size: 16px;
     color: #909090;
 }

 .contact-1 #googlemap1 {
     width: 100%;
     height: 800px;
 }

 .contact-1 .talk-to {
     border-bottom: 1px solid #f2f2f2;
 }

 .contact-1 .talk-to .row {
     padding: 150px;
 }

 .contact-1 .talk-to .our-core {
     text-align: center;
 }

 .contact-1 .talk-to .our-core h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .contact-1 .talk-to .our-core h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     color: #333;
 }

 .contact-1 .talk-to .our-core p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 50px;
     padding-left: 14%;
     padding-right: 14%;
 }

 .contact-1 .talk-to .input-contact {
     padding: 15px;
 }

 .contact-1 .talk-to .input-contact input {
     width: 100%;
     height: 60px;
     outline: 0;
     padding-left: 20px;
     font-size: 16px;
     border: 1px solid #f2f2f2;
 }

 .contact-1 .talk-to .button-contact {
     text-align: center;
     padding-top: 50px;
 }

 .contact-1 .talk-to .button-contact button {
     width: 36%;
     height: 60px;
     text-align: left;
     padding-left: 10px;
     background: #fc6a55;
     border: none;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
     padding-right: 20px;
     font-size: 14px;
     outline: 0;
     transition: all .2s;
     position: relative;
 }

 .contact-1 .talk-to .button-contact button span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     display: inline-block;
     position: relative;
 }

 .contact-1 .talk-to .button-contact button:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .contact-1 .talk-to .button-contact button:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .contact-1 .over {
     text-align: center;
     padding-top: 100px;
 }

 .contact-1 .over h1 {
     font-size: 50px;
     font-weight: 700;
     font-family: roboto condensed;
     padding: 0px 0 40px;
 }

 .contact-1 .over h5 {
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
     color: #909090;
 }

 .contact-1 .over p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 100px;
 }

 @media (max-width: 1680px) {
     .contact-1 .over img {
         width: 100%;
     }
 }

 @media (max-width: 1024px) {
     .contact-1 br {
         display: none;
     }
 }

 @media (max-width: 768px) {
     .contact-1 .talk-to .button-contact button {
         width: 250px;
     }
     .contact-1 #googlemap1 {
         height: 400px;
     }
 }

 @media (max-width: 568px) {
     .contact-1 .our {
         padding: 50px 15px;
     }
     .contact-1 .our .col-md-4 {
         width: 100%;
         padding: 30px 15px;
     }
     .contact-1 .over {
         padding-top: 50px;
     }
 }

 .contact-1 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .contact-1 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .contact-1 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .contact-1 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .contact-1 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .contact-1 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .contact-1 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .contact-1 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .contact-1 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .contact-1 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .contact-1 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .contact-1 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .contact-1 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .contact-1 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .contact-1 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .contact-1 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .contact-1 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .contact-1 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .contact-1 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .contact-1 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .contact-1 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .contact-1 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .contact-1 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .contact-1 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .contact-1 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     padding-right: 20px;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .contact-1 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-top: 10px;
 }

 .contact-1 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .contact-1 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .contact-1 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .contact-1 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media (max-width: 1024px) {
     .contact-1 .our {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 1360px) {
     .contact-1 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .contact-1 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .contact-1 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .contact-1 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .contact-1 .who_we_are .weare {
         padding-left: 100px;
     }
     .contact-1 .sile1 .we_are {
         padding-right: 30px;
     }
     .contact-1 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-1 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .contact-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .contact-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .contact-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .contact-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .contact-1 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .contact-1 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .contact-1 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-1 .team {
         padding: 50px 0;
     }
     .contact-1 .unlimited {
         padding-bottom: 50px;
     }
     .contact-1 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-1 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .contact-1 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .contact-1 .servic .development {
         border: none;
     }
     .contact-1 .servic .appdevelopment {
         border: none;
     }
     .contact-1 .servic .marketing {
         border: none;
     }
     .contact-1 .servic .design {
         border: none;
     }
     .contact-1 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .contact-1 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .contact-1 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .contact-1 .sile1 .we_are {
         padding-right: 10px;
     }
     .contact-1 .porfolio .blanc {
         padding-right: 0;
     }
     .contact-1 .porfolio .mock {
         padding-left: 0;
     }
     .contact-1 .what1 .js-click-product {
         height: 120px;
     }
     .contact-1 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .contact-1 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .contact-1 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .contact-1 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .contact-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .contact-1 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .contact-1 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .contact-1 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .contact-1 .pricing-table {
         padding-top: 100px;
     }
     .contact-1 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .contact-1 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .contact-1 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-1 .sile1 {
         width: 100%;
     }
     .contact-1 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .contact-1 .servic .creation {
         padding-top: 19px;
     }
     .contact-1 .servic .design {
         padding: 15px;
     }
     .contact-1 .servic .appdevelopment {
         padding: 15px;
     }
     .contact-1 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .contact-1 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .contact-1 .pricing-table {
         padding-top: 50px;
     }
     .contact-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .contact-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .contact-1 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-1 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .contact-1 .what1 .main-img .slick-slide {
         display: none;
     }
     .contact-1 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .contact-1 .porfolio .blanc img {
         width: 100%;
     }
     .contact-1 .sile1 {
         width: 97%;
     }
     .contact-1 .servic .col-md-4 {
         padding-left: 15px;
     }
     .contact-1 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .contact-1 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .contact-1 .slick-slider .slick-track {
         width: 250px;
     }
     .contact-1 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .contact-1 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .contact-1 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .contact-1 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .contact-1 .pull-right {
     cursor: pointer;
 }

 .contact-1 * {
     outline: none !important;
 }

 .contact-1 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .contact-1 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .contact-1 .create {
         padding: 117px 30px;
     }
     .contact-1 .careate .carea .cust {
         padding: 15px 10px;
     }
     .contact-1 .carea {
         padding: 40px 80px;
     }
     .contact-1 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .contact-1 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .contact-1 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .contact-1 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .contact-1 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .contact-1 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .contact-1 .affixx .navba {
         padding-left: 5px;
     }
     .contact-1 .phone_top {
         padding-right: 5px;
     }
     .contact-1 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .contact-1 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .contact-1 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-1 .feedback .feeb {
         font-size: 200px;
     }
     .contact-1 .affixx .navba {
         padding-left: 15px;
     }
     .contact-1 .phone_top {
         padding-right: 15px;
     }
     .contact-1 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .contact-1 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .contact-1 .we_are {
         padding: 0 50px;
     }
     .contact-1 .careate .carea .cust {
         padding: 10px 10px;
     }
     .contact-1 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .contact-1 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .contact-1 .cust h1 {
         padding-bottom: 0;
     }
     .contact-1 .cust p {
         line-height: 150%;
     }
     .contact-1 .button_see {
         margin-top: 27px;
     }
     .contact-1 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .contact-1 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .contact-1 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .contact-1 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .contact-1 .footer .full-container {
         padding: 0 15px;
     }
     .contact-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .contact-1 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-1 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-1 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .contact-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .contact-1 .contacts .contact {
         padding: 20px 0;
     }
     .contact-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .contact-1 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .contact-1 .phone_top {
         padding-top: 0;
     }
     .contact-1 .phone_top .pull-right {
         padding: 5px;
     }
     .contact-1 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .contact-1 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .contact-1 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .contact-1 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .contact-1 .affixx {
         padding-bottom: 10px !important;
     }
     .contact-1 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .contact-1 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .contact-1 .header-lap {
         display: none;
     }
     .contact-1 .header-mobi {
         display: block;
     }
     .contact-1 .feedback {
         padding-bottom: 50px;
     }
     .contact-1 .cust h1 {
         font-size: 30px;
     }
     .contact-1 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .contact-1 .all-pro span {
         margin-right: 5px;
     }
     .contact-1 .phone_top span {
         display: none;
     }
     .contact-1 .phone_top .phonee {
         display: none;
     }
     .contact-1 .who_we_are {
         padding: 50px 0;
     }
     .contact-1 .blog {
         padding: 50px 0;
     }
     .contact-1 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .contact-1 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-1 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .contact-1 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .contact-1 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .contact-1 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .contact-1 .feedback .feeb {
         font-size: 130px;
     }
     .contact-1 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .contact-1 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .contact-1 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .contact-1 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .contact-1 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .contact-1 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .contact-1 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .contact-1 .links ul {
         -webkit-padding-start: 0px;
     }
     .contact-1 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .contact-1 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .contact-1 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .contact-1 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .contact-1 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .contact-1 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .contact-1 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .contact-1 .servic {
         padding-top: 50px;
     }
     .contact-1 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .contact-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .contact-1 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .contact-1 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .contact-1 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .contact-1 .row_top div p {
         line-height: 170%;
     }
     .contact-1 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .contact-1 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .contact-1 .slide_main .test {
         padding-top: 100px;
     }
     .contact-1 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .contact-1 .servic .col-md-4 {
         width: 50%;
     }
     .contact-1 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .contact-1 .blog .col-md-4 {
         width: 33.33333%;
     }
     .contact-1 .button_see {
         margin-top: 10px;
     }
     .contact-1 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .contact-1 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .contact-1 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .contact-1 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .contact-1 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .contact-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .contact-1 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .contact-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .contact-1 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .contact-1 * h1 {
         font-size: 36px !important;
     }
     .contact-1 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .contact-1 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .contact-1 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .contact-1 .feedback .feeb {
         font-size: 100px;
     }
     .contact-1 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .contact-1 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .contact-1 .who_we_are .who_are p {
         font-size: 14px;
     }
     .contact-1 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .contact-1 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .contact-1 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .contact-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .contact-1 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .contact-1 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .contact-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .contact-1 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .contact-1 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .contact-1 .porfolio {
         padding: 50px 0px;
     }
     .contact-1 .button-proje {
         width: 210px;
     }
     .contact-1 .video .row_video .video1>p {
         font-size: 24px;
     }
     .contact-1 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .contact-1 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .contact-1 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .footer #googlemap1 {
         height: 400px;
     }
     .contact-1 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .contact-1 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-1 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .contact-1 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .contact-1 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .contact-1 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .contact-1 .side .navbar .list-group-item button {
         top: 0;
     }
     .contact-1 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .contact-1 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .contact-1 .base {
         margin-left: 0 !important;
     }
     .contact-1 .baseright {
         margin-left: 0 !important;
     }
     .contact-1 .sile1 {
         top: 60%;
     }
     .contact-1 .affixx {
         background: #333 !important;
     }
     .contact-1 .affixx {
         padding-top: 20px !important;
     }
     .contact-1 .feedback .feeb {
         font-size: 70px;
     }
     .contact-1 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .contact-1 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .contact-1 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .contact-1 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .contact-1 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .contact-1 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .contact-1 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .contact-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .contact-1 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .contact-1 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .contact-1 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .contact-1 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .contact-1 .button_see {
         margin-top: 0;
     }
     .contact-1 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .contact-1 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .contact-1 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .contact-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .contact-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .contact-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .contact-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .contact-1 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .contact-1 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .contact-1 * h1 {
         font-size: 24px !important;
     }
     .contact-1 .affixx {
         position: inherit !important;
     }
     .contact-1 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-1 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .contact-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .contact-1 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .contact-1 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .contact-1 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .contact-1 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .contact-1 .feedback .feeb {
         letter-spacing: 6px;
     }
     .contact-1 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .contact-1 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .contact-1 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .contact-1 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .contact-1 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .contact-1 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .contact-1 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .contact-1 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .contact-1 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .contact-1 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .contact-1 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .contact-1 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .contact-1 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .contact-1 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .contact-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .contact-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .contact-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .contact-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .contact-1 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .contact-1 .servic .identity {
         padding-top: 20px;
     }
     .contact-1 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .contact-1 .porfolio .nav_main {
         float: left;
     }
     .contact-1 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .contact-1 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .contact-1 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .contact-1 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .contact-1 .who_we_are .weare {
         padding-left: 50px;
     }
     .contact-1 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .contact-1 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .contact-1 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .contact-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .contact-1 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .contact-1 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .contact-1 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .contact-1 .video-skills .skills {
         padding: 0 15px;
     }
     .contact-1 .contacts .contact p {
         font-size: 24px;
     }
     .contact-1 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-1 .about .about-we h1 {
         font-size: 40px;
     }
     .contact-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .contact-1 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .contact-1 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-1 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .contact-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .contact-1 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .contact-1 .cooperate {
         padding-top: 50px;
     }
     .contact-1 .talk-to .row {
         padding: 50px 0;
     }
     .contact-1 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-1 .sile1 .we_are {
         padding-right: 0;
     }
     .contact-1 .about {
         top: 0;
         padding: 30px 0;
     }
     .contact-1 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .contact-1 .about .about-we {
         padding-left: 30px;
     }
     .contact-1 .about .corem-ipsum {
         padding-right: 30px;
     }
     .contact-1 .about .corem-ipsum p {
         line-height: 150%;
     }
     .contact-1 .contacts .contact {
         text-align: center;
     }
     .contact-1 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .contact-1 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .contact-1 .video-skills .video {
         padding-left: 15px;
     }
     .contact-1 .video-skills {
         padding-bottom: 50px;
     }
     .contact-1 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .contact-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .contact-1 .contacts .contact p {
         font-size: 20px;
     }
     .contact-1 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .contact-1 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .contact-1 .about .corem-ipsum {
         padding-left: 30px;
     }
     .contact-1 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .contact-1 .cooperate .logo-brand {
         text-align: center;
     }
     .contact-1 .cooperate .logo-brand img {
         width: initial;
     }
     .contact-1 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .contact-1 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .contact-1 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .contact-1 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-1 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .contact-1 .button1 .vuong {
         background: transparent !important;
     }
     .contact-1 .button1 span {
         background: #fff !important;
     }
     .contact-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .contact-1 .sile1 {
         width: 65%;
     }
     .contact-1 .about .corem-ipsum p {
         font-size: 14px;
     }
     .contact-1 .case-center .case-studies p {
         font-size: 14px;
     }
     .contact-1 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .slick-dots {
         bottom: -50px !important;
     }
     .contact-1 .cooperate {
         padding-top: 50px;
     }
     .contact-1 .who_we_are .weare {
         padding-bottom: 0;
     }
     .contact-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .contact-1 .button-contact button {
         height: 40px;
     }
     .contact-1 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .contact-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .contact-1 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .contact-1 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .contact-1 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .talk-to .input-contact input {
         font-size: 14px;
     }
     .contact-1 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-1 .servic .col-md-4 {
         padding-left: 30px;
     }
     .contact-1 .button1 .vuong {
         background: transparent !important;
     }
     .contact-1 .button1 span {
         background: #fff !important;
     }
     .contact-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .contact-1 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .contact-1 .sile1 {
         width: 95%;
         left: 5%;
     }
     .contact-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .contact-1 .cooperate .logo-brand img {
         width: initial;
     }
     .contact-1 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .contact-1 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .contact-1 .cases .read-mode {
         width: 100%;
     }
     .contact-1 .row_top {
         width: 100%;
     }
     .contact-1 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .contact-1 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .contact-1 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .contact-1 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .contact-1 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .contact-1 .contacts .contact p {
         font-size: 24px;
     }
     .contact-1 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-1 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .contact-1 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .contact-1 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .contact-1 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-1 .testimonials-img img {
         width: 100%;
     }
     .contact-1 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .contact-1 .cooperate {
         padding-top: 50px;
     }
     .contact-1 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-1 .contacts .contact {
         text-align: center;
     }
     .contact-1 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .contact-1 .testimonials {
         padding-bottom: 50px;
     }
     .contact-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .contact-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .contact-1 .contacts .contact p {
         font-size: 20px;
     }
     .contact-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .contact-1 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .contact-1 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .contact-1 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .contact-1 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-1 .gallery .col-md-4 {
         width: 100%;
     }
     .contact-1 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .contact-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .contact-1 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .contact-1 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .contact-1 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .contact-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .contact-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .contact-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .contact-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .contact-1 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-1 .affixx {
         padding-top: 15px !important;
     }
     .contact-1 .pull-right {
         padding-top: 5px;
     }
     .contact-1 .layer {
         padding-top: 0px;
     }
     .contact-1 .pull-right {
         padding: 5px 0;
     }
     .contact-1 .page-404 {
         padding-top: 50px 15px;
     }
     .contact-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .contact-1 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-1 .careate img {
         width: 100%;
     }
     .contact-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .contact-1 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-1 .layer {
         padding-top: 62px;
     }
     .contact-1 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .contact-1 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-1 .container_header {
         top: 75%;
     }
     .contact-1 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .contact-1 .container_header .breadcrumb .active {
         width: auto;
     }
     .contact-1 .blog .pagination li .prev {
         width: 80px;
     }
     .contact-1 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media (max-width: 1680px) {
     .contact-1 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .contact-1 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
 }

 @media (max-width: 1440px) {
     .contact-1 .post .there-is .imfor {
         padding: 20px 15px;
     }
     .contact-1 .post .there-is1 .imfor {
         padding: 20px 15px;
     }
     .contact-1 .post .there-is1 .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .contact-1 .post .there-is1 .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
     .contact-1 .post .there-is .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .contact-1 .post .there-is .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
 }

 @media (max-width: 1200px) {
     .contact-1 .post .there-is1 .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .post .there-is1 .imfor h1 {
         font-size: 24px;
     }
     .contact-1 .post .there-is .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-1 .post .there-is .imfor h1 {
         font-size: 24px;
     }
 }

 @media (max-width: 1024px) {
     .contact-1 .post .there-is .imfor {
         padding: 5px 10px;
     }
     .contact-1 .post .there-is1 .imfor {
         padding: 5px 10px;
     }
     .contact-1 .post .post6 .alex {
         padding-top: 50px;
     }
     .contact-1 .post .post1 {
         padding: 50px 15px;
     }
 }

 @media (max-width: 991px) {
     .contact-1 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .contact-1 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
     .contact-1 .post .there-is1 .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .contact-1 .post .there-is1 .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .contact-1 .post .there-is .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .contact-1 .post .there-is .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .contact-1 .post .post6 .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
         padding: 0 5px 0 15px;
     }
     .contact-1 .post .post6 .alex .boder .text h4 {
         padding-left: 15px;
     }
     .contact-1 .post .what-you {
         padding: 50px 15px;
     }
     .contact-1 .post .what-you2 {
         padding: 50px 15px;
     }
     .contact-1 .post .post5 {
         padding: 50px 15px;
     }
     .contact-1 .post .post6 {
         padding: 50px 15px;
     }
     .contact-1 .comments .padd {
         padding: 50px 15px;
     }
     .contact-1 .write-comments .row {
         padding: 50px 15px;
     }
     .contact-1 .comments .alex {
         float: left;
     }
     .contact-1 .comments .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
     }
 }

 @media (max-width: 767px) {
     .contact-1 .post .post6 h4 {
         padding-left: 0;
     }
     .contact-1 .post .post5 p {
         padding: 0 0 20px 0;
     }
     .contact-1 .post .post6 p {
         padding: 0 0 20px 0;
     }
     .contact-1 .post .post6 .button {
         padding-left: 0;
     }
     .contact-1 .post .post6 .alex {
         float: left;
         padding-left: 0;
     }
     .contact-1 .blog .col-md-4 {
         text-align: left;
     }
     .contact-1 .post .what-you p {
         padding-right: 0;
     }
     .contact-1 .post .what-you2 p {
         padding-right: 0;
     }
     .contact-1 .post .what-you2 h4 {
         padding: 10px 0 0 20px;
     }
 }

 @media (max-width: 680px) {
     .contact-1 .comments .alex .boder .text {
         padding-left: 15px;
     }
 }

 @media (max-width: 568px) {
     .contact-1 .post .post4 {
         padding: 0 15px;
     }
     .contact-1 p {
         font-size: 14px !important;
     }
     .contact-1 .contacts .contact p {
         font-size: 20px !important;
     }
     .contact-1 * h1 {
         font-size: 24px !important;
     }
     .contact-1 .comments .alex .boder .img img {
         width: 100%;
     }
     .contact-1 .post .post6 .alex .boder .img img {
         width: 100%;
         padding-left: 5px;
     }
     .contact-1 .post .post6 .alex {
         padding-top: 50px;
     }
 }

 @media (max-width: 480px) {
     .contact-1 .container_header .breadcrumb .active {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 150px;
     }
     .contact-1 .container_header .breadcrumb li {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 }

 @media (max-width: 480px) {
     .contact-1 .container_header .breadcrumb .active {
         width: 118px;
     }
     .contact-1 .write-comments .input-contact {
         width: 100%;
     }
 }

 @media (max-width: 360px) {
     .contact-1 .write-comments .input-contact {
         width: 100%;
     }
 }

 .contact-2 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*mai lam nor risponsive*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .contact-2 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .contact-2 * {
     box-sizing: border-box;
     outline: 0;
 }

 .contact-2 .sidenav a:hover {
     color: #b6aeae;
 }

 .contact-2 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .contact-2 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .contact-2 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .contact-2 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .contact-2 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 20px;
 }

 .contact-2 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .contact-2 .button_rea:hover {
     opacity: 0.7;
 }

 .contact-2 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .contact-2 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .contact-2 .layer {
     position: relative;
 }

 .contact-2 .layer img {
     width: 100%;
 }

 .contact-2 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .contact-2 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .contact-2 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .contact-2 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .contact-2 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .contact-2 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .contact-2 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .contact-2 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .contact-2 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .contact-2 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .contact-2 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .contact-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .contact-2 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .contact-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .contact-2 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .contact-2 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .contact-2 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .contact-2 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .contact-2 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .contact-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .contact-2 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .contact-2 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .contact-2 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .contact-2 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .contact-2 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .contact-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .contact-2 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .contact-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .contact-2 .header-mobi {
     display: none;
 }

 .contact-2 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .contact-2 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .contact-2 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .contact-2 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .contact-2 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .contact-2 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .contact-2 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .contact-2 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .contact-2 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .contact-2 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .contact-2 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .contact-2 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .contact-2 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .contact-2 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .contact-2 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .contact-2 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .contact-2 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .contact-2 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .contact-2 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .contact-2 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .contact-2 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .contact-2 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .contact-2 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .contact-2 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .contact-2 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .contact-2 .sidenav a:hover {
     color: #f1f1f1;
 }

 .contact-2 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .contact-2 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .contact-2 .child2 {
     margin: 5px 0;
 }

 .contact-2 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .contact-2 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .contact-2 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .contact-2 .container_header .breadcrumb {
     background: transparent;
 }

 .contact-2 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .contact-2 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .contact-2 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .contact-2 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .contact-2 .our {
     padding: 100px 15px;
     text-align: center;
 }

 .contact-2 .our .border-tron {
     border: 1px solid #f2f2f2;
     padding: 60px 15px;
 }

 .contact-2 .our .border-tron .lce {
     background-image: url(../img/lce.png);
     height: 29px;
     width: 49px;
     display: inline-block;
 }

 .contact-2 .our .border-tron .fran {
     background-image: url(../img/fran.png);
     height: 29px;
     width: 49px;
     display: inline-block;
 }

 .contact-2 .our .border-tron .swit {
     background-image: url(../img/swit.png);
     height: 29px;
     width: 49px;
     display: inline-block;
 }

 .contact-2 .our .border-tron h4 {
     font-size: 20px;
     font-weight: 700;
     font-family: roboto condensed;
     padding: 20px 0;
 }

 .contact-2 .our .border-tron p {
     font-size: 16px;
     color: #909090;
     padding-bottom: 30px;
 }

 .contact-2 .our .border-tron .ice-p {
     font-weight: 700;
     font-size: 18px;
     font-family: roboto condensed;
     line-height: 185%;
 }

 .contact-2 .our .border-tron .ice-p span {
     color: #909090;
     font-family: roboto;
     font-weight: 400;
     font-size: 16px;
 }

 .contact-2 .our .border-tron .ice-e {
     font-weight: 700;
     font-size: 18px;
     font-family: roboto condensed;
 }

 .contact-2 .our .border-tron .ice-e span {
     color: #fc6955;
     font-family: roboto;
     font-weight: 400;
     font-size: 16px;
 }

 .contact-2 #googlemap1 {
     width: 100%;
     height: 800px;
 }

 .contact-2 .talk-to {
     border-bottom: 1px solid #f2f2f2;
     background: #333;
 }

 .contact-2 .talk-to .img {
     padding: 0;
 }

 .contact-2 .talk-to .img img {
     width: 100%;
 }

 .contact-2 .talk-to .our-core {
     text-align: center;
     padding-top: 100px;
 }

 .contact-2 .talk-to .our-core h5 {
     font-weight: 700;
     color: #909090;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .contact-2 .talk-to .our-core h1 {
     font-weight: 700;
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
 }

 .contact-2 .talk-to .our-core p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 50px;
     padding-left: 14%;
     padding-right: 14%;
 }

 .contact-2 .talk-to .input-contact {
     padding: 15px;
 }

 .contact-2 .talk-to .input-contact input {
     width: 100%;
     height: 60px;
     outline: 0;
     padding-left: 20px;
     font-size: 16px;
     border: 1px solid #f2f2f2;
 }

 .contact-2 .talk-to .button-contact {
     text-align: center;
     padding-top: 50px;
 }

 .contact-2 .talk-to .button-contact button {
     width: 36%;
     height: 60px;
     text-align: left;
     padding-left: 10px;
     background: #fc6a55;
     border: none;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
     padding-right: 20px;
     font-size: 14px;
     outline: 0;
     transition: all .2s;
     position: relative;
 }

 .contact-2 .talk-to .button-contact button span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 20px;
     display: inline-block;
     position: relative;
 }

 .contact-2 .talk-to .button-contact button:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .contact-2 .talk-to .button-contact button:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .contact-2 .over {
     text-align: center;
     padding: 100px 200px 50px 200px;
 }

 .contact-2 .over h1 {
     font-size: 50px;
     font-weight: 700;
     font-family: roboto condensed;
     padding: 0px 0 40px;
 }

 .contact-2 .over h5 {
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
     color: #909090;
 }

 .contact-2 .over p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-bottom: 30px;
 }

 .contact-2 .over .button_seer {
     padding-left: 20px;
     margin-top: 40px;
     width: 270px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .contact-2 .over .button_seer span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .contact-2 .over .button_seer:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .contact-2 .over .button_seer:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .contact-2 .over .button_seer .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 @media (max-width: 1680px) {
     .contact-2 .over img {
         width: 100%;
     }
 }

 @media (max-width: 1360px) {
     .contact-2 .talk-to .row {
         padding: 0 !important;
     }
     .contact-2 .talk-to .our-core {
         padding-top: 30px;
     }
     .contact-2 .talk-to .our-core p {
         padding-bottom: 20px;
     }
 }

 @media (max-width: 1024px) {
     .contact-2 .over {
         padding: 15px;
     }
     .contact-2 .talk-to .button-contact {
         padding-bottom: 10px;
     }
 }

 @media (max-width: 768px) {
     .contact-2 .talk-to .button-contact button {
         width: 250px;
     }
     .contact-2 #googlemap1 {
         height: 400px;
     }
 }

 @media (max-width: 568px) {
     .contact-2 .our {
         padding: 50px 15px;
     }
     .contact-2 .our .col-md-4 {
         width: 100%;
         padding: 30px 15px;
     }
     .contact-2 .over {
         padding-top: 50px;
     }
 }

 .contact-2 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .contact-2 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .contact-2 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .contact-2 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .contact-2 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .contact-2 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .contact-2 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .contact-2 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .contact-2 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .contact-2 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .contact-2 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .contact-2 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .contact-2 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .contact-2 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .contact-2 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .contact-2 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .contact-2 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .contact-2 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .contact-2 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .contact-2 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .contact-2 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .contact-2 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .contact-2 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .contact-2 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .contact-2 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     padding-right: 20px;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .contact-2 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .contact-2 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .contact-2 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .contact-2 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .contact-2 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1360px) {
     .contact-2 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .contact-2 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .contact-2 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .contact-2 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .contact-2 .who_we_are .weare {
         padding-left: 100px;
     }
     .contact-2 .sile1 .we_are {
         padding-right: 30px;
     }
     .contact-2 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-2 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .contact-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .contact-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .contact-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .contact-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .contact-2 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .contact-2 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .contact-2 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-2 .team {
         padding: 50px 0;
     }
     .contact-2 .unlimited {
         padding-bottom: 50px;
     }
     .contact-2 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-2 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .contact-2 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .contact-2 .servic .development {
         border: none;
     }
     .contact-2 .servic .appdevelopment {
         border: none;
     }
     .contact-2 .servic .marketing {
         border: none;
     }
     .contact-2 .servic .design {
         border: none;
     }
     .contact-2 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .contact-2 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .contact-2 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .contact-2 .sile1 .we_are {
         padding-right: 10px;
     }
     .contact-2 .porfolio .blanc {
         padding-right: 0;
     }
     .contact-2 .porfolio .mock {
         padding-left: 0;
     }
     .contact-2 .what1 .js-click-product {
         height: 120px;
     }
     .contact-2 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .contact-2 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .contact-2 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .contact-2 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .contact-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .contact-2 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .contact-2 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .contact-2 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .contact-2 .pricing-table {
         padding-top: 100px;
     }
     .contact-2 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .contact-2 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .contact-2 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-2 .sile1 {
         width: 100%;
     }
     .contact-2 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .contact-2 .servic .creation {
         padding-top: 19px;
     }
     .contact-2 .servic .design {
         padding: 15px;
     }
     .contact-2 .servic .appdevelopment {
         padding: 15px;
     }
     .contact-2 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .contact-2 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .contact-2 .pricing-table {
         padding-top: 50px;
     }
     .contact-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .contact-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .contact-2 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-2 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .contact-2 .what1 .main-img .slick-slide {
         display: none;
     }
     .contact-2 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .contact-2 .porfolio .blanc img {
         width: 100%;
     }
     .contact-2 .sile1 {
         width: 97%;
     }
     .contact-2 .servic .col-md-4 {
         padding-left: 15px;
     }
     .contact-2 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .contact-2 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .contact-2 .slick-slider .slick-track {
         width: 250px;
     }
     .contact-2 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .contact-2 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .contact-2 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .contact-2 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .contact-2 .pull-right {
     cursor: pointer;
 }

 .contact-2 * {
     outline: none !important;
 }

 .contact-2 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .contact-2 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .contact-2 .create {
         padding: 117px 30px;
     }
     .contact-2 .careate .carea .cust {
         padding: 15px 10px;
     }
     .contact-2 .carea {
         padding: 40px 80px;
     }
     .contact-2 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .contact-2 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .contact-2 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .contact-2 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .contact-2 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .contact-2 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .contact-2 .affixx .navba {
         padding-left: 5px;
     }
     .contact-2 .phone_top {
         padding-right: 5px;
     }
     .contact-2 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .contact-2 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .contact-2 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-2 .feedback .feeb {
         font-size: 200px;
     }
     .contact-2 .affixx .navba {
         padding-left: 15px;
     }
     .contact-2 .phone_top {
         padding-right: 15px;
     }
     .contact-2 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .contact-2 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .contact-2 .we_are {
         padding: 0 50px;
     }
     .contact-2 .careate .carea .cust {
         padding: 10px 10px;
     }
     .contact-2 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .contact-2 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .contact-2 .cust h1 {
         padding-bottom: 0;
     }
     .contact-2 .cust p {
         line-height: 150%;
     }
     .contact-2 .button_see {
         margin-top: 27px;
     }
     .contact-2 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .contact-2 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .contact-2 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .contact-2 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .contact-2 .footer .full-container {
         padding: 0 15px;
     }
     .contact-2 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .contact-2 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-2 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-2 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .contact-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .contact-2 .contacts .contact {
         padding: 20px 0;
     }
     .contact-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .contact-2 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .contact-2 .phone_top {
         padding-top: 0;
     }
     .contact-2 .phone_top .pull-right {
         padding: 5px;
     }
     .contact-2 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .contact-2 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .contact-2 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .contact-2 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .contact-2 .affixx {
         padding-bottom: 10px !important;
     }
     .contact-2 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .contact-2 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .contact-2 .header-lap {
         display: none;
     }
     .contact-2 .header-mobi {
         display: block;
     }
     .contact-2 .feedback {
         padding-bottom: 50px;
     }
     .contact-2 .cust h1 {
         font-size: 30px;
     }
     .contact-2 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .contact-2 .all-pro span {
         margin-right: 5px;
     }
     .contact-2 .phone_top span {
         display: none;
     }
     .contact-2 .phone_top .phonee {
         display: none;
     }
     .contact-2 .who_we_are {
         padding: 50px 0;
     }
     .contact-2 .blog {
         padding: 50px 0;
     }
     .contact-2 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .contact-2 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-2 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .contact-2 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .contact-2 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .contact-2 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .contact-2 .feedback .feeb {
         font-size: 130px;
     }
     .contact-2 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .contact-2 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .contact-2 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .contact-2 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .contact-2 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .contact-2 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .contact-2 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .contact-2 .links ul {
         -webkit-padding-start: 0px;
     }
     .contact-2 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .contact-2 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .contact-2 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .contact-2 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .contact-2 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .contact-2 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .contact-2 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .contact-2 .servic {
         padding-top: 50px;
     }
     .contact-2 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .contact-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .contact-2 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .contact-2 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .contact-2 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .contact-2 .row_top div p {
         line-height: 170%;
     }
     .contact-2 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .contact-2 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .contact-2 .slide_main .test {
         padding-top: 100px;
     }
     .contact-2 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .contact-2 .servic .col-md-4 {
         width: 50%;
     }
     .contact-2 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .contact-2 .blog .col-md-4 {
         width: 33.33333%;
     }
     .contact-2 .button_see {
         margin-top: 10px;
     }
     .contact-2 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .contact-2 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .contact-2 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .contact-2 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .contact-2 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .contact-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .contact-2 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .contact-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .contact-2 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .contact-2 * h1 {
         font-size: 36px !important;
     }
     .contact-2 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .contact-2 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .contact-2 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .contact-2 .feedback .feeb {
         font-size: 100px;
     }
     .contact-2 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .contact-2 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .contact-2 .who_we_are .who_are p {
         font-size: 14px;
     }
     .contact-2 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .contact-2 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .contact-2 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .contact-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .contact-2 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .contact-2 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .contact-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .contact-2 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .contact-2 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .contact-2 .porfolio {
         padding: 50px 0px;
     }
     .contact-2 .button-proje {
         width: 210px;
     }
     .contact-2 .video .row_video .video1>p {
         font-size: 24px;
     }
     .contact-2 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .contact-2 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .contact-2 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .footer #googlemap1 {
         height: 400px;
     }
     .contact-2 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .contact-2 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-2 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .contact-2 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .contact-2 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .contact-2 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .contact-2 .side .navbar .list-group-item button {
         top: 0;
     }
     .contact-2 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .contact-2 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .contact-2 .base {
         margin-left: 0 !important;
     }
     .contact-2 .baseright {
         margin-left: 0 !important;
     }
     .contact-2 .sile1 {
         top: 60%;
     }
     .contact-2 .affixx {
         background: #333 !important;
     }
     .contact-2 .affixx {
         padding-top: 20px !important;
     }
     .contact-2 .feedback .feeb {
         font-size: 70px;
     }
     .contact-2 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .contact-2 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .contact-2 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .contact-2 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .contact-2 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .contact-2 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .contact-2 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .contact-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .contact-2 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .contact-2 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .contact-2 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .contact-2 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .contact-2 .button_see {
         margin-top: 0;
     }
     .contact-2 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .contact-2 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .contact-2 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .contact-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .contact-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .contact-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .contact-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .contact-2 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .contact-2 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .contact-2 * h1 {
         font-size: 24px !important;
     }
     .contact-2 .affixx {
         position: inherit !important;
     }
     .contact-2 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-2 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .contact-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .contact-2 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .contact-2 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .contact-2 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .contact-2 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .contact-2 .feedback .feeb {
         letter-spacing: 6px;
     }
     .contact-2 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .contact-2 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .contact-2 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .contact-2 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .contact-2 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .contact-2 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .contact-2 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .contact-2 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .contact-2 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .contact-2 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .contact-2 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .contact-2 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .contact-2 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .contact-2 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .contact-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .contact-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .contact-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .contact-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .contact-2 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .contact-2 .servic .identity {
         padding-top: 20px;
     }
     .contact-2 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .contact-2 .porfolio .nav_main {
         float: left;
     }
     .contact-2 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .contact-2 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .contact-2 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .contact-2 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .contact-2 .who_we_are .weare {
         padding-left: 50px;
     }
     .contact-2 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .contact-2 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .contact-2 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .contact-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .contact-2 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .contact-2 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .contact-2 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .contact-2 .video-skills .skills {
         padding: 0 15px;
     }
     .contact-2 .contacts .contact p {
         font-size: 24px;
     }
     .contact-2 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-2 .about .about-we h1 {
         font-size: 40px;
     }
     .contact-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .contact-2 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .contact-2 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-2 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .contact-2 .cooperate .logo-brand img {
         width: 100%;
     }
     .contact-2 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .contact-2 .cooperate {
         padding-top: 50px;
     }
     .contact-2 .talk-to .row {
         padding: 50px 0;
     }
     .contact-2 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-2 .sile1 .we_are {
         padding-right: 0;
     }
     .contact-2 .about {
         top: 0;
         padding: 30px 0;
     }
     .contact-2 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .contact-2 .about .about-we {
         padding-left: 30px;
     }
     .contact-2 .about .corem-ipsum {
         padding-right: 30px;
     }
     .contact-2 .about .corem-ipsum p {
         line-height: 150%;
     }
     .contact-2 .contacts .contact {
         text-align: center;
     }
     .contact-2 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .contact-2 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .contact-2 .video-skills .video {
         padding-left: 15px;
     }
     .contact-2 .video-skills {
         padding-bottom: 50px;
     }
     .contact-2 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .contact-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .contact-2 .contacts .contact p {
         font-size: 20px;
     }
     .contact-2 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .contact-2 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .contact-2 .about .corem-ipsum {
         padding-left: 30px;
     }
     .contact-2 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .contact-2 .cooperate .logo-brand {
         text-align: center;
     }
     .contact-2 .cooperate .logo-brand img {
         width: initial;
     }
     .contact-2 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .contact-2 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .contact-2 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .contact-2 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-2 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .contact-2 .button1 .vuong {
         background: transparent !important;
     }
     .contact-2 .button1 span {
         background: #fff !important;
     }
     .contact-2 .phone_top .pull-right i {
         color: #fff !important;
     }
     .contact-2 .sile1 {
         width: 65%;
     }
     .contact-2 .about .corem-ipsum p {
         font-size: 14px;
     }
     .contact-2 .case-center .case-studies p {
         font-size: 14px;
     }
     .contact-2 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .slick-dots {
         bottom: -50px !important;
     }
     .contact-2 .cooperate {
         padding-top: 50px;
     }
     .contact-2 .who_we_are .weare {
         padding-bottom: 0;
     }
     .contact-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .contact-2 .button-contact button {
         height: 40px;
     }
     .contact-2 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .contact-2 .cooperate .logo-brand img {
         width: 100%;
     }
     .contact-2 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .contact-2 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .contact-2 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .talk-to .input-contact input {
         font-size: 14px;
     }
     .contact-2 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-2 .servic .col-md-4 {
         padding-left: 30px;
     }
     .contact-2 .button1 .vuong {
         background: transparent !important;
     }
     .contact-2 .button1 span {
         background: #fff !important;
     }
     .contact-2 .phone_top .pull-right i {
         color: #fff !important;
     }
     .contact-2 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .contact-2 .sile1 {
         width: 95%;
         left: 5%;
     }
     .contact-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .contact-2 .cooperate .logo-brand img {
         width: initial;
     }
     .contact-2 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .contact-2 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .contact-2 .cases .read-mode {
         width: 100%;
     }
     .contact-2 .row_top {
         width: 100%;
     }
     .contact-2 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .contact-2 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .contact-2 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .contact-2 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .contact-2 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .contact-2 .contacts .contact p {
         font-size: 24px;
     }
     .contact-2 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-2 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .contact-2 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .contact-2 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .contact-2 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-2 .testimonials-img img {
         width: 100%;
     }
     .contact-2 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .contact-2 .cooperate {
         padding-top: 50px;
     }
     .contact-2 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-2 .contacts .contact {
         text-align: center;
     }
     .contact-2 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .contact-2 .testimonials {
         padding-bottom: 50px;
     }
     .contact-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .contact-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .contact-2 .contacts .contact p {
         font-size: 20px;
     }
     .contact-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .contact-2 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .contact-2 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .contact-2 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .contact-2 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-2 .gallery .col-md-4 {
         width: 100%;
     }
     .contact-2 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .contact-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .contact-2 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .contact-2 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .contact-2 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .contact-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .contact-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .contact-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .contact-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .contact-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .contact-2 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact-2 .affixx {
         padding-top: 15px !important;
     }
     .contact-2 .pull-right {
         padding-top: 5px;
     }
     .contact-2 .layer {
         padding-top: 0px;
     }
     .contact-2 .pull-right {
         padding: 5px 0;
     }
     .contact-2 .page-404 {
         padding-top: 50px 15px;
     }
     .contact-2 .affixx .sidenav {
         padding-right: 15px;
     }
     .contact-2 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .contact-2 .careate img {
         width: 100%;
     }
     .contact-2 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .contact-2 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .contact-2 .layer {
         padding-top: 62px;
     }
     .contact-2 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .contact-2 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .contact-2 .container_header {
         top: 75%;
     }
     .contact-2 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .contact-2 .container_header .breadcrumb .active {
         width: auto;
     }
     .contact-2 .blog .pagination li .prev {
         width: 80px;
     }
     .contact-2 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media (max-width: 1680px) {
     .contact-2 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .contact-2 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
 }

 @media (max-width: 1440px) {
     .contact-2 .post .there-is .imfor {
         padding: 20px 15px;
     }
     .contact-2 .post .there-is1 .imfor {
         padding: 20px 15px;
     }
     .contact-2 .post .there-is1 .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .contact-2 .post .there-is1 .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
     .contact-2 .post .there-is .imfor p {
         line-height: 170%;
         padding-bottom: 0;
     }
     .contact-2 .post .there-is .imfor h1 {
         padding-bottom: 5px;
         line-height: 125%;
     }
 }

 @media (max-width: 1200px) {
     .contact-2 .post .there-is1 .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .post .there-is1 .imfor h1 {
         font-size: 24px;
     }
     .contact-2 .post .there-is .imfor p {
         font-size: 14px;
         line-height: 150%;
     }
     .contact-2 .post .there-is .imfor h1 {
         font-size: 24px;
     }
 }

 @media (max-width: 1024px) {
     .contact-2 .post .there-is .imfor {
         padding: 5px 10px;
     }
     .contact-2 .post .there-is1 .imfor {
         padding: 5px 10px;
     }
     .contact-2 .post .post6 .alex {
         padding-top: 50px;
     }
     .contact-2 .post .post1 {
         padding: 50px 15px;
     }
 }

 @media (max-width: 991px) {
     .contact-2 .post .there-is .imfor {
         padding: 50px 30px;
     }
     .contact-2 .post .there-is1 .imfor {
         padding: 50px 30px;
     }
     .contact-2 .post .there-is1 .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .contact-2 .post .there-is1 .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .contact-2 .post .there-is .imfor p {
         line-height: 185%;
         padding-bottom: 20px;
         font-size: 16px;
     }
     .contact-2 .post .there-is .imfor h1 {
         padding-bottom: 40px;
         line-height: 150%;
         font-size: 35px;
     }
     .contact-2 .post .post6 .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
         padding: 0 5px 0 15px;
     }
     .contact-2 .post .post6 .alex .boder .text h4 {
         padding-left: 15px;
     }
     .contact-2 .post .what-you {
         padding: 50px 15px;
     }
     .contact-2 .post .what-you2 {
         padding: 50px 15px;
     }
     .contact-2 .post .post5 {
         padding: 50px 15px;
     }
     .contact-2 .post .post6 {
         padding: 50px 15px;
     }
     .contact-2 .comments .padd {
         padding: 50px 15px;
     }
     .contact-2 .write-comments .row {
         padding: 50px 15px;
     }
     .contact-2 .comments .alex {
         float: left;
     }
     .contact-2 .comments .alex .boder .text p {
         font-size: 14px;
         line-height: 160%;
     }
 }

 @media (max-width: 767px) {
     .contact-2 .post .post6 h4 {
         padding-left: 0;
     }
     .contact-2 .post .post5 p {
         padding: 0 0 20px 0;
     }
     .contact-2 .post .post6 p {
         padding: 0 0 20px 0;
     }
     .contact-2 .post .post6 .button {
         padding-left: 0;
     }
     .contact-2 .post .post6 .alex {
         float: left;
         padding-left: 0;
     }
     .contact-2 .blog .col-md-4 {
         text-align: left;
     }
     .contact-2 .post .what-you p {
         padding-right: 0;
     }
     .contact-2 .post .what-you2 p {
         padding-right: 0;
     }
     .contact-2 .post .what-you2 h4 {
         padding: 10px 0 0 20px;
     }
 }

 @media (max-width: 680px) {
     .contact-2 .comments .alex .boder .text {
         padding-left: 15px;
     }
 }

 @media (max-width: 568px) {
     .contact-2 .post .post4 {
         padding: 0 15px;
     }
     .contact-2 p {
         font-size: 14px !important;
     }
     .contact-2 .contacts .contact p {
         font-size: 20px !important;
     }
     .contact-2 * h1 {
         font-size: 24px !important;
     }
     .contact-2 .comments .alex .boder .img img {
         width: 100%;
     }
     .contact-2 .post .post6 .alex .boder .img img {
         width: 100%;
         padding-left: 5px;
     }
     .contact-2 .post .post6 .alex {
         padding-top: 50px;
     }
 }

 @media (max-width: 480px) {
     .contact-2 .container_header .breadcrumb .active {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 150px;
     }
     .contact-2 .container_header .breadcrumb li {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 }

 @media (max-width: 480px) {
     .contact-2 .container_header .breadcrumb .active {
         width: 118px;
     }
     .contact-2 .write-comments .input-contact {
         width: 100%;
     }
 }

 @media (max-width: 360px) {
     .contact-2 .write-comments .input-contact {
         width: 100%;
     }
 }

 .porfolio-1 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .porfolio-1 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .porfolio-1 * {
     box-sizing: border-box;
 }

 .porfolio-1 .sidenav a:hover {
     color: #b6aeae;
 }

 .porfolio-1 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .porfolio-1 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .porfolio-1 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .porfolio-1 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .porfolio-1 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .porfolio-1 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .porfolio-1 .button_rea:hover {
     opacity: 0.7;
 }

 .porfolio-1 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .porfolio-1 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .porfolio-1 .layer {
     position: relative;
 }

 .porfolio-1 .layer img {
     width: 100%;
 }

 .porfolio-1 .affix {
     z-index: 1;
     width: 100%;
 }

 .porfolio-1 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .porfolio-1 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .porfolio-1 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .porfolio-1 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .porfolio-1 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .porfolio-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .porfolio-1 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .porfolio-1 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .porfolio-1 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .porfolio-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .porfolio-1 .header-mobi {
     display: none;
 }

 .porfolio-1 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .porfolio-1 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .porfolio-1 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .porfolio-1 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .porfolio-1 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .porfolio-1 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .porfolio-1 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .porfolio-1 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .porfolio-1 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .porfolio-1 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .porfolio-1 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .porfolio-1 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .porfolio-1 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .porfolio-1 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .porfolio-1 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .porfolio-1 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .porfolio-1 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .porfolio-1 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-1 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-1 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .porfolio-1 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .porfolio-1 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .porfolio-1 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .porfolio-1 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .porfolio-1 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .porfolio-1 .sidenav a:hover {
     color: #f1f1f1;
 }

 .porfolio-1 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .porfolio-1 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .porfolio-1 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .porfolio-1 .child2 {
     margin: 5px 0;
 }

 .porfolio-1 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .porfolio-1 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .porfolio-1 .container_header .breadcrumb {
     background: transparent;
 }

 .porfolio-1 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .porfolio-1 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .porfolio-1 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .porfolio-1 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .porfolio-1 .porfolio {
     padding: 80px;
     width: 100%;
     margin-left: 0;
     margin-right: 0;
     padding-right: 65px;
 }

 .porfolio-1 .porfolio .col-md-12 {
     padding-right: 0;
     padding-bottom: 20px;
 }

 .porfolio-1 .porfolio .nav_main .nav-tabs {
     background: transparent;
     border: none;
 }

 .porfolio-1 .porfolio .nav_main .nav-tabs li {
     padding-left: 15px;
     padding-right: 25px;
     float: left;
     margin-bottom: -1px;
 }

 .porfolio-1 .porfolio .nav_main .nav-tabs li a {
     font-family: roboto condensed;
     font-weight: 400;
     color: #909090;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .porfolio-1 .porfolio .nav_main .nav-tabs li a:hover {
     border-color: #fff;
     color: #333333;
 }

 .porfolio-1 .porfolio .nav_main .nav-tabs .active>a {
     color: black;
     background: transparent;
     border-bottom: 1px solid #fc6955 !important;
     transition: 0.4s;
     border-top: none !important;
     border-left: none !important;
     border-right: none !important;
 }

 .porfolio-1 .porfolio .nav_main .nav>li>a:hover {
     background: transparent;
 }

 .porfolio-1 .porfolio .nav_main .nav>li>a:focus {
     background: transparent;
     border-bottom: 1px solid #fc6955;
     color: #333;
 }

 .porfolio-1 .porfolio .filter {
     padding: 15px;
 }

 .porfolio-1 .porfolio .filter .item {
     position: relative;
     overflow: hidden;
 }

 .porfolio-1 .porfolio .filter .item:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .porfolio-1 .porfolio .filter .item img {
     width: 100%;
     transition: .4s;
     cursor: pointer;
 }

 .porfolio-1 .porfolio .filter .button-pro {
     text-align: center;
     padding-top: 10%;
 }

 .porfolio-1 .button-por {
     text-align: center;
     float: left;
     width: 100%;
 }

 .porfolio-1 .porfolio img {
     display: inline-block;
 }

 @media screen and (max-width: 680px) {
     .porfolio-1 .porfolio {
         padding: 50px 15px !important;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-1 .porfolio .nav_main {
         margin-left: 0 !important;
     }
     .porfolio-1 .button_see {
         width: 145px !important;
     }
     .porfolio-1 .footer .full-container .footer1 .newsletter .subs {
         width: 100% !important;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-1 .gallery_product {
         width: 100%;
     }
 }

 .porfolio-1 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .porfolio-1 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .porfolio-1 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .porfolio-1 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .porfolio-1 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .porfolio-1 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .porfolio-1 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .porfolio-1 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .porfolio-1 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .porfolio-1 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .porfolio-1 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .porfolio-1 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .porfolio-1 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .porfolio-1 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .porfolio-1 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .porfolio-1 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .porfolio-1 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .porfolio-1 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .porfolio-1 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .porfolio-1 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .porfolio-1 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .porfolio-1 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     transition: all .3s;
     margin-top: 0;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .porfolio-1 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .porfolio-1 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .porfolio-1 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .porfolio-1 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .porfolio-1 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1680px) {
     .porfolio-1 .phone_top {
         padding-right: 80px;
     }
 }

 @media screen and (max-width: 1240px) {
     .porfolio-1 .unlimited .col-md-3 {
         padding: 15px;
     }
     .porfolio-1 .testimonials-design .p {
         padding-left: 17%;
         padding-right: 17%;
     }
     .porfolio-1 .testimonials-design .pp {
         padding-left: 17%;
         padding-right: 17%;
     }
     .porfolio-1 .group .easy-way ul li {
         padding: 10px 0;
         font-size: 14px;
     }
     .porfolio-1 .easy-way {
         padding-left: 0;
         padding-right: 0;
     }
     .porfolio-1 .easy-way ul {
         -webkit-padding-start: 10px;
     }
     .porfolio-1 .group .easy-way p {
         font-size: 14px;
         padding-bottom: 10px;
     }
     .porfolio-1 .group .easy-way h1 {
         font-size: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-1 .side .phone_top {
         display: block;
     }
     .porfolio-1 .layer {
         padding-top: 0px;
     }
     .porfolio-1 .group {
         padding-top: 50px;
     }
     .porfolio-1 .testimonials-design {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .porfolio-1 .unlimited {
         padding-top: 30px;
     }
     .porfolio-1 .row_header5 .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .porfolio-1 .row_header5 {
         padding-bottom: 10px;
         padding-top: 15px;
     }
     .porfolio-1 .row_header5 .navba {
         padding-left: 15px;
     }
     .porfolio-1 .phone_top {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-1 .unlimited .col-md-3 {
         padding-bottom: 50px;
     }
     .porfolio-1 .unlimited .customer {
         padding-bottom: 55px;
     }
     .porfolio-1 .group {
         padding-bottom: 100px;
     }
     .porfolio-1 .our-recent {
         padding-bottom: 50px;
     }
     .porfolio-1 .sile1 .we_are {
         padding-left: 15px;
     }
     .porfolio-1 .porfo .porfolio {
         padding: 80px 15px;
     }
     .porfolio-1 .testimonials-design .p {
         padding-left: 5%;
         padding-right: 5%;
     }
     .porfolio-1 .testimonials-design .pp {
         padding-left: 5%;
         padding-right: 5%;
     }
     .porfolio-1 .easy-way {
         padding-left: 15px;
         padding-right: 15px;
     }
     .porfolio-1 br {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     .porfolio-1 .blog .col-md-4 {
         width: 50%;
         text-align: left;
     }
     .porfolio-1 .porfo .nav_main .nav-tabs {
         padding-left: 10px;
     }
     .porfolio-1 .unlimited {
         padding-top: 50px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 680px) {
     .porfolio-1 .blog .col-md-4 .blog_name a {
         font-size: 17px;
     }
     .porfolio-1 .sile1 {
         width: 100%;
         left: 0;
     }
     .porfolio-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-1 .sile1 {
         top: 50%;
     }
     .porfolio-1 .layer {
         padding-top: 0;
     }
     .porfolio-1 .unlimited .col-md-3 {
         width: 100%;
     }
     .porfolio-1 .testimonials-design .p {
         font-size: 24px;
     }
     .porfolio-1 .testimonials-design .pp {
         font-size: 14px;
     }
     .porfolio-1 .blog .col-md-4 {
         width: 100%;
     }
     .porfolio-1 .blog .blog_name {
         padding-bottom: 0;
     }
     .porfolio-1 #googlemap1 {
         height: 300px;
     }
     .porfolio-1 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .porfolio-1 .testimonials-design .chuky {
         margin-top: 20px;
     }
     .porfolio-1 .group .easy-way ul li span {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-1 .fixed-fluid {
         padding-top: 60px;
     }
     .porfolio-1 .sile1 {
         left: 0;
         width: 100%;
     }
     .porfolio-1 .row_header5 {
         padding-top: 20px;
     }
     .porfolio-1 .affix {
         padding-top: 15px;
         padding-bottom: 10px;
     }
     .porfolio-1 .testimonials-design .p .file {
         margin-left: 0;
     }
     .porfolio-1 .testimonials-design .p {
         margin-left: 0;
         margin-right: 0;
     }
     .porfolio-1 .group .group-img {
         padding-right: 125px;
     }
     .porfolio-1 .img_porfolio .col-xs-6 {
         width: 100%;
     }
     .porfolio-1 .porfolio .nav_main {
         margin-left: 0;
     }
     .porfolio-1 .porfolio .col-md-8 {
         padding-right: 0;
     }
     .porfolio-1 .porfolio .nav_main .nav-tabs .active {
         padding-bottom: 0;
     }
     .porfolio-1 .porfolio .nav_main .nav-tabs li {
         padding-bottom: 1px;
     }
 }

 .porfolio-1 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .porfolio-1 .pull-right {
     cursor: pointer;
 }

 .porfolio-1 * {
     outline: none !important;
 }

 .porfolio-1 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .porfolio-1 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .porfolio-1 .create {
         padding: 117px 30px;
     }
     .porfolio-1 .careate .carea .cust {
         padding: 15px 10px;
     }
     .porfolio-1 .carea {
         padding: 40px 80px;
     }
     .porfolio-1 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .porfolio-1 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .porfolio-1 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .porfolio-1 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .porfolio-1 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .porfolio-1 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .porfolio-1 .affixx .navba {
         padding-left: 5px;
     }
     .porfolio-1 .phone_top {
         padding-right: 5px;
     }
     .porfolio-1 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .porfolio-1 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .porfolio-1 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-1 .feedback .feeb {
         font-size: 200px;
     }
     .porfolio-1 .affixx .navba {
         padding-left: 15px;
     }
     .porfolio-1 .phone_top {
         padding-right: 15px;
     }
     .porfolio-1 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .porfolio-1 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .porfolio-1 .we_are {
         padding: 0 50px;
     }
     .porfolio-1 .careate .carea .cust {
         padding: 10px 10px;
     }
     .porfolio-1 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .porfolio-1 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .porfolio-1 .cust h1 {
         padding-bottom: 0;
     }
     .porfolio-1 .cust p {
         line-height: 150%;
     }
     .porfolio-1 .button_see {
         margin-top: 27px;
     }
     .porfolio-1 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .porfolio-1 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .porfolio-1 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .porfolio-1 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .porfolio-1 .footer .full-container {
         padding: 0 15px;
     }
     .porfolio-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .porfolio-1 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-1 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-1 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .porfolio-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .porfolio-1 .contacts .contact {
         padding: 20px 0;
     }
     .porfolio-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .porfolio-1 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .porfolio-1 .phone_top {
         padding-top: 0;
     }
     .porfolio-1 .phone_top .pull-right {
         padding: 5px;
     }
     .porfolio-1 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .porfolio-1 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .porfolio-1 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .porfolio-1 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .porfolio-1 .affixx {
         padding-bottom: 10px !important;
     }
     .porfolio-1 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .porfolio-1 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .porfolio-1 .header-lap {
         display: none;
     }
     .porfolio-1 .header-mobi {
         display: block;
     }
     .porfolio-1 .feedback {
         padding-bottom: 50px;
     }
     .porfolio-1 .cust h1 {
         font-size: 30px;
     }
     .porfolio-1 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .porfolio-1 .all-pro span {
         margin-right: 5px;
     }
     .porfolio-1 .phone_top span {
         display: none;
     }
     .porfolio-1 .phone_top .phonee {
         display: none;
     }
     .porfolio-1 .who_we_are {
         padding: 50px 0;
     }
     .porfolio-1 .blog {
         padding: 50px 0;
     }
     .porfolio-1 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .porfolio-1 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-1 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .porfolio-1 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .porfolio-1 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .porfolio-1 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .porfolio-1 .feedback .feeb {
         font-size: 130px;
     }
     .porfolio-1 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .porfolio-1 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .porfolio-1 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .porfolio-1 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .porfolio-1 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .porfolio-1 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .porfolio-1 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .porfolio-1 .links ul {
         -webkit-padding-start: 0px;
     }
     .porfolio-1 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .porfolio-1 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .porfolio-1 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .porfolio-1 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .porfolio-1 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .porfolio-1 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .porfolio-1 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .porfolio-1 .servic {
         padding-top: 50px;
     }
     .porfolio-1 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .porfolio-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .porfolio-1 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .porfolio-1 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .porfolio-1 .row_top div p {
         line-height: 170%;
     }
     .porfolio-1 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .porfolio-1 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .porfolio-1 .slide_main .test {
         padding-top: 100px;
     }
     .porfolio-1 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .porfolio-1 .servic .col-md-4 {
         width: 50%;
     }
     .porfolio-1 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .porfolio-1 .blog .col-md-4 {
         width: 33.33333%;
     }
     .porfolio-1 .button_see {
         margin-top: 10px;
     }
     .porfolio-1 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .porfolio-1 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .porfolio-1 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .porfolio-1 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .porfolio-1 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .porfolio-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .porfolio-1 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .porfolio-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .porfolio-1 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .porfolio-1 * h1 {
         font-size: 36px !important;
     }
     .porfolio-1 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .porfolio-1 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .porfolio-1 .feedback .feeb {
         font-size: 100px;
     }
     .porfolio-1 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .porfolio-1 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-1 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .porfolio-1 .who_we_are .who_are p {
         font-size: 14px;
     }
     .porfolio-1 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .porfolio-1 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .porfolio-1 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .porfolio-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .porfolio-1 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .porfolio-1 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .porfolio-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .porfolio-1 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .porfolio-1 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .porfolio-1 .porfolio {
         padding: 50px 0px;
     }
     .porfolio-1 .button-proje {
         width: 210px;
     }
     .porfolio-1 .video .row_video .video1>p {
         font-size: 24px;
     }
     .porfolio-1 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .porfolio-1 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .porfolio-1 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-1 .footer #googlemap1 {
         height: 400px;
     }
     .porfolio-1 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .porfolio-1 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .porfolio-1 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .porfolio-1 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .porfolio-1 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .porfolio-1 .side .navbar .list-group-item button {
         top: 0;
     }
     .porfolio-1 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .porfolio-1 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .porfolio-1 .base {
         margin-left: 0 !important;
     }
     .porfolio-1 .baseright {
         margin-left: 0 !important;
     }
     .porfolio-1 .sile1 {
         top: 60%;
     }
     .porfolio-1 .affixx {
         background: #333 !important;
     }
     .porfolio-1 .affixx {
         padding-top: 20px !important;
     }
     .porfolio-1 .feedback .feeb {
         font-size: 70px;
     }
     .porfolio-1 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .porfolio-1 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .porfolio-1 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .porfolio-1 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .porfolio-1 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .porfolio-1 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .porfolio-1 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .porfolio-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .porfolio-1 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-1 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .porfolio-1 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .porfolio-1 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .porfolio-1 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .porfolio-1 .button_see {
         margin-top: 0;
     }
     .porfolio-1 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .porfolio-1 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .porfolio-1 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .porfolio-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .porfolio-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .porfolio-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .porfolio-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .porfolio-1 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .porfolio-1 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .porfolio-1 * h1 {
         font-size: 24px !important;
     }
     .porfolio-1 .affixx {
         position: inherit !important;
     }
     .porfolio-1 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-1 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .porfolio-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .porfolio-1 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .porfolio-1 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .porfolio-1 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .porfolio-1 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .porfolio-1 .feedback .feeb {
         letter-spacing: 6px;
     }
     .porfolio-1 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .porfolio-1 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .porfolio-1 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .porfolio-1 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .porfolio-1 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .porfolio-1 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .porfolio-1 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .porfolio-1 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .porfolio-1 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .porfolio-1 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .porfolio-1 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .porfolio-1 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .porfolio-1 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .porfolio-1 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .porfolio-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .porfolio-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .porfolio-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .porfolio-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .porfolio-1 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .porfolio-1 .servic .identity {
         padding-top: 20px;
     }
     .porfolio-1 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .porfolio-1 .porfolio .nav_main {
         float: left;
     }
     .porfolio-1 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1440px) {
     .porfolio-1 .container-fluid .porodu {
         padding: 5% 5% 0 5%;
     }
 }

 @media screen and (max-width: 1360px) {
     .porfolio-1 .container-fluid .porodu {
         padding: 4% 1% 0 1%;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-1 .container-fluid .porodu {
         padding: 2% 1% 0 1%;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-1 .container-fluid .porodu h4 {
         padding: 5px 0;
     }
     .porfolio-1 .porodu {
         border-top: 1px solid #bebebe;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-1 .container-fluid .col-md-1:nth-child(12n+1),
     .porfolio-1 .container-fluid .col-md-2:nth-child(6n+1),
     .porfolio-1 .container-fluid .col-md-3:nth-child(4n+1),
     .porfolio-1 .container-fluid .col-md-4:nth-child(3n+1),
     .porfolio-1 .container-fluid .col-md-6:nth-child(2n+1),
     .porfolio-1 .container-fluid .col-lg-1:nth-child(12n+1),
     .porfolio-1 .container-fluid .col-lg-2:nth-child(6n+1),
     .porfolio-1 .container-fluid .col-lg-3:nth-child(4n+1),
     .porfolio-1 .container-fluid .col-lg-4:nth-child(3n+1),
     .porfolio-1 .container-fluid .col-lg-6:nth-child(2n+1),
     .porfolio-1 .container-fluid .col-xs-1:nth-child(12n+1),
     .porfolio-1 .container-fluid .col-xs-2:nth-child(6n+1),
     .porfolio-1 .container-fluid .col-xs-3:nth-child(4n+1),
     .porfolio-1 .container-fluid .col-xs-4:nth-child(3n+1),
     .porfolio-1 .container-fluid .col-xs-6:nth-child(2n+1) {
         clear: none;
     }
     .porfolio-1 .container-fluid .col-sm-1:nth-child(12n+1),
     .porfolio-1 .container-fluid .col-sm-2:nth-child(6n+1),
     .porfolio-1 .container-fluid .col-sm-3:nth-child(4n+1),
     .porfolio-1 .container-fluid .col-sm-4:nth-child(3n+1),
     .porfolio-1 .container-fluid .col-sm-6:nth-child(2n+1) {
         clear: left;
     }
     .porfolio-1 .container-fluid .porodu {
         padding: 10% 1% 0 1%;
     }
 }

 @media screen and (max-width: 768px) {
     .porfolio-1 .container-fluid .porodu {
         padding: 5% 1% 0 1%;
     }
     .porfolio-1 .container-fluid .poroduc {
         padding-bottom: 5%;
     }
 }

 @media screen and (max-width: 680px) {
     .porfolio-1 .container-fluid .col-lg-4 {
         width: 100%;
         padding: 10% 2% 10% 2%;
     }
     .porfolio-1 .porodu {
         border-top: none;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-1 .container-fluid .porodu p {
         font-size: 14px !important;
     }
     .porfolio-1 .contacts .contact p {
         font-size: 20px !important;
     }
 }

 @media screen and (max-width: 1680px) {
     .porfolio-1 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
 }

 @media screen and (max-width: 1440px) {
     .porfolio-1 .approach-mission-designers .our-mision {
         padding: 100px 40px;
     }
     .porfolio-1 .approach-mission-designers .our-approach {
         padding: 100px 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .porfolio-1 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .porfolio-1 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-1 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .porfolio-1 .approach-mission-designers .our-mision {
         padding: 50px 15px;
     }
     .porfolio-1 .approach-mission-designers .our-mision h1 {
         font-size: 40px;
     }
     .porfolio-1 .approach-mission-designers .our-approach {
         padding: 50px 15px;
         padding-bottom: 21px;
     }
     .porfolio-1 .approach-mission-designers .our-approach h1 {
         font-size: 40px;
     }
     .porfolio-1 .approach-mission-designers .we-are-designers {
         padding: 50px 15px;
         padding-bottom: 61px;
     }
     .porfolio-1 .approach-mission-designers .we-are-designers h1 {
         font-size: 40px;
     }
     .porfolio-1 .affixx {
         padding-top: 15px !important;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-1 .approach-mission-designers .we-are-designers {
         padding-bottom: 90px;
     }
     .porfolio-1 .pull-right {
         padding: 5px;
     }
     .porfolio-1 .affixx .logo {
         padding-left: 15px;
     }
     .porfolio-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .porfolio-1 .we-are-delivering .container {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-1 .approach-mission-designers .we-are-designers {
         padding-bottom: 76px;
     }
     .porfolio-1 .approach-mission-designers .our-approach {
         padding: 50px 15px;
     }
     .porfolio-1 h1 {
         font-size: 36px !important;
     }
 }

 @media screen and (max-width: 768px) {
     .porfolio-1 .affixx .logo {
         padding-left: 15px;
     }
     .porfolio-1 .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 680px) {
     .porfolio-1 .approach-mission-designers .we-are-designers {
         padding: 30px 15px;
     }
     .porfolio-1 .approach-mission-designers .we-are-designers h1 {
         padding-right: 20%;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-1 h1 {
         font-size: 24px !important;
     }
     .porfolio-1 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .porfolio-1 .approach-mission-designers .col-md-3 {
         width: 100%;
     }
     .porfolio-1 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .porfolio-1 .approach-mission-designers {
         padding-bottom: 0;
     }
     .porfolio-1 .cooperate {
         padding-top: 50px;
     }
     .porfolio-1 .we-are-delivering .container {
         padding: 50px 15px;
     }
     .porfolio-1 .container_header {
         top: 70%;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-1 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .porfolio-1 .what1 .main-img .slick-slide {
         display: none;
     }
     .porfolio-1 .cases .read-mode {
         width: 100%;
     }
     .porfolio-1 .approach-mission-designers .our-approach p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-1 .approach-mission-designers .our-mision p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-1 .unlimited .welcome p {
         font-size: 14px;
         line-height: 150%;
         padding-bottom: 30px;
     }
     .porfolio-1 .unlimited .col-md-3 {
         padding: 30px 15px;
     }
     .porfolio-1 .unlimited .col-md-3 p {
         font-size: 14px;
         line-height: 150%;
     }
 }

 @media screen and (max-width: 1820px) {
     .porfolio-1 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .porfolio-1 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .porfolio-1 .contacts .contact p {
         font-size: 24px;
     }
     .porfolio-1 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-1 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .porfolio-1 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .porfolio-1 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .porfolio-1 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-1 .testimonials-img img {
         width: 100%;
     }
     .porfolio-1 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .porfolio-1 .cooperate {
         padding-top: 50px;
     }
     .porfolio-1 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-1 .contacts .contact {
         text-align: center;
     }
     .porfolio-1 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .porfolio-1 .testimonials {
         padding-bottom: 50px;
     }
     .porfolio-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .porfolio-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .porfolio-1 .contacts .contact p {
         font-size: 20px;
     }
     .porfolio-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .porfolio-1 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .porfolio-1 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-1 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .porfolio-1 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .porfolio-1 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-1 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-1 .gallery .col-md-4 {
         width: 100%;
     }
     .porfolio-1 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .porfolio-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .porfolio-1 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .porfolio-1 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .porfolio-1 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .porfolio-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .porfolio-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .porfolio-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .porfolio-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .porfolio-1 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-1 .affixx {
         padding-top: 15px !important;
     }
     .porfolio-1 .pull-right {
         padding-top: 5px;
     }
     .porfolio-1 .layer {
         padding-top: 0px;
     }
     .porfolio-1 .pull-right {
         padding: 5px 0;
     }
     .porfolio-1 .page-404 {
         padding-top: 50px 15px;
     }
     .porfolio-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .porfolio-1 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-1 .careate img {
         width: 100%;
     }
     .porfolio-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .porfolio-1 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-1 .layer {
         padding-top: 62px;
     }
     .porfolio-1 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .porfolio-1 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-1 .container_header {
         top: 75%;
     }
     .porfolio-1 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .porfolio-1 .container_header .breadcrumb .active {
         width: auto;
     }
     .porfolio-1 .blog .pagination li .prev {
         width: 80px;
     }
     .porfolio-1 .container_header h1 {
         padding-bottom: 0;
     }
 }

 .porfolio-2 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .porfolio-2 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .porfolio-2 * {
     box-sizing: border-box;
 }

 .porfolio-2 .sidenav a:hover {
     color: #b6aeae;
 }

 .porfolio-2 .button_seee {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .porfolio-2 .button_seee span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .porfolio-2 .button_seee:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .porfolio-2 .button_seee:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .porfolio-2 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .porfolio-2 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .porfolio-2 .button_rea:hover {
     opacity: 0.7;
 }

 .porfolio-2 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .porfolio-2 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .porfolio-2 .layer {
     position: relative;
 }

 .porfolio-2 .layer img {
     width: 100%;
 }

 .porfolio-2 .affix {
     z-index: 1;
     width: 100%;
 }

 .porfolio-2 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .porfolio-2 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .porfolio-2 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .porfolio-2 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .porfolio-2 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .porfolio-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .porfolio-2 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .porfolio-2 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .porfolio-2 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .porfolio-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .porfolio-2 .header-mobi {
     display: none;
 }

 .porfolio-2 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .porfolio-2 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .porfolio-2 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .porfolio-2 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .porfolio-2 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .porfolio-2 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .porfolio-2 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .porfolio-2 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .porfolio-2 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .porfolio-2 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .porfolio-2 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .porfolio-2 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .porfolio-2 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .porfolio-2 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .porfolio-2 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .porfolio-2 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .porfolio-2 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .porfolio-2 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .porfolio-2 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .porfolio-2 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .porfolio-2 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .porfolio-2 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .porfolio-2 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .porfolio-2 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .porfolio-2 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .porfolio-2 .sidenav a:hover {
     color: #f1f1f1;
 }

 .porfolio-2 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .porfolio-2 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .porfolio-2 .child2 {
     margin: 5px 0;
 }

 .porfolio-2 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .porfolio-2 .layer {
     position: relative;
 }

 .porfolio-2 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .porfolio-2 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .porfolio-2 .container_header .breadcrumb {
     background: transparent;
 }

 .porfolio-2 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .porfolio-2 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .porfolio-2 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .porfolio-2 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .porfolio-2 .porfolio {
     padding: 80px;
     width: 100%;
     margin-left: 0;
     margin-right: 0;
     padding-right: 65px;
 }

 .porfolio-2 .porfolio .col-md-12 {
     padding-right: 0;
     padding-bottom: 20px;
 }

 .porfolio-2 .porfolio .nav_main .nav-tabs {
     background: transparent;
     border: none;
 }

 .porfolio-2 .porfolio .nav_main .nav-tabs li {
     padding-left: 15px;
     padding-right: 25px;
     float: left;
     margin-bottom: -1px;
 }

 .porfolio-2 .porfolio .nav_main .nav-tabs li a {
     font-family: roboto condensed;
     font-weight: 400;
     color: #909090;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .porfolio-2 .porfolio .nav_main .nav-tabs li a:hover {
     border-color: #fff;
     color: #333333;
 }

 .porfolio-2 .porfolio .nav_main .nav-tabs .active>a {
     color: black;
     background: transparent;
     border-bottom: 1px solid #fc6955 !important;
     transition: 0.4s;
     border-top: none !important;
     border-left: none !important;
     border-right: none !important;
 }

 .porfolio-2 .porfolio .nav_main .nav>li>a:hover {
     background: transparent;
 }

 .porfolio-2 .porfolio .nav_main .nav>li>a:focus {
     background: transparent;
     border-bottom: 1px solid #fc6955;
     color: #333;
 }

 .porfolio-2 .porfolio .col-md-12 {
     text-align: center;
     display: inline-block;
 }

 .porfolio-2 .porfolio .col-md-3 {
     padding: 0;
 }

 .porfolio-2 .porfolio .filter {
     padding: 0;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
 }

 .porfolio-2 .porfolio .filter .item {
     position: relative;
     overflow: hidden;
 }

 .porfolio-2 .porfolio .filter .item:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .porfolio-2 .porfolio .filter .item img {
     width: 100%;
     transition: .4s;
     cursor: pointer;
 }

 .porfolio-2 .porfolio .filter .button-pro {
     text-align: center;
     padding-top: 10%;
 }

 .porfolio-2 .contacts {
     background: #fc6a55;
 }

 .porfolio-2 .contacts .contact {
     padding-bottom: 40px;
     padding-top: 50px;
 }

 .porfolio-2 .contacts .contact p {
     font-size: 30px;
     font-family: roboto condensed;
     color: #fff;
 }

 .porfolio-2 .contacts .contact p .circle {
     padding-right: 20px;
 }

 .porfolio-2 .button_see_contact {
     padding-left: 20px;
     width: 210px;
     height: 60px;
     border: none;
     background: transparent;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .porfolio-2 .button_see_contact span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .porfolio-2 .button_see_contact:hover {
     color: #f2f2f2;
 }

 .porfolio-2 .button_see_contact:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .porfolio-2 .button-por {
     text-align: center;
     float: left;
     width: 100%;
 }

 @media screen and (max-width: 680px) {
     .porfolio-2 .porfolio {
         padding: 50px 15px !important;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-2 .porfolio .nav_main {
         margin-left: 0 !important;
     }
     .porfolio-2 .button_see {
         width: 145px !important;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-2 .gallery_product {
         width: 100%;
     }
 }

 .porfolio-2 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .porfolio-2 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .porfolio-2 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .porfolio-2 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .porfolio-2 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .porfolio-2 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .porfolio-2 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .porfolio-2 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .porfolio-2 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .porfolio-2 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .porfolio-2 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .porfolio-2 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .porfolio-2 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .porfolio-2 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .porfolio-2 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .porfolio-2 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .porfolio-2 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .porfolio-2 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .porfolio-2 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .porfolio-2 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .porfolio-2 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .porfolio-2 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .porfolio-2 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .porfolio-2 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .porfolio-2 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .porfolio-2 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .porfolio-2 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1680px) {
     .porfolio-2 .phone_top {
         padding-right: 80px;
     }
 }

 @media screen and (max-width: 1240px) {
     .porfolio-2 .unlimited .col-md-3 {
         padding: 15px;
     }
     .porfolio-2 .testimonials-design .p {
         padding-left: 17%;
         padding-right: 17%;
     }
     .porfolio-2 .testimonials-design .pp {
         padding-left: 17%;
         padding-right: 17%;
     }
     .porfolio-2 .group .easy-way ul li {
         padding: 10px 0;
         font-size: 14px;
     }
     .porfolio-2 .easy-way {
         padding-left: 0;
         padding-right: 0;
     }
     .porfolio-2 .easy-way ul {
         -webkit-padding-start: 10px;
     }
     .porfolio-2 .group .easy-way p {
         font-size: 14px;
         padding-bottom: 10px;
     }
     .porfolio-2 .group .easy-way h1 {
         font-size: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-2 .side .phone_top {
         display: block;
     }
     .porfolio-2 .layer {
         padding-top: 0px;
     }
     .porfolio-2 .group {
         padding-top: 50px;
     }
     .porfolio-2 .testimonials-design {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .porfolio-2 .unlimited {
         padding-top: 30px;
     }
     .porfolio-2 .row_header5 .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .porfolio-2 .row_header5 {
         padding-bottom: 10px;
         padding-top: 15px;
     }
     .porfolio-2 .row_header5 .navba {
         padding-left: 15px;
     }
     .porfolio-2 .phone_top {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-2 .unlimited .col-md-3 {
         padding-bottom: 50px;
     }
     .porfolio-2 .unlimited .customer {
         padding-bottom: 55px;
     }
     .porfolio-2 .group {
         padding-bottom: 100px;
     }
     .porfolio-2 .our-recent {
         padding-bottom: 50px;
     }
     .porfolio-2 .sile1 .we_are {
         padding-left: 15px;
     }
     .porfolio-2 .porfo .porfolio {
         padding: 80px 15px;
     }
     .porfolio-2 .testimonials-design .p {
         padding-left: 5%;
         padding-right: 5%;
     }
     .porfolio-2 .testimonials-design .pp {
         padding-left: 5%;
         padding-right: 5%;
     }
     .porfolio-2 .easy-way {
         padding-left: 15px;
         padding-right: 15px;
     }
     .porfolio-2 br {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     .porfolio-2 .blog .col-md-4 {
         width: 50%;
         text-align: left;
     }
     .porfolio-2 .porfo .nav_main .nav-tabs {
         padding-left: 10px;
     }
     .porfolio-2 .unlimited {
         padding-top: 50px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 680px) {
     .porfolio-2 .blog .col-md-4 .blog_name a {
         font-size: 17px;
     }
     .porfolio-2 .sile1 {
         width: 100%;
         left: 0;
     }
     .porfolio-2 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-2 .sile1 {
         top: 50%;
     }
     .porfolio-2 .layer {
         padding-top: 0;
     }
     .porfolio-2 .unlimited .col-md-3 {
         width: 100%;
     }
     .porfolio-2 .testimonials-design .p {
         font-size: 24px;
     }
     .porfolio-2 .testimonials-design .pp {
         font-size: 14px;
     }
     .porfolio-2 .blog .col-md-4 {
         width: 100%;
     }
     .porfolio-2 .blog .blog_name {
         padding-bottom: 0;
     }
     .porfolio-2 #googlemap1 {
         height: 300px;
     }
     .porfolio-2 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .porfolio-2 .testimonials-design .chuky {
         margin-top: 20px;
     }
     .porfolio-2 .group .easy-way ul li span {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-2 .fixed-fluid {
         padding-top: 60px;
     }
     .porfolio-2 .sile1 {
         left: 0;
         width: 100%;
     }
     .porfolio-2 .row_header5 {
         padding-top: 20px;
     }
     .porfolio-2 .affix {
         padding-top: 15px;
         padding-bottom: 10px;
     }
     .porfolio-2 .testimonials-design .p .file {
         margin-left: 0;
     }
     .porfolio-2 .testimonials-design .p {
         margin-left: 0;
         margin-right: 0;
     }
     .porfolio-2 .group .group-img {
         padding-right: 125px;
     }
     .porfolio-2 .img_porfolio .col-xs-6 {
         width: 100%;
     }
     .porfolio-2 .porfolio .nav_main {
         margin-left: 0;
     }
     .porfolio-2 .porfolio .col-md-8 {
         padding-right: 0;
     }
     .porfolio-2 .porfolio .nav_main .nav-tabs .active {
         padding-bottom: 0;
     }
     .porfolio-2 .porfolio .nav_main .nav-tabs li {
         padding-bottom: 1px;
     }
 }

 .porfolio-2 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .porfolio-2 .pull-right {
     cursor: pointer;
 }

 .porfolio-2 * {
     outline: none !important;
 }

 .porfolio-2 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .porfolio-2 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .porfolio-2 .create {
         padding: 117px 30px;
     }
     .porfolio-2 .careate .carea .cust {
         padding: 15px 10px;
     }
     .porfolio-2 .carea {
         padding: 40px 80px;
     }
     .porfolio-2 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .porfolio-2 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .porfolio-2 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .porfolio-2 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .porfolio-2 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .porfolio-2 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .porfolio-2 .affixx .navba {
         padding-left: 5px;
     }
     .porfolio-2 .phone_top {
         padding-right: 5px;
     }
     .porfolio-2 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .porfolio-2 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .porfolio-2 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-2 .feedback .feeb {
         font-size: 200px;
     }
     .porfolio-2 .affixx .navba {
         padding-left: 15px;
     }
     .porfolio-2 .phone_top {
         padding-right: 15px;
     }
     .porfolio-2 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .porfolio-2 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .porfolio-2 .we_are {
         padding: 0 50px;
     }
     .porfolio-2 .careate .carea .cust {
         padding: 10px 10px;
     }
     .porfolio-2 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .porfolio-2 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .porfolio-2 .cust h1 {
         padding-bottom: 0;
     }
     .porfolio-2 .cust p {
         line-height: 150%;
     }
     .porfolio-2 .button_see {
         margin-top: 27px;
     }
     .porfolio-2 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .porfolio-2 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .porfolio-2 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .porfolio-2 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .porfolio-2 .footer .full-container {
         padding: 0 15px;
     }
     .porfolio-2 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .porfolio-2 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-2 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-2 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .porfolio-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .porfolio-2 .contacts .contact {
         padding: 20px 0;
     }
     .porfolio-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .porfolio-2 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .porfolio-2 .phone_top {
         padding-top: 0;
     }
     .porfolio-2 .phone_top .pull-right {
         padding: 5px;
     }
     .porfolio-2 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .porfolio-2 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .porfolio-2 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .porfolio-2 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .porfolio-2 .affixx {
         padding-bottom: 10px !important;
     }
     .porfolio-2 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .porfolio-2 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .porfolio-2 .header-lap {
         display: none;
     }
     .porfolio-2 .header-mobi {
         display: block;
     }
     .porfolio-2 .feedback {
         padding-bottom: 50px;
     }
     .porfolio-2 .cust h1 {
         font-size: 30px;
     }
     .porfolio-2 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .porfolio-2 .all-pro span {
         margin-right: 5px;
     }
     .porfolio-2 .phone_top span {
         display: none;
     }
     .porfolio-2 .phone_top .phonee {
         display: none;
     }
     .porfolio-2 .who_we_are {
         padding: 50px 0;
     }
     .porfolio-2 .blog {
         padding: 50px 0;
     }
     .porfolio-2 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .porfolio-2 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-2 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .porfolio-2 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .porfolio-2 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .porfolio-2 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .porfolio-2 .feedback .feeb {
         font-size: 130px;
     }
     .porfolio-2 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .porfolio-2 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .porfolio-2 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .porfolio-2 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .porfolio-2 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .porfolio-2 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .porfolio-2 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .porfolio-2 .links ul {
         -webkit-padding-start: 0px;
     }
     .porfolio-2 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .porfolio-2 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .porfolio-2 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .porfolio-2 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .porfolio-2 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .porfolio-2 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .porfolio-2 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .porfolio-2 .servic {
         padding-top: 50px;
     }
     .porfolio-2 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .porfolio-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .porfolio-2 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .porfolio-2 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .porfolio-2 .row_top div p {
         line-height: 170%;
     }
     .porfolio-2 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .porfolio-2 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .porfolio-2 .slide_main .test {
         padding-top: 100px;
     }
     .porfolio-2 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .porfolio-2 .servic .col-md-4 {
         width: 50%;
     }
     .porfolio-2 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .porfolio-2 .blog .col-md-4 {
         width: 33.33333%;
     }
     .porfolio-2 .button_see {
         margin-top: 10px;
     }
     .porfolio-2 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .porfolio-2 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .porfolio-2 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .porfolio-2 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .porfolio-2 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .porfolio-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .porfolio-2 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .porfolio-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .porfolio-2 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .porfolio-2 * h1 {
         font-size: 36px !important;
     }
     .porfolio-2 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .porfolio-2 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .porfolio-2 .feedback .feeb {
         font-size: 100px;
     }
     .porfolio-2 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .porfolio-2 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-2 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .porfolio-2 .who_we_are .who_are p {
         font-size: 14px;
     }
     .porfolio-2 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .porfolio-2 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .porfolio-2 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .porfolio-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .porfolio-2 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .porfolio-2 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .porfolio-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .porfolio-2 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .porfolio-2 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .porfolio-2 .porfolio {
         padding: 50px 0px;
     }
     .porfolio-2 .button-proje {
         width: 210px;
     }
     .porfolio-2 .video .row_video .video1>p {
         font-size: 24px;
     }
     .porfolio-2 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .porfolio-2 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .porfolio-2 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-2 .footer #googlemap1 {
         height: 400px;
     }
     .porfolio-2 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .porfolio-2 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .porfolio-2 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .porfolio-2 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .porfolio-2 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .porfolio-2 .side .navbar .list-group-item button {
         top: 0;
     }
     .porfolio-2 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .porfolio-2 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .porfolio-2 .base {
         margin-left: 0 !important;
     }
     .porfolio-2 .baseright {
         margin-left: 0 !important;
     }
     .porfolio-2 .sile1 {
         top: 60%;
     }
     .porfolio-2 .affixx {
         background: #333 !important;
     }
     .porfolio-2 .affixx {
         padding-top: 20px !important;
     }
     .porfolio-2 .feedback .feeb {
         font-size: 70px;
     }
     .porfolio-2 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .porfolio-2 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .porfolio-2 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .porfolio-2 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .porfolio-2 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .porfolio-2 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .porfolio-2 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .porfolio-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .porfolio-2 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-2 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .porfolio-2 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .porfolio-2 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .porfolio-2 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .porfolio-2 .button_see {
         margin-top: 0;
     }
     .porfolio-2 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .porfolio-2 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .porfolio-2 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .porfolio-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .porfolio-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .porfolio-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .porfolio-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .porfolio-2 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .porfolio-2 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .porfolio-2 * h1 {
         font-size: 24px !important;
     }
     .porfolio-2 .affixx {
         position: inherit !important;
     }
     .porfolio-2 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-2 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .porfolio-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .porfolio-2 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .porfolio-2 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .porfolio-2 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .porfolio-2 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .porfolio-2 .feedback .feeb {
         letter-spacing: 6px;
     }
     .porfolio-2 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .porfolio-2 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .porfolio-2 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .porfolio-2 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .porfolio-2 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .porfolio-2 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .porfolio-2 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .porfolio-2 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .porfolio-2 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .porfolio-2 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .porfolio-2 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .porfolio-2 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .porfolio-2 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .porfolio-2 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .porfolio-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .porfolio-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .porfolio-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .porfolio-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .porfolio-2 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .porfolio-2 .servic .identity {
         padding-top: 20px;
     }
     .porfolio-2 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .porfolio-2 .porfolio .nav_main {
         float: left;
     }
     .porfolio-2 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1440px) {
     .porfolio-2 .container-fluid .porodu {
         padding: 5% 5% 0 5%;
     }
 }

 @media screen and (max-width: 1360px) {
     .porfolio-2 .container-fluid .porodu {
         padding: 4% 1% 0 1%;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-2 .container-fluid .porodu {
         padding: 2% 1% 0 1%;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-2 .container-fluid .porodu h4 {
         padding: 5px 0;
     }
     .porfolio-2 .porodu {
         border-top: 1px solid #bebebe;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-2 .container-fluid .col-md-1:nth-child(12n+1),
     .porfolio-2 .container-fluid .col-md-2:nth-child(6n+1),
     .porfolio-2 .container-fluid .col-md-3:nth-child(4n+1),
     .porfolio-2 .container-fluid .col-md-4:nth-child(3n+1),
     .porfolio-2 .container-fluid .col-md-6:nth-child(2n+1),
     .porfolio-2 .container-fluid .col-lg-1:nth-child(12n+1),
     .porfolio-2 .container-fluid .col-lg-2:nth-child(6n+1),
     .porfolio-2 .container-fluid .col-lg-3:nth-child(4n+1),
     .porfolio-2 .container-fluid .col-lg-4:nth-child(3n+1),
     .porfolio-2 .container-fluid .col-lg-6:nth-child(2n+1),
     .porfolio-2 .container-fluid .col-xs-1:nth-child(12n+1),
     .porfolio-2 .container-fluid .col-xs-2:nth-child(6n+1),
     .porfolio-2 .container-fluid .col-xs-3:nth-child(4n+1),
     .porfolio-2 .container-fluid .col-xs-4:nth-child(3n+1),
     .porfolio-2 .container-fluid .col-xs-6:nth-child(2n+1) {
         clear: none;
     }
     .porfolio-2 .container-fluid .col-sm-1:nth-child(12n+1),
     .porfolio-2 .container-fluid .col-sm-2:nth-child(6n+1),
     .porfolio-2 .container-fluid .col-sm-3:nth-child(4n+1),
     .porfolio-2 .container-fluid .col-sm-4:nth-child(3n+1),
     .porfolio-2 .container-fluid .col-sm-6:nth-child(2n+1) {
         clear: left;
     }
     .porfolio-2 .container-fluid .porodu {
         padding: 10% 1% 0 1%;
     }
 }

 @media screen and (max-width: 768px) {
     .porfolio-2 .container-fluid .porodu {
         padding: 5% 1% 0 1%;
     }
     .porfolio-2 .container-fluid .poroduc {
         padding-bottom: 5%;
     }
 }

 @media screen and (max-width: 680px) {
     .porfolio-2 .container-fluid .col-lg-4 {
         width: 100%;
         padding: 10% 2% 10% 2%;
     }
     .porfolio-2 .porodu {
         border-top: none;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-2 .container-fluid .porodu p {
         font-size: 14px !important;
     }
     .porfolio-2 .contacts .contact p {
         font-size: 20px !important;
     }
 }

 @media screen and (max-width: 1680px) {
     .porfolio-2 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
 }

 @media screen and (max-width: 1440px) {
     .porfolio-2 .approach-mission-designers .our-mision {
         padding: 100px 40px;
     }
     .porfolio-2 .approach-mission-designers .our-approach {
         padding: 100px 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .porfolio-2 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .porfolio-2 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-2 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .porfolio-2 .approach-mission-designers .our-mision {
         padding: 50px 15px;
     }
     .porfolio-2 .approach-mission-designers .our-mision h1 {
         font-size: 40px;
     }
     .porfolio-2 .approach-mission-designers .our-approach {
         padding: 50px 15px;
         padding-bottom: 21px;
     }
     .porfolio-2 .approach-mission-designers .our-approach h1 {
         font-size: 40px;
     }
     .porfolio-2 .approach-mission-designers .we-are-designers {
         padding: 50px 15px;
         padding-bottom: 61px;
     }
     .porfolio-2 .approach-mission-designers .we-are-designers h1 {
         font-size: 40px;
     }
     .porfolio-2 .affixx {
         padding-top: 15px !important;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-2 .approach-mission-designers .we-are-designers {
         padding-bottom: 90px;
     }
     .porfolio-2 .pull-right {
         padding: 5px;
     }
     .porfolio-2 .affixx .logo {
         padding-left: 15px;
     }
     .porfolio-2 .affixx .sidenav {
         padding-right: 15px;
     }
     .porfolio-2 .we-are-delivering .container {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-2 .approach-mission-designers .we-are-designers {
         padding-bottom: 76px;
     }
     .porfolio-2 .approach-mission-designers .our-approach {
         padding: 50px 15px;
     }
     .porfolio-2 h1 {
         font-size: 36px !important;
     }
 }

 @media screen and (max-width: 768px) {
     .porfolio-2 .affixx .logo {
         padding-left: 15px;
     }
     .porfolio-2 .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 680px) {
     .porfolio-2 .approach-mission-designers .we-are-designers {
         padding: 30px 15px;
     }
     .porfolio-2 .approach-mission-designers .we-are-designers h1 {
         padding-right: 20%;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-2 h1 {
         font-size: 24px !important;
     }
     .porfolio-2 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .porfolio-2 .approach-mission-designers .col-md-3 {
         width: 100%;
     }
     .porfolio-2 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .porfolio-2 .approach-mission-designers {
         padding-bottom: 0;
     }
     .porfolio-2 .cooperate {
         padding-top: 50px;
     }
     .porfolio-2 .we-are-delivering .container {
         padding: 50px 15px;
     }
     .porfolio-2 .container_header {
         top: 70%;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-2 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .porfolio-2 .what1 .main-img .slick-slide {
         display: none;
     }
     .porfolio-2 .cases .read-mode {
         width: 100%;
     }
     .porfolio-2 .approach-mission-designers .our-approach p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-2 .approach-mission-designers .our-mision p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-2 .unlimited .welcome p {
         font-size: 14px;
         line-height: 150%;
         padding-bottom: 30px;
     }
     .porfolio-2 .unlimited .col-md-3 {
         padding: 30px 15px;
     }
     .porfolio-2 .unlimited .col-md-3 p {
         font-size: 14px;
         line-height: 150%;
     }
 }

 @media screen and (max-width: 1820px) {
     .porfolio-2 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .porfolio-2 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .porfolio-2 .contacts .contact p {
         font-size: 24px;
     }
     .porfolio-2 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-2 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .porfolio-2 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .porfolio-2 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .porfolio-2 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-2 .testimonials-img img {
         width: 100%;
     }
     .porfolio-2 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .porfolio-2 .cooperate {
         padding-top: 50px;
     }
     .porfolio-2 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-2 .contacts .contact {
         text-align: center;
     }
     .porfolio-2 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .porfolio-2 .testimonials {
         padding-bottom: 50px;
     }
     .porfolio-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .porfolio-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .porfolio-2 .contacts .contact p {
         font-size: 20px;
     }
     .porfolio-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .porfolio-2 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .porfolio-2 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-2 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .porfolio-2 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .porfolio-2 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .porfolio-2 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-2 .gallery .col-md-4 {
         width: 100%;
     }
     .porfolio-2 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .porfolio-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .porfolio-2 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .porfolio-2 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .porfolio-2 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .porfolio-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .porfolio-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .porfolio-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .porfolio-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .porfolio-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .porfolio-2 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .porfolio-2 .affixx {
         padding-top: 15px !important;
     }
     .porfolio-2 .pull-right {
         padding-top: 5px;
     }
     .porfolio-2 .layer {
         padding-top: 0px;
     }
     .porfolio-2 .pull-right {
         padding: 5px 0;
     }
     .porfolio-2 .page-404 {
         padding-top: 50px 15px;
     }
     .porfolio-2 .affixx .sidenav {
         padding-right: 15px;
     }
     .porfolio-2 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .porfolio-2 .careate img {
         width: 100%;
     }
     .porfolio-2 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .porfolio-2 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .porfolio-2 .layer {
         padding-top: 62px;
     }
     .porfolio-2 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .porfolio-2 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .porfolio-2 .container_header {
         top: 75%;
     }
     .porfolio-2 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .porfolio-2 .container_header .breadcrumb .active {
         width: auto;
     }
     .porfolio-2 .blog .pagination li .prev {
         width: 80px;
     }
     .porfolio-2 .container_header h1 {
         padding-bottom: 0;
     }
 }

 .services-1 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .services-1 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
     overflow: visible !important;
 }

 .services-1 .compensate-for-scrollbar {
     margin-right: 0 !important;
 }

 .services-1 * {
     outline: 0 !important;
     box-sizing: border-box;
 }

 .services-1 .sidenav a:hover {
     color: #b6aeae;
 }

 .services-1 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .services-1 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .services-1 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .services-1 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .services-1 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .services-1 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .services-1 .button_rea:hover {
     opacity: 0.7;
 }

 .services-1 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .services-1 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .services-1 .layer {
     position: relative;
 }

 .services-1 .layer img {
     width: 100%;
 }

 .services-1 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .services-1 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .services-1 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .services-1 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .services-1 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .services-1 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .services-1 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .services-1 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .services-1 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     transition: all 0.4s;
     top: 103%;
 }

 .services-1 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .services-1 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .services-1 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .services-1 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .services-1 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .services-1 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .services-1 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .services-1 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .services-1 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .services-1 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .services-1 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .services-1 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .services-1 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .services-1 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .services-1 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .services-1 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .services-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .services-1 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .services-1 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .services-1 .header-mobi {
     display: none;
 }

 .services-1 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .services-1 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -4px 20px 10px;
 }

 .services-1 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .services-1 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .services-1 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .services-1 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .services-1 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .services-1 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .services-1 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .services-1 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .services-1 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .services-1 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .services-1 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .services-1 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .services-1 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .services-1 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .services-1 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .services-1 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-1 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-1 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-1 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .services-1 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .services-1 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .services-1 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .services-1 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .services-1 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .services-1 .sidenav a:hover {
     color: #f1f1f1;
 }

 .services-1 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .services-1 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .services-1 .child2 {
     margin: 5px 0;
 }

 .services-1 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .services-1 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .services-1 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .services-1 .container_header .breadcrumb {
     background: transparent;
 }

 .services-1 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .services-1 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .services-1 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .services-1 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .services-1 .servic {
     text-align: center;
     padding: 150px 0;
 }

 .services-1 .servic .row {
     margin-right: 0;
 }

 .services-1 .servic .col-md-12 h5 {
     color: #909090;
     font-weight: 700;
     letter-spacing: 2px;
     font-family: roboto condensed;
 }

 .services-1 .servic .col-md-12 p {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
 }

 .services-1 .servic .col-md-4 p {
     font-size: 16px;
     line-height: 185%;
     color: #909090;
 }

 .services-1 .servic .col-md-4 h4 {
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 20px;
 }

 .services-1 .servic .development {
     padding: 0 45px;
     padding-bottom: 58px;
     border-bottom: 1px solid #ebebeb;
 }

 .services-1 .servic .development span {
     background-image: url(../img/web.png);
     height: 54px;
     width: 56px;
     display: inline-block;
 }

 .services-1 .servic .identity {
     padding: 0 44px;
     padding-bottom: 60px;
     border-bottom: 1px solid #ebebeb;
     border-right: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
 }

 .services-1 .servic .identity span {
     background-image: url(../img/logoiden.png);
     height: 52px;
     width: 53px;
     display: inline-block;
 }

 .services-1 .servic .design {
     padding: 0 45px;
     padding-bottom: 52px;
     border-bottom: 1px solid #ebebeb;
 }

 .services-1 .servic .design span {
     background-image: url(../img/garphics.png);
     height: 70px;
     width: 48px;
     display: inline-block;
     margin-top: -10px;
 }

 .services-1 .servic .appdevelopment {
     padding: 0 45px;
     padding-top: 60px;
 }

 .services-1 .servic .appdevelopment span {
     background-image: url(../img/app.png);
     height: 60px;
     width: 60px;
     display: inline-block;
 }

 .services-1 .servic .marketing {
     padding: 0 45px;
     padding-top: 60px;
     border-right: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
 }

 .services-1 .servic .marketing span {
     background-image: url(../img/social.png);
     height: 53px;
     width: 49px;
     display: inline-block;
 }

 .services-1 .servic .creation {
     padding: 0 44px;
     padding-top: 60px;
 }

 .services-1 .servic .creation span {
     background-image: url(../img/content.png);
     height: 46px;
     width: 65px;
     display: inline-block;
 }

 .services-1 .testimonials-img img {
     width: 100% !important;
 }

 .services-1 .testimonials-design {
     text-align: center;
     padding-top: 150px;
     background: #fc6a55;
     padding-bottom: 150px;
 }

 .services-1 .testimonials-design .p {
     font-weight: 700;
     font-size: 30px;
     font-family: roboto condensed;
     padding-bottom: 10px;
     color: #fff;
     margin-left: 65px;
     margin-right: 65px;
     padding-left: 31%;
     padding-right: 31%;
 }

 .services-1 .testimonials-design .p .file {
     background-image: url(../img/file1.png);
     height: 26px;
     width: 33px;
     display: inline-block;
     margin-right: 20px;
     margin-left: -50px;
 }

 .services-1 .testimonials-design .pp {
     font-size: 16px;
     line-height: 185%;
     color: #fff;
     padding-left: 31%;
     padding-right: 31%;
 }

 .services-1 .testimonials-design .chuky {
     background-image: url(../img/chuky.png);
     height: 23px;
     width: 205px;
     display: inline-block;
     margin-top: 55px;
 }

 .services-1 .pricing-table {
     padding-top: 150px;
 }

 .services-1 .pricing-table .our_pri h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
     text-align: center;
 }

 .services-1 .pricing-table .our_pri h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
     text-align: center;
 }

 .services-1 .pricing-table .center-mode {
     padding-bottom: 150px;
 }

 .services-1 .pricing-table .center-mode .months {
     transition: all .5s;
     border: 1px solid #f2f2f2;
     background: #fff;
     padding: 50px;
 }

 .services-1 .pricing-table .center-mode .months p {
     font-size: 16px;
     color: #909090;
     border-bottom: 1px solid #f2f2f2;
     padding-bottom: 20px;
 }

 .services-1 .pricing-table .center-mode .months:hover {
     background: #202737;
     margin-top: -5%;
     padding-top: 10%;
     padding-bottom: 10%;
     color: #fff;
 }

 .services-1 .pricing-table .center-mode .months:hover li,
 .services-1 .pricing-table .center-mode .months:hover i,
 .services-1 .pricing-table .center-mode .months:hover p {
     color: #fff;
 }

 .services-1 .pricing-table .center-mode .months h5 {
     font-weight: 700;
     font-family: roboto condensed;
     color: #fc6a55;
 }

 .services-1 .pricing-table .center-mode .months h1 {
     font-weight: 700;
     font-family: roboto condensed;
 }

 .services-1 .pricing-table .center-mode .months h1 span {
     font-size: 50px;
 }

 .services-1 .pricing-table .center-mode .months ul {
     padding-top: 20px;
     -webkit-padding-start: 0;
 }

 .services-1 .pricing-table .center-mode .months ul li {
     color: #909090;
     font-size: 18px;
     font-family: roboto condensed;
     padding-top: 10px;
     list-style: none;
 }

 .services-1 .pricing-table .center-mode .months ul li i {
     margin-right: 10px;
 }

 .services-1 .video-skills {
     background: #f2f2f2;
     margin-left: 0;
     margin-right: 0;
 }

 .services-1 .video-skills .video {
     padding-left: 0;
     position: relative;
     text-align: center;
 }

 .services-1 .video-skills .video img {
     width: 100%;
 }

 .services-1 .video-skills .video .helo {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .services-1 .video-skills .video .helo .button_play {
     border-radius: 50%;
     background: #858688;
     width: 85px;
     height: 85px;
     border: none;
     outline: 0;
     transition: all .3s;
     padding: 40px;
     text-decoration: none !important;
 }

 .services-1 .video-skills .video .helo .button_play i {
     font-size: 18px;
     display: inline-block;
     font-size: 18px;
     color: #fff;
 }

 .services-1 .video-skills .video .helo .button_play:hover {
     opacity: .7;
 }

 .services-1 .video-skills .skills {
     padding-left: 140px;
     padding-right: 140px;
     padding-top: 180px;
 }

 .services-1 .video-skills .skills h1 {
     font-family: roboto condensed;
     font-size: 48px;
     font-weight: 700;
 }

 .services-1 .video-skills .skills p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-top: 10px;
     padding-bottom: 70px;
 }

 .services-1 .video-skills .skills .snippets .skill {
     background: #333333;
     padding-top: 40px;
     padding-bottom: 40px;
 }

 .services-1 .video-skills .skills .snippets .skill h3 {
     font-family: roboto condensed;
     color: #fff;
     font-size: 20px;
     font-weight: 700;
     text-align: center;
 }

 .services-1 .video-skills .skills .snippets .skill .blue {
     width: 100px;
     height: 100px;
     line-height: 150px;
     background: none;
     margin: 0 auto;
     box-shadow: none;
     position: relative;
 }

 .services-1 .video-skills .skills .snippets .skill .blue .progress-left {
     left: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .services-1 .video-skills .skills .snippets .skill .blue .progress-left .progress-bar {
     width: 100%;
     height: 100%;
     background: none;
     border-width: 5px;
     border-style: solid;
     position: absolute;
     top: 0;
     border-color: #fc6a55;
     animation: loading-2 1.5s linear forwards 1.8s;
     left: 100%;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }

 .services-1 .video-skills .skills .snippets .skill .blue .progress-right {
     right: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .services-1 .video-skills .skills .snippets .skill .blue .progress-right .progress-bar {
     border-color: #fc6a55;
     left: -100%;
     border-top-left-radius: 80px;
     border-bottom-left-radius: 80px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
     animation: loading-1 1.8s linear forwards;
     width: 100%;
     height: 100%;
     background: none;
     border-width: -1px;
     border-style: solid;
     position: absolute;
     top: 0;
 }

 .services-1 .video-skills .skills .snippets .skill .blue:after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 12px solid #fff;
     position: absolute;
     top: 0;
     left: 0;
 }

 .services-1 .video-skills .skills .snippets .skill .blue .progress-value {
     width: 94px;
     height: 94px;
     border-radius: 96%;
     background: #333;
     font-size: 30px;
     color: #fff;
     line-height: 95px;
     text-align: center;
     position: absolute;
     top: 3px;
     left: 3px;
     z-index: 1;
     font-family: roboto condensed;
 }

 .services-1 .video-skills .skills .snippets .skill .yellow {
     width: 100px;
     height: 100px;
     line-height: 150px;
     background: none;
     margin: 0 auto;
     box-shadow: none;
     position: relative;
 }

 .services-1 .video-skills .skills .snippets .skill .yellow .progress-left {
     left: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .services-1 .video-skills .skills .snippets .skill .yellow .progress-left .progress-bar {
     width: 100%;
     height: 100%;
     background: none;
     border-width: 5px;
     border-style: solid;
     position: absolute;
     top: 0;
     border-color: #fc6a55;
     animation: loading-3 1.5s linear forwards 1.8s;
     left: 100%;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }

 .services-1 .video-skills .skills .snippets .skill .yellow .progress-right {
     right: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .services-1 .video-skills .skills .snippets .skill .yellow .progress-right .progress-bar {
     border-color: #fc6a55;
     left: -100%;
     border-top-left-radius: 80px;
     border-bottom-left-radius: 80px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
     animation: loading-1 1.8s linear forwards;
     width: 100%;
     height: 100%;
     background: none;
     border-width: -1px;
     border-style: solid;
     position: absolute;
     top: 0;
 }

 .services-1 .video-skills .skills .snippets .skill .yellow:after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 12px solid #fff;
     position: absolute;
     top: 0;
     left: 0;
 }

 .services-1 .video-skills .skills .snippets .skill .yellow .progress-value {
     width: 94px;
     height: 94px;
     border-radius: 96%;
     background: #333;
     font-size: 30px;
     color: #fff;
     line-height: 95px;
     text-align: center;
     position: absolute;
     top: 3px;
     left: 3px;
     z-index: 1;
     font-family: roboto condensed;
 }

 @keyframes loading-1 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(180deg);
         transform: rotate(180deg);
     }
 }

 @keyframes loading-2 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(144deg);
         transform: rotate(144deg);
     }
 }

 @keyframes loading-3 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
     }
 }

 @keyframes loading-4 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(36deg);
         transform: rotate(36deg);
     }
 }

 @keyframes loading-5 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(126deg);
         transform: rotate(126deg);
     }
 }

 .services-1 .brand {
     text-align: center;
 }

 .services-1 .brand .brand_logo {
     padding: 90px 0;
 }

 .services-1 .brand .brand-logo {
     width: 20%;
 }

 .services-1 .brand .brand-logo .logo1 {
     padding-top: 25px;
 }

 .services-1 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .services-1 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .services-1 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .services-1 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .services-1 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .services-1 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .services-1 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .services-1 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .services-1 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .services-1 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .services-1 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .services-1 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .services-1 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .services-1 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .services-1 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .services-1 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .services-1 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .services-1 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .services-1 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .services-1 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .services-1 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .services-1 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .services-1 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .services-1 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .services-1 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .services-1 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .services-1 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .services-1 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .services-1 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .services-1 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .services-1 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .services-1 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .services-1 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .services-1 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .services-1 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .services-1 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .services-1 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .services-1 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .services-1 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1360px) {
     .services-1 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .services-1 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .services-1 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .services-1 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .services-1 .who_we_are .weare {
         padding-left: 100px;
     }
     .services-1 .sile1 .we_are {
         padding-right: 30px;
     }
     .services-1 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-1 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .services-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .services-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .services-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .services-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .services-1 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .services-1 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .services-1 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-1 .team {
         padding: 50px 0;
     }
     .services-1 .unlimited {
         padding-bottom: 50px;
     }
     .services-1 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-1 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .services-1 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .services-1 .servic .development {
         border: none;
     }
     .services-1 .servic .appdevelopment {
         border: none;
     }
     .services-1 .servic .marketing {
         border: none;
     }
     .services-1 .servic .design {
         border: none;
     }
     .services-1 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .services-1 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .services-1 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .services-1 .sile1 .we_are {
         padding-right: 10px;
     }
     .services-1 .porfolio .blanc {
         padding-right: 0;
     }
     .services-1 .porfolio .mock {
         padding-left: 0;
     }
     .services-1 .what1 .js-click-product {
         height: 120px;
     }
     .services-1 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .services-1 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .services-1 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .services-1 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .services-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .services-1 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .services-1 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .services-1 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .services-1 .pricing-table {
         padding-top: 100px;
     }
     .services-1 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .services-1 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .services-1 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .services-1 .sile1 {
         width: 100%;
     }
     .services-1 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .services-1 .servic .creation {
         padding-top: 19px;
     }
     .services-1 .servic .design {
         padding: 15px;
     }
     .services-1 .servic .appdevelopment {
         padding: 15px;
     }
     .services-1 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .services-1 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .services-1 .pricing-table {
         padding-top: 50px;
     }
     .services-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .services-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .services-1 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-1 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .services-1 .what1 .main-img .slick-slide {
         display: none;
     }
     .services-1 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .services-1 .porfolio .blanc img {
         width: 100%;
     }
     .services-1 .sile1 {
         width: 97%;
     }
     .services-1 .servic .col-md-4 {
         padding-left: 15px;
     }
     .services-1 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .services-1 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .services-1 .slick-slider .slick-track {
         width: 250px;
     }
     .services-1 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .services-1 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .services-1 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .services-1 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .services-1 .pull-right {
     cursor: pointer;
 }

 .services-1 * {
     outline: none !important;
 }

 .services-1 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .services-1 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .services-1 .create {
         padding: 117px 30px;
     }
     .services-1 .careate .carea .cust {
         padding: 15px 10px;
     }
     .services-1 .carea {
         padding: 40px 80px;
     }
     .services-1 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .services-1 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .services-1 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .services-1 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .services-1 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .services-1 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .services-1 .affixx .navba {
         padding-left: 5px;
     }
     .services-1 .phone_top {
         padding-right: 5px;
     }
     .services-1 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .services-1 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .services-1 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-1 .feedback .feeb {
         font-size: 200px;
     }
     .services-1 .affixx .navba {
         padding-left: 15px;
     }
     .services-1 .phone_top {
         padding-right: 15px;
     }
     .services-1 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .services-1 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .services-1 .we_are {
         padding: 0 50px;
     }
     .services-1 .careate .carea .cust {
         padding: 10px 10px;
     }
     .services-1 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .services-1 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .services-1 .cust h1 {
         padding-bottom: 0;
     }
     .services-1 .cust p {
         line-height: 150%;
     }
     .services-1 .button_see {
         margin-top: 27px;
     }
     .services-1 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .services-1 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .services-1 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .services-1 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .services-1 .footer .full-container {
         padding: 0 15px;
     }
     .services-1 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .services-1 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-1 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-1 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .services-1 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .services-1 .contacts .contact {
         padding: 20px 0;
     }
     .services-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .services-1 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .services-1 .phone_top {
         padding-top: 0;
     }
     .services-1 .phone_top .pull-right {
         padding: 5px;
     }
     .services-1 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .services-1 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .services-1 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .services-1 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .services-1 .affixx {
         padding-bottom: 10px !important;
     }
     .services-1 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .services-1 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .services-1 .header-lap {
         display: none;
     }
     .services-1 .header-mobi {
         display: block;
     }
     .services-1 .feedback {
         padding-bottom: 50px;
     }
     .services-1 .cust h1 {
         font-size: 30px;
     }
     .services-1 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .services-1 .all-pro span {
         margin-right: 5px;
     }
     .services-1 .phone_top span {
         display: none;
     }
     .services-1 .phone_top .phonee {
         display: none;
     }
     .services-1 .who_we_are {
         padding: 50px 0;
     }
     .services-1 .blog {
         padding: 50px 0;
     }
     .services-1 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .services-1 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-1 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .services-1 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .services-1 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .services-1 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .services-1 .feedback .feeb {
         font-size: 130px;
     }
     .services-1 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .services-1 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .services-1 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .services-1 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .services-1 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .services-1 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .services-1 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .services-1 .links ul {
         -webkit-padding-start: 0px;
     }
     .services-1 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .services-1 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .services-1 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .services-1 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .services-1 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .services-1 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .services-1 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .services-1 .servic {
         padding-top: 50px;
     }
     .services-1 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .services-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .services-1 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .services-1 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .services-1 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .services-1 .row_top div p {
         line-height: 170%;
     }
     .services-1 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .services-1 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .services-1 .slide_main .test {
         padding-top: 100px;
     }
     .services-1 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .services-1 .servic .col-md-4 {
         width: 50%;
     }
     .services-1 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .services-1 .blog .col-md-4 {
         width: 33.33333%;
     }
     .services-1 .button_see {
         margin-top: 10px;
     }
     .services-1 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .services-1 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .services-1 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .services-1 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .services-1 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .services-1 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .services-1 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .services-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .services-1 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .services-1 * h1 {
         font-size: 36px !important;
     }
     .services-1 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .services-1 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .services-1 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .services-1 .feedback .feeb {
         font-size: 100px;
     }
     .services-1 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .services-1 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .services-1 .who_we_are .who_are p {
         font-size: 14px;
     }
     .services-1 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .services-1 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .services-1 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .services-1 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .services-1 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .services-1 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .services-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .services-1 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .services-1 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .services-1 .porfolio {
         padding: 50px 0px;
     }
     .services-1 .button-proje {
         width: 210px;
     }
     .services-1 .video .row_video .video1>p {
         font-size: 24px;
     }
     .services-1 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .services-1 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .services-1 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .footer #googlemap1 {
         height: 400px;
     }
     .services-1 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .services-1 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-1 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .services-1 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .services-1 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .services-1 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .services-1 .side .navbar .list-group-item button {
         top: 0;
     }
     .services-1 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .services-1 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .services-1 .base {
         margin-left: 0 !important;
     }
     .services-1 .baseright {
         margin-left: 0 !important;
     }
     .services-1 .sile1 {
         top: 60%;
     }
     .services-1 .affixx {
         background: #333 !important;
     }
     .services-1 .affixx {
         padding-top: 20px !important;
     }
     .services-1 .feedback .feeb {
         font-size: 70px;
     }
     .services-1 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .services-1 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .services-1 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .services-1 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .services-1 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .services-1 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .services-1 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .services-1 .servic .col-md-12 p {
         font-size: 24px;
     }
     .services-1 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .services-1 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .services-1 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .services-1 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .services-1 .button_see {
         margin-top: 0;
     }
     .services-1 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .services-1 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .services-1 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .services-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .services-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .services-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .services-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .services-1 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .services-1 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .services-1 * h1 {
         font-size: 24px !important;
     }
     .services-1 .affixx {
         position: inherit !important;
     }
     .services-1 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-1 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .services-1 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .services-1 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .services-1 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .services-1 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .services-1 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .services-1 .feedback .feeb {
         letter-spacing: 6px;
     }
     .services-1 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .services-1 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .services-1 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .services-1 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .services-1 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .services-1 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .services-1 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .services-1 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .services-1 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .services-1 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .services-1 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .services-1 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .services-1 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .services-1 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .services-1 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .services-1 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .services-1 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .services-1 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .services-1 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .services-1 .servic .identity {
         padding-top: 20px;
     }
     .services-1 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .services-1 .porfolio .nav_main {
         float: left;
     }
     .services-1 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .services-1 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .services-1 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .services-1 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .services-1 .who_we_are .weare {
         padding-left: 50px;
     }
     .services-1 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .services-1 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .services-1 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .services-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .services-1 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .services-1 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .services-1 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .services-1 .video-skills .skills {
         padding: 0 15px;
     }
     .services-1 .contacts .contact p {
         font-size: 24px;
     }
     .services-1 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-1 .about .about-we h1 {
         font-size: 40px;
     }
     .services-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .services-1 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .services-1 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-1 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .services-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .services-1 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .services-1 .cooperate {
         padding-top: 50px;
     }
     .services-1 .talk-to .row {
         padding: 50px 0;
     }
     .services-1 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .services-1 .sile1 .we_are {
         padding-right: 0;
     }
     .services-1 .about {
         top: 0;
         padding: 30px 0;
     }
     .services-1 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .services-1 .about .about-we {
         padding-left: 30px;
     }
     .services-1 .about .corem-ipsum {
         padding-right: 30px;
     }
     .services-1 .about .corem-ipsum p {
         line-height: 150%;
     }
     .services-1 .contacts .contact {
         text-align: center;
     }
     .services-1 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .services-1 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .services-1 .video-skills .video {
         padding-left: 15px;
     }
     .services-1 .video-skills {
         padding-bottom: 50px;
     }
     .services-1 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .services-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .services-1 .contacts .contact p {
         font-size: 20px;
     }
     .services-1 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .services-1 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .services-1 .about .corem-ipsum {
         padding-left: 30px;
     }
     .services-1 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .services-1 .cooperate .logo-brand {
         text-align: center;
     }
     .services-1 .cooperate .logo-brand img {
         width: initial;
     }
     .services-1 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .services-1 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .services-1 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .services-1 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-1 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .services-1 .button1 .vuong {
         background: transparent !important;
     }
     .services-1 .button1 span {
         background: #fff !important;
     }
     .services-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .services-1 .sile1 {
         width: 65%;
     }
     .services-1 .about .corem-ipsum p {
         font-size: 14px;
     }
     .services-1 .case-center .case-studies p {
         font-size: 14px;
     }
     .services-1 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .slick-dots {
         bottom: -50px !important;
     }
     .services-1 .cooperate {
         padding-top: 50px;
     }
     .services-1 .who_we_are .weare {
         padding-bottom: 0;
     }
     .services-1 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .services-1 .button-contact button {
         height: 40px;
     }
     .services-1 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .services-1 .cooperate .logo-brand img {
         width: 100%;
     }
     .services-1 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .services-1 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .services-1 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .talk-to .input-contact input {
         font-size: 14px;
     }
     .services-1 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-1 .servic .col-md-4 {
         padding-left: 30px;
     }
     .services-1 .button1 .vuong {
         background: transparent !important;
     }
     .services-1 .button1 span {
         background: #fff !important;
     }
     .services-1 .phone_top .pull-right i {
         color: #fff !important;
     }
     .services-1 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .services-1 .sile1 {
         width: 95%;
         left: 5%;
     }
     .services-1 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .services-1 .cooperate .logo-brand img {
         width: initial;
     }
     .services-1 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .services-1 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .services-1 .cases .read-mode {
         width: 100%;
     }
     .services-1 .row_top {
         width: 100%;
     }
     .services-1 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .services-1 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .services-1 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1680px) {
     .services-1 .phone_top {
         padding-right: 80px;
     }
 }

 @media screen and (max-width: 1240px) {
     .services-1 .unlimited .col-md-3 {
         padding: 15px;
     }
     .services-1 .testimonials-design .p {
         padding-left: 17%;
         padding-right: 17%;
     }
     .services-1 .testimonials-design .pp {
         padding-left: 17%;
         padding-right: 17%;
     }
     .services-1 .group .easy-way ul li {
         padding: 10px 0;
         font-size: 14px;
     }
     .services-1 .easy-way {
         padding-left: 0;
         padding-right: 0;
     }
     .services-1 .easy-way ul {
         -webkit-padding-start: 10px;
     }
     .services-1 .group .easy-way p {
         font-size: 14px;
         padding-bottom: 10px;
     }
     .services-1 .group .easy-way h1 {
         font-size: 40px;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-1 .side .phone_top {
         display: block;
     }
     .services-1 .layer {
         padding-top: 0px;
     }
     .services-1 .group {
         padding-top: 50px;
     }
     .services-1 .testimonials-design {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .services-1 .unlimited {
         padding-top: 30px;
     }
     .services-1 .row_header5 .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .services-1 .row_header5 {
         padding-bottom: 10px;
         padding-top: 15px;
     }
     .services-1 .row_header5 .navba {
         padding-left: 15px;
     }
     .services-1 .phone_top {
         padding-right: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-1 .unlimited .col-md-3 {
         padding-bottom: 50px;
     }
     .services-1 .unlimited .customer {
         padding-bottom: 55px;
     }
     .services-1 .group {
         padding-bottom: 100px;
     }
     .services-1 .our-recent {
         padding-bottom: 50px;
     }
     .services-1 .sile1 .we_are {
         padding-left: 15px;
     }
     .services-1 .porfo .porfolio {
         padding: 80px 15px;
     }
     .services-1 .testimonials-design .p {
         padding-left: 5%;
         padding-right: 5%;
     }
     .services-1 .testimonials-design .pp {
         padding-left: 5%;
         padding-right: 5%;
     }
     .services-1 .easy-way {
         padding-left: 15px;
         padding-right: 15px;
     }
     .services-1 br {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     .services-1 .blog .col-md-4 {
         width: 50%;
         text-align: left;
     }
     .services-1 .porfo .nav_main .nav-tabs {
         padding-left: 10px;
     }
     .services-1 .unlimited {
         padding-top: 50px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 680px) {
     .services-1 .blog .col-md-4 .blog_name a {
         font-size: 17px;
     }
     .services-1 .sile1 {
         width: 100%;
         left: 0;
     }
     .services-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (max-width: 568px) {
     .services-1 .sile1 {
         top: 50%;
     }
     .services-1 .layer {
         padding-top: 0;
     }
     .services-1 .unlimited .col-md-3 {
         width: 100%;
     }
     .services-1 .testimonials-design .p {
         font-size: 24px;
     }
     .services-1 .testimonials-design .pp {
         font-size: 14px;
     }
     .services-1 .blog .col-md-4 {
         width: 100%;
     }
     .services-1 .blog .blog_name {
         padding-bottom: 0;
     }
     .services-1 #googlemap1 {
         height: 300px;
     }
     .services-1 .porfo .porfolio .col-md-4 .some {
         font-size: 14px;
     }
     .services-1 .testimonials-design .chuky {
         margin-top: 20px;
     }
     .services-1 .group .easy-way ul li span {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-1 .fixed-fluid {
         padding-top: 60px;
     }
     .services-1 .sile1 {
         left: 0;
         width: 100%;
     }
     .services-1 .row_header5 {
         padding-top: 20px;
     }
     .services-1 .affix {
         padding-top: 15px;
         padding-bottom: 10px;
     }
     .services-1 .testimonials-design .p .file {
         margin-left: 0;
     }
     .services-1 .testimonials-design .p {
         margin-left: 0;
         margin-right: 0;
     }
     .services-1 .group .group-img {
         padding-right: 125px;
     }
     .services-1 .img_porfolio .col-xs-6 {
         width: 100%;
     }
     .services-1 .porfolio .nav_main {
         margin-left: 0;
     }
     .services-1 .porfolio .col-md-8 {
         padding-right: 0;
     }
     .services-1 .porfolio .nav_main .nav-tabs .active {
         padding-bottom: 0;
     }
     .services-1 .porfolio .nav_main .nav-tabs li {
         padding-bottom: 1px;
     }
 }

 @media screen and (max-width: 1820px) {
     .services-1 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .services-1 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .services-1 .contacts .contact p {
         font-size: 24px;
     }
     .services-1 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-1 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .services-1 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .services-1 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .services-1 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-1 .testimonials-img img {
         width: 100%;
     }
     .services-1 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .services-1 .cooperate {
         padding-top: 50px;
     }
     .services-1 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-1 .contacts .contact {
         text-align: center;
     }
     .services-1 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .services-1 .testimonials {
         padding-bottom: 50px;
     }
     .services-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .services-1 .contacts .contact p .circle img {
         width: 8%;
     }
     .services-1 .contacts .contact p {
         font-size: 20px;
     }
     .services-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .services-1 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-1 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .services-1 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .services-1 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .services-1 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-1 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-1 .gallery .col-md-4 {
         width: 100%;
     }
     .services-1 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .services-1 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .services-1 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .services-1 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .services-1 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .services-1 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .services-1 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .services-1 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .services-1 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .services-1 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-1 .affixx {
         padding-top: 15px !important;
     }
     .services-1 .pull-right {
         padding-top: 5px;
     }
     .services-1 .layer {
         padding-top: 0px;
     }
     .services-1 .pull-right {
         padding: 5px 0;
     }
     .services-1 .page-404 {
         padding-top: 50px 15px;
     }
     .services-1 .affixx .sidenav {
         padding-right: 15px;
     }
     .services-1 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-1 .careate img {
         width: 100%;
     }
     .services-1 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .services-1 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-1 .layer {
         padding-top: 62px;
     }
     .services-1 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .services-1 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .services-1 .container_header {
         top: 75%;
     }
     .services-1 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .services-1 .container_header .breadcrumb .active {
         width: auto;
     }
     .services-1 .blog .pagination li .prev {
         width: 80px;
     }
     .services-1 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-1 .pricing-table .center-mode {
         padding-bottom: 50px;
     }
     .services-1 .pricing-table {
         padding-top: 50px;
     }
     .services-1 .servic .col-md-12 p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 768px) {
     .services-1 .affixx .logo {
         padding-left: 15px;
     }
     .services-1 .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media (min-width: 767px) and (max-width: 900px) {
     .services-1 .brand .brand_logo .brand-logo img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .services-1 .brand .brand_logo .clear-left {
         clear: left;
     }
     .services-1 .brand .brand_logo .brand-logo {
         width: 33.3333%;
         text-align: center;
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 680px) {
     .services-1 .brand .brand_logo {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-1 .brand .brand_logo .brand-logo {
         width: 100%;
         text-align: center;
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-1 .video-skills .video .helo .button_play {
         padding: 30px;
     }
 }

 .services-2 {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .services-2 body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
     overflow: visible !important;
 }

 .services-2 .compensate-for-scrollbar {
     margin-right: 0 !important;
 }

 .services-2 * {
     box-sizing: border-box;
 }

 .services-2 .sidenav a:hover {
     color: #b6aeae;
 }

 .services-2 .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .services-2 .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .services-2 .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .services-2 .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .services-2 .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .services-2 .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .services-2 .button_rea:hover {
     opacity: 0.7;
 }

 .services-2 .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .services-2 .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .services-2 .layer {
     position: relative;
 }

 .services-2 .layer img {
     width: 100%;
 }

 .services-2 .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .services-2 .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .services-2 .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .services-2 .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .services-2 .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .services-2 .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .services-2 .affixx .sidenav .navbar .nav {
     float: right;
 }

 .services-2 .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .services-2 .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .services-2 .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .services-2 .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .services-2 .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .services-2 .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .services-2 .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .services-2 .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .services-2 .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .services-2 .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .services-2 .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .services-2 .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .services-2 .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .services-2 .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .services-2 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .services-2 .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .services-2 .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .services-2 .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .services-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .services-2 .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .services-2 .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .services-2 .header-mobi {
     display: none;
 }

 .services-2 .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .services-2 .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .services-2 .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .services-2 .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .services-2 .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .services-2 .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .services-2 .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .services-2 .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .services-2 .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .services-2 .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .services-2 .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .services-2 .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .services-2 .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .services-2 .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .services-2 .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .services-2 .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .services-2 .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .services-2 .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .services-2 .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .services-2 .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .services-2 .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .services-2 .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .services-2 .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .services-2 .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .services-2 .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .services-2 .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .services-2 .sidenav a:hover {
     color: #f1f1f1;
 }

 .services-2 .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .services-2 .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .services-2 .child2 {
     margin: 5px 0;
 }

 .services-2 .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .services-2 .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .services-2 .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .services-2 .container_header .breadcrumb {
     background: transparent;
 }

 .services-2 .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .services-2 .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .services-2 .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .services-2 .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .services-2 .video-skills {
     padding: 100px 0;
 }

 .services-2 .video-skills .video {
     padding-left: 0;
     position: relative;
     text-align: center;
 }

 .services-2 .video-skills .video img {
     width: 100%;
 }

 .services-2 .video-skills .video .helo {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .services-2 .video-skills .video .helo .button_play {
     border-radius: 50%;
     background: #f2f2f2;
     width: 85px;
     height: 85px;
     opacity: .6;
     border: none;
     outline: 0;
     transition: all .6s;
     padding: 40px;
     color: #333;
     text-decoration: none !important;
 }

 .services-2 .video-skills .video .helo .button_play i {
     font-size: 18px;
 }

 .services-2 .video-skills .video .helo .button_play:hover {
     opacity: 1;
 }

 .services-2 .video-skills .skills {
     padding-left: 100px;
     padding-right: 40px;
 }

 .services-2 .video-skills .skills h1 {
     font-family: roboto condensed;
     font-size: 48px;
     font-weight: 700;
 }

 .services-2 .video-skills .skills p {
     font-size: 16px;
     color: #909090;
     line-height: 185%;
     padding-top: 10px;
 }

 .services-2 .video-skills .skills .snippets .skill {
     padding-top: 40px;
     padding-bottom: 40px;
 }

 .services-2 .video-skills .skills .snippets .skill h3 {
     font-family: roboto condensed;
     color: #fff;
     font-size: 20px;
     font-weight: 700;
     text-align: center;
 }

 .services-2 .video-skills .skills .snippets .skill .blue {
     width: 100px;
     border-radius: 50%;
     height: 100px;
     line-height: 150px;
     background: none;
     margin: 0 auto;
     box-shadow: none;
     position: relative;
 }

 .services-2 .video-skills .skills .snippets .skill .blue .progress-left {
     left: 0;
     width: 50%;
     background: #f2f2f2;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .services-2 .video-skills .skills .snippets .skill .blue .progress-left .progress-bar {
     width: 100%;
     height: 100%;
     background: none;
     border-width: 5px;
     border-style: solid;
     position: absolute;
     top: 0;
     border-color: #fc6a55;
     animation: loading-2 1.5s linear forwards 1.8s;
     left: 100%;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }

 .services-2 .video-skills .skills .snippets .skill .blue .progress-right {
     background: #f2f2f2;
     right: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .services-2 .video-skills .skills .snippets .skill .blue .progress-right .progress-bar {
     border-color: #fc6a55;
     left: -100%;
     border-top-left-radius: 80px;
     border-bottom-left-radius: 80px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
     animation: loading-1 1.8s linear forwards;
     width: 100%;
     height: 100%;
     background: none;
     border-width: -1px;
     border-style: solid;
     position: absolute;
     top: 0;
 }

 .services-2 .video-skills .skills .snippets .skill .blue:after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 12px solid #fff;
     position: absolute;
     top: 0;
     left: 0;
 }

 .services-2 .video-skills .skills .snippets .skill .blue .progress-value {
     width: 96px;
     height: 96px;
     border-radius: 96%;
     background: #fff;
     font-size: 30px;
     color: #333;
     line-height: 95px;
     text-align: center;
     position: absolute;
     top: 2px;
     left: 2px;
     z-index: 1;
     font-family: roboto condensed;
 }

 .services-2 .video-skills .skills .snippets .skill .yellow {
     width: 100px;
     border-radius: 50%;
     height: 100px;
     line-height: 150px;
     background: none;
     margin: 0 auto;
     box-shadow: none;
     position: relative;
 }

 .services-2 .video-skills .skills .snippets .skill .yellow .progress-left {
     background: #f2f2f2;
     left: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .services-2 .video-skills .skills .snippets .skill .yellow .progress-left .progress-bar {
     width: 100%;
     height: 100%;
     background: none;
     border-width: 5px;
     border-style: solid;
     position: absolute;
     top: 0;
     border-color: #fc6a55;
     animation: loading-3 1.5s linear forwards 1.8s;
     left: 100%;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }

 .services-2 .video-skills .skills .snippets .skill .yellow .progress-right {
     background: #f2f2f2;
     right: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .services-2 .video-skills .skills .snippets .skill .yellow .progress-right .progress-bar {
     border-color: #fc6a55;
     left: -100%;
     border-top-left-radius: 80px;
     border-bottom-left-radius: 80px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
     animation: loading-1 1.8s linear forwards;
     width: 100%;
     height: 100%;
     background: none;
     border-width: -1px;
     border-style: solid;
     position: absolute;
     top: 0;
 }

 .services-2 .video-skills .skills .snippets .skill .yellow:after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 12px solid #fff;
     position: absolute;
     top: 0;
     left: 0;
 }

 .services-2 .video-skills .skills .snippets .skill .yellow .progress-value {
     width: 96px;
     height: 96px;
     border-radius: 96%;
     background: #fff;
     font-size: 30px;
     color: #333;
     line-height: 95px;
     text-align: center;
     position: absolute;
     top: 2px;
     left: 2px;
     z-index: 1;
     font-family: roboto condensed;
 }

 @keyframes loading-1 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(180deg);
         transform: rotate(180deg);
     }
 }

 @keyframes loading-2 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(144deg);
         transform: rotate(144deg);
     }
 }

 @keyframes loading-3 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
     }
 }

 @keyframes loading-4 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(36deg);
         transform: rotate(36deg);
     }
 }

 @keyframes loading-5 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(126deg);
         transform: rotate(126deg);
     }
 }

 .services-2 .cuter {
     background: #f2f2f2;
 }

 .services-2 .cuter .counter {
     padding: 90px 0;
 }

 .services-2 .cuter .counter .counter1 {
     margin-left: 0;
     margin-right: 0;
 }

 .services-2 .cuter .counter .counter1 .col-md-3 p {
     font-size: 14px;
     font-family: roboto condensed;
     color: #333;
     letter-spacing: 1px;
 }

 .services-2 .cuter .counter .counter1 .col-md-3 .counte {
     font-weight: 700;
     font-size: 40px;
     font-family: roboto condensed;
     color: #333;
 }

 .services-2 .cuter .counter .counter1 .col-md-3 span {
     height: 30px;
     border-left: 1px solid #fa6c54;
 }

 .services-2 .who_we_are {
     margin-right: 0;
     margin-left: 0;
     padding: 150px 0;
 }

 .services-2 .who_we_are .weare {
     padding-left: 280px;
     padding-right: 85px;
 }

 .services-2 .who_we_are .weare h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
 }

 .services-2 .who_we_are .weare h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 20px;
     padding-top: 20px;
 }

 .services-2 .who_we_are .weare p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
 }

 .services-2 .who_we_are .weare .bar .skills_bar {
     width: 100%;
     background-color: #909090;
 }

 .services-2 .who_we_are .weare .bar .skills_bar .html {
     width: 92%;
     background-color: #fc6a55;
     height: 5px;
 }

 .services-2 .who_we_are .weare .bar .skills_bar .html1 {
     width: 80%;
     background-color: #fc6a55;
     height: 5px;
 }

 .services-2 .who_we_are .weare .bar .skills_bar .html2 {
     width: 70%;
     background-color: #fc6a55;
     height: 5px;
 }

 .services-2 .who_we_are .weare .bar p {
     font-size: 16px;
     font-weight: 400;
     line-height: 185%;
     color: #909090;
     padding-top: 20px;
     padding-bottom: 40px;
 }

 .services-2 .who_we_are .weare .bar p span {
     float: right;
 }

 .services-2 .who_we_are .col-md-6 .detop img {
     width: 100%;
 }

 .services-2 .pricing-table {
     background: #f2f2f2;
     padding-top: 150px;
 }

 .services-2 .pricing-table .our_pri h5 {
     color: #909090;
     font-weight: 700;
     font-family: roboto condensed;
     letter-spacing: 2px;
     text-align: center;
 }

 .services-2 .pricing-table .our_pri h1 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 50px;
     padding-bottom: 70px;
     padding-top: 20px;
     text-align: center;
 }

 .services-2 .pricing-table .center-mode {
     padding-bottom: 150px;
 }

 .services-2 .pricing-table .center-mode .months2 {
     border-right: 1px solid #f2f2f2;
     border-left: 1px solid #f2f2f2;
 }

 .services-2 .pricing-table .center-mode .months {
     transition: all .5s;
     background: #fff;
     padding: 50px;
 }

 .services-2 .pricing-table .center-mode .months p {
     font-size: 16px;
     color: #909090;
     border-bottom: 1px solid #f2f2f2;
     padding-bottom: 20px;
 }

 .services-2 .pricing-table .center-mode .months:hover {
     background: #202737;
     margin-top: -5%;
     padding-top: 10%;
     padding-bottom: 10%;
     color: #fff;
 }

 .services-2 .pricing-table .center-mode .months:hover li,
 .services-2 .pricing-table .center-mode .months:hover i,
 .services-2 .pricing-table .center-mode .months:hover p {
     color: #fff;
 }

 .services-2 .pricing-table .center-mode .months h5 {
     font-weight: 700;
     font-family: roboto condensed;
     color: #fc6a55;
 }

 .services-2 .pricing-table .center-mode .months h1 {
     font-weight: 700;
     font-family: roboto condensed;
 }

 .services-2 .pricing-table .center-mode .months h1 span {
     font-size: 50px;
 }

 .services-2 .pricing-table .center-mode .months ul {
     padding-top: 20px;
     -webkit-padding-start: 0;
 }

 .services-2 .pricing-table .center-mode .months ul li {
     color: #909090;
     font-size: 18px;
     font-family: roboto condensed;
     padding-top: 10px;
     list-style: none;
 }

 .services-2 .pricing-table .center-mode .months ul li i {
     margin-right: 10px;
 }

 .services-2 .testimonials-img img {
     width: 100% !important;
 }

 .services-2 .services {
     padding: 150px 15px;
     z-index: 1;
     text-align: center;
     padding-left: 15px;
     padding-right: 15px;
 }

 .services-2 .services div {
     padding: 0;
 }

 .services-2 .services .pos {
     width: 100%;
     z-index: 1;
     transition: all .4s;
 }

 .services-2 .services .pos .so {
     position: absolute;
     font-size: 150px;
     font-family: roboto condensed;
     font-weight: 700;
     opacity: 0.1;
     margin-top: -38px;
     width: 100%;
     padding-top: 40px;
 }

 .services-2 .services .pos .product {
     padding-top: 107px;
     padding-bottom: 53px;
     background: #fff;
     border: 1px solid #f2f2f2;
 }

 .services-2 .services .pos .product span {
     background-image: url(../img/Shape-7.png);
     height: 55px;
     width: 70px;
     display: inline-block;
 }

 .services-2 .services .pos .product p {
     color: #909090;
     font-size: 16px;
     line-height: 185%;
     padding: 0 30px;
 }

 .services-2 .services .design {
     padding-top: 103px;
     padding-bottom: 55px;
     background: #fc6a55;
     color: #fff;
 }

 .services-2 .services .design span {
     background-image: url(../img/Shape-6.png);
     height: 59px;
     width: 56px;
     display: inline-block;
 }

 .services-2 .services .design p {
     color: #fff;
     font-size: 16px;
     line-height: 185%;
     padding: 0 30px;
 }

 .services-2 .services .testing {
     padding-top: 94px;
     padding-bottom: 55px;
     background: #202737;
     color: #fff;
 }

 .services-2 .services .testing .so {
     color: #fff;
 }

 .services-2 .services .testing span {
     background-image: url(../img/Shape-5.png);
     height: 68px;
     width: 69px;
     display: inline-block;
 }

 .services-2 .services .testing p {
     color: #fff;
     font-size: 16px;
     line-height: 185%;
     padding: 0 30px;
 }

 .services-2 .services .tes .so {
     color: #fff;
 }

 .services-2 .services h3 {
     padding-bottom: 15px;
     padding-top: 3px;
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 20px;
 }

 .services-2 .brand {
     text-align: center;
     border-top: 1px solid #f2f2f2;
 }

 .services-2 .brand .brand_logo {
     padding: 90px 0;
 }

 .services-2 .brand .brand-logo {
     width: 20%;
 }

 .services-2 .brand .brand-logo .logo1 {
     padding-top: 25px;
 }

 .services-2 .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .services-2 .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .services-2 .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .services-2 .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .services-2 .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .services-2 .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .services-2 .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .services-2 .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .services-2 .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .services-2 .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .services-2 .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .services-2 .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .services-2 .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .services-2 .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .services-2 .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .services-2 .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .services-2 .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .services-2 .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .services-2 .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .services-2 .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .services-2 .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .services-2 .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .services-2 .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .services-2 .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .services-2 .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .services-2 .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .services-2 .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .services-2 .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .services-2 .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .services-2 .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .services-2 .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .services-2 .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .services-2 .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     outline: 0;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .services-2 .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .services-2 .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .services-2 .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .services-2 .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .services-2 .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .services-2 .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 1024px) {
     .services-2 .services {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-2 .services .pos .product p {
         font-size: 14px;
         line-height: 150%;
     }
 }

 @media screen and (max-width: 1360px) {
     .services-2 .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .services-2 .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .services-2 .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .services-2 .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .services-2 .who_we_are .weare {
         padding-left: 100px;
     }
     .services-2 .sile1 .we_are {
         padding-right: 30px;
     }
     .services-2 .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-2 .sile1 .we_are h1 {
         font-size: 50px;
     }
     .services-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .services-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .services-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .services-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .services-2 .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .services-2 .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .services-2 .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-2 .team {
         padding: 50px 0;
     }
     .services-2 .unlimited {
         padding-bottom: 50px;
     }
     .services-2 .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-2 .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .services-2 .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .services-2 .servic .development {
         border: none;
     }
     .services-2 .servic .appdevelopment {
         border: none;
     }
     .services-2 .servic .marketing {
         border: none;
     }
     .services-2 .servic .design {
         border: none;
     }
     .services-2 .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .services-2 .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .services-2 .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .services-2 .sile1 .we_are {
         padding-right: 10px;
     }
     .services-2 .porfolio .blanc {
         padding-right: 0;
     }
     .services-2 .porfolio .mock {
         padding-left: 0;
     }
     .services-2 .what1 .js-click-product {
         height: 120px;
     }
     .services-2 .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .services-2 .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .services-2 .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .services-2 .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .services-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .services-2 .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .services-2 .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .services-2 .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .services-2 .pricing-table {
         padding-top: 100px;
     }
     .services-2 .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .services-2 .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .services-2 .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .services-2 .sile1 {
         width: 100%;
     }
     .services-2 .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .services-2 .servic .creation {
         padding-top: 19px;
     }
     .services-2 .servic .design {
         padding: 15px;
     }
     .services-2 .servic .appdevelopment {
         padding: 15px;
     }
     .services-2 .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .services-2 .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .services-2 .pricing-table {
         padding-top: 50px;
     }
     .services-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .services-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .services-2 .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-2 .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .services-2 .what1 .main-img .slick-slide {
         display: none;
     }
     .services-2 .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .services-2 .porfolio .blanc img {
         width: 100%;
     }
     .services-2 .sile1 {
         width: 97%;
     }
     .services-2 .servic .col-md-4 {
         padding-left: 15px;
     }
     .services-2 .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .services-2 .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .services-2 .slick-slider .slick-track {
         width: 250px;
     }
     .services-2 .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .services-2 .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .services-2 .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .services-2 .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .services-2 .pull-right {
     cursor: pointer;
 }

 .services-2 * {
     outline: none !important;
 }

 .services-2 .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .services-2 .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .services-2 .create {
         padding: 117px 30px;
     }
     .services-2 .careate .carea .cust {
         padding: 15px 10px;
     }
     .services-2 .carea {
         padding: 40px 80px;
     }
     .services-2 .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .services-2 .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .services-2 .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .services-2 .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .services-2 .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .services-2 .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .services-2 .affixx .navba {
         padding-left: 5px;
     }
     .services-2 .phone_top {
         padding-right: 5px;
     }
     .services-2 .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .services-2 .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .services-2 .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-2 .feedback .feeb {
         font-size: 200px;
     }
     .services-2 .affixx .navba {
         padding-left: 15px;
     }
     .services-2 .phone_top {
         padding-right: 15px;
     }
     .services-2 .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .services-2 .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .services-2 .we_are {
         padding: 0 50px;
     }
     .services-2 .careate .carea .cust {
         padding: 10px 10px;
     }
     .services-2 .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .services-2 .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .services-2 .cust h1 {
         padding-bottom: 0;
     }
     .services-2 .cust p {
         line-height: 150%;
     }
     .services-2 .button_see {
         margin-top: 27px;
     }
     .services-2 .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .services-2 .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .services-2 .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .services-2 .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .services-2 .footer .full-container {
         padding: 0 15px;
     }
     .services-2 .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .services-2 .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-2 .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-2 .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .services-2 .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .services-2 .contacts .contact {
         padding: 20px 0;
     }
     .services-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .services-2 .feedback .slide_main .test {
         padding-top: 50px;
     }
     .services-2 .phone_top {
         padding-top: 0;
     }
     .services-2 .phone_top .pull-right {
         padding: 5px;
     }
     .services-2 .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .services-2 .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .services-2 .affixx .sidenav .navbar .nav {
         float: none;
     }
     .services-2 .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .services-2 .affixx {
         padding-bottom: 10px !important;
     }
     .services-2 .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .services-2 .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .services-2 .header-lap {
         display: none;
     }
     .services-2 .header-mobi {
         display: block;
     }
     .services-2 .feedback {
         padding-bottom: 50px;
     }
     .services-2 .cust h1 {
         font-size: 30px;
     }
     .services-2 .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .services-2 .all-pro span {
         margin-right: 5px;
     }
     .services-2 .phone_top span {
         display: none;
     }
     .services-2 .phone_top .phonee {
         display: none;
     }
     .services-2 .who_we_are {
         padding: 50px 0;
     }
     .services-2 .blog {
         padding: 50px 0;
     }
     .services-2 .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .services-2 .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-2 .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .services-2 .who_we_are .we_01 {
         padding: 0 15px;
     }
     .services-2 .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .services-2 .porfolio .col-md-8 {
         padding-left: 0;
     }
     .services-2 .feedback .feeb {
         font-size: 130px;
     }
     .services-2 .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .services-2 .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .services-2 .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .services-2 .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .services-2 .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .services-2 .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .services-2 .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .services-2 .links ul {
         -webkit-padding-start: 0px;
     }
     .services-2 .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .services-2 .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .services-2 .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .services-2 .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .services-2 .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .services-2 .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .services-2 .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .services-2 .servic {
         padding-top: 50px;
     }
     .services-2 .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .services-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .services-2 .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .services-2 .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .services-2 .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .services-2 .row_top div p {
         line-height: 170%;
     }
     .services-2 .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .services-2 .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .services-2 .slide_main .test {
         padding-top: 100px;
     }
     .services-2 .img_porfolio .col-md-4 {
         width: 50%;
     }
     .services-2 .servic .col-md-4 {
         width: 50%;
     }
     .services-2 .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .services-2 .blog .col-md-4 {
         width: 33.33333%;
     }
     .services-2 .button_see {
         margin-top: 10px;
     }
     .services-2 .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .services-2 .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .services-2 .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .services-2 .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .services-2 .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .services-2 .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .services-2 .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .services-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .services-2 .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .services-2 * h1 {
         font-size: 36px !important;
     }
     .services-2 .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .services-2 .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .services-2 .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .services-2 .feedback .feeb {
         font-size: 100px;
     }
     .services-2 .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .services-2 .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .services-2 .who_we_are .who_are p {
         font-size: 14px;
     }
     .services-2 .careate .carea .cust h1 {
         font-size: 36px;
     }
     .services-2 .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .services-2 .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .services-2 .feedback .slide_main .test p {
         font-size: 36px;
     }
     .services-2 .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .services-2 .cuter .counter {
         padding: 50px 0 0 0;
     }
     .services-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .services-2 .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .services-2 .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .services-2 .porfolio {
         padding: 50px 0px;
     }
     .services-2 .button-proje {
         width: 210px;
     }
     .services-2 .video .row_video .video1>p {
         font-size: 24px;
     }
     .services-2 .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .services-2 .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .services-2 .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .footer #googlemap1 {
         height: 400px;
     }
     .services-2 .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .services-2 .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-2 .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .services-2 .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .services-2 .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .services-2 .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .services-2 .side .navbar .list-group-item button {
         top: 0;
     }
     .services-2 .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .services-2 .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .services-2 .base {
         margin-left: 0 !important;
     }
     .services-2 .baseright {
         margin-left: 0 !important;
     }
     .services-2 .sile1 {
         top: 60%;
     }
     .services-2 .affixx {
         background: #333 !important;
     }
     .services-2 .affixx {
         padding-top: 20px !important;
     }
     .services-2 .feedback .feeb {
         font-size: 70px;
     }
     .services-2 .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .services-2 .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .services-2 .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .services-2 .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .services-2 .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .services-2 .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .services-2 .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .services-2 .servic .col-md-12 p {
         font-size: 24px;
     }
     .services-2 .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .services-2 .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .services-2 .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .services-2 .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .services-2 .button_see {
         margin-top: 0;
     }
     .services-2 .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .services-2 .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .services-2 .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .services-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .services-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .services-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .services-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .services-2 .feedback .slide_main .test p {
         font-size: 24px;
     }
     .services-2 .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .services-2 * h1 {
         font-size: 24px !important;
     }
     .services-2 .affixx {
         position: inherit !important;
     }
     .services-2 .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-2 .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .services-2 .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .services-2 .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .services-2 .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .services-2 .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .services-2 .img_porfolio .col-md-4 {
         width: 100%;
     }
     .services-2 .feedback .feeb {
         letter-spacing: 6px;
     }
     .services-2 .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .services-2 .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .services-2 .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .services-2 .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .services-2 .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .services-2 .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .services-2 .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .services-2 .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .services-2 .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .services-2 .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .services-2 .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .services-2 .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .services-2 .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .services-2 .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .services-2 .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .services-2 .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .services-2 .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .services-2 .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .services-2 .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .services-2 .servic .identity {
         padding-top: 20px;
     }
     .services-2 .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .services-2 .porfolio .nav_main {
         float: left;
     }
     .services-2 .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .services-2 .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .services-2 .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .services-2 .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .services-2 .who_we_are .weare {
         padding-left: 50px;
     }
     .services-2 .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .services-2 .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .services-2 .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .services-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .services-2 .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .services-2 .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .services-2 .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .services-2 .video-skills .skills {
         padding: 0 15px;
     }
     .services-2 .contacts .contact p {
         font-size: 24px;
     }
     .services-2 .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-2 .about .about-we h1 {
         font-size: 40px;
     }
     .services-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .services-2 .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .services-2 .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-2 .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .services-2 .cooperate .logo-brand img {
         width: 100%;
     }
     .services-2 .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .services-2 .cooperate {
         padding-top: 50px;
     }
     .services-2 .talk-to .row {
         padding: 50px 0;
     }
     .services-2 .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .services-2 .sile1 .we_are {
         padding-right: 0;
     }
     .services-2 .about {
         top: 0;
         padding: 30px 0;
     }
     .services-2 .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .services-2 .about .about-we {
         padding-left: 30px;
     }
     .services-2 .about .corem-ipsum {
         padding-right: 30px;
     }
     .services-2 .about .corem-ipsum p {
         line-height: 150%;
     }
     .services-2 .contacts .contact {
         text-align: center;
     }
     .services-2 .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .services-2 .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .services-2 .video-skills .video {
         padding-left: 15px;
     }
     .services-2 .video-skills {
         padding-bottom: 50px;
     }
     .services-2 .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .services-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .services-2 .contacts .contact p {
         font-size: 20px;
     }
     .services-2 .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .services-2 .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .services-2 .about .corem-ipsum {
         padding-left: 30px;
     }
     .services-2 .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .services-2 .cooperate .logo-brand {
         text-align: center;
     }
     .services-2 .cooperate .logo-brand img {
         width: initial;
     }
     .services-2 .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .services-2 .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .services-2 .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .services-2 .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-2 .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .services-2 .button1 .vuong {
         background: transparent !important;
     }
     .services-2 .button1 span {
         background: #fff !important;
     }
     .services-2 .phone_top .pull-right i {
         color: #fff !important;
     }
     .services-2 .sile1 {
         width: 65%;
     }
     .services-2 .about .corem-ipsum p {
         font-size: 14px;
     }
     .services-2 .case-center .case-studies p {
         font-size: 14px;
     }
     .services-2 .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .slick-dots {
         bottom: -50px !important;
     }
     .services-2 .cooperate {
         padding-top: 50px;
     }
     .services-2 .who_we_are .weare {
         padding-bottom: 0;
     }
     .services-2 .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .services-2 .button-contact button {
         height: 40px;
     }
     .services-2 .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .services-2 .cooperate .logo-brand img {
         width: 100%;
     }
     .services-2 .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .services-2 .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .services-2 .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .talk-to .input-contact input {
         font-size: 14px;
     }
     .services-2 .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-2 .servic .col-md-4 {
         padding-left: 30px;
     }
     .services-2 .button1 .vuong {
         background: transparent !important;
     }
     .services-2 .button1 span {
         background: #fff !important;
     }
     .services-2 .phone_top .pull-right i {
         color: #fff !important;
     }
     .services-2 .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .services-2 .sile1 {
         width: 95%;
         left: 5%;
     }
     .services-2 .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .services-2 .cooperate .logo-brand img {
         width: initial;
     }
     .services-2 .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .services-2 .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .services-2 .cases .read-mode {
         width: 100%;
     }
     .services-2 .row_top {
         width: 100%;
     }
     .services-2 .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .services-2 .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .services-2 .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .services-2 .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .services-2 .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .services-2 .contacts .contact p {
         font-size: 24px;
     }
     .services-2 .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-2 .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .services-2 .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .services-2 .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .services-2 .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-2 .testimonials-img img {
         width: 100%;
     }
     .services-2 .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .services-2 .cooperate {
         padding-top: 50px;
     }
     .services-2 .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-2 .contacts .contact {
         text-align: center;
     }
     .services-2 .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .services-2 .testimonials {
         padding-bottom: 50px;
     }
     .services-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .services-2 .contacts .contact p .circle img {
         width: 8%;
     }
     .services-2 .contacts .contact p {
         font-size: 20px;
     }
     .services-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .services-2 .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-2 .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .services-2 .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .services-2 .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .services-2 .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .services-2 .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-2 .gallery .col-md-4 {
         width: 100%;
     }
     .services-2 .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .services-2 .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .services-2 .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .services-2 .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .services-2 .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .services-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .services-2 .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .services-2 .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .services-2 .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .services-2 .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .services-2 .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-2 .affixx {
         padding-top: 15px !important;
     }
     .services-2 .pull-right {
         padding-top: 5px;
     }
     .services-2 .layer {
         padding-top: 0px;
     }
     .services-2 .pull-right {
         padding: 5px 0;
     }
     .services-2 .page-404 {
         padding-top: 50px 15px;
     }
     .services-2 .affixx .sidenav {
         padding-right: 15px;
     }
     .services-2 .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .services-2 .careate img {
         width: 100%;
     }
     .services-2 .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .services-2 .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-2 .layer {
         padding-top: 62px;
     }
     .services-2 .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .services-2 .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .services-2 .container_header {
         top: 75%;
     }
     .services-2 .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .services-2 .container_header .breadcrumb .active {
         width: auto;
     }
     .services-2 .blog .pagination li .prev {
         width: 80px;
     }
     .services-2 .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .services-2 .pricing-table .center-mode {
         padding-bottom: 50px;
     }
     .services-2 .pricing-table {
         padding-top: 50px;
     }
     .services-2 .servic .col-md-12 p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 768px) {
     .services-2 .affixx .logo {
         padding-left: 15px;
     }
     .services-2 .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media (min-width: 767px) and (max-width: 900px) {
     .services-2 .brand .brand_logo .brand-logo img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .services-2 .brand .brand_logo .clear-left {
         clear: left;
     }
     .services-2 .brand .brand_logo .brand-logo {
         width: 33.3333%;
         text-align: center;
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 680px) {
     .services-2 .brand .brand_logo {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 568px) {
     .services-2 .brand .brand_logo .brand-logo {
         width: 100%;
         text-align: center;
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 480px) {
     .services-2 .video-skills .video .helo .button_play {
         padding: 30px;
     }
 }

 .page-team {
     /*------------------------------------
    [Table of contents]
    1. Body
    2. Header / #header
    3. Navigation / #navbar
    4. Content / #content
    5. Sidebar / #sidebar
    6. Search / #search
    7. Footer / #footer
    
  --------------------------------------*/
     /*mobi*/
     /*end*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
     /*------------------------------------
  	[Table of contents]
  	1. Body
  	2. Header / #header
  	3. Navigation / #navbar
  	4. Content / #content
  	5. Sidebar / #sidebar
  	6. Search / #search
  	7. Footer / #footer
  	
  --------------------------------------*/
 }

 .page-team body {
     font-family: Roboto;
     margin: auto;
     padding: 0px;
 }

 .page-team * {
     box-sizing: border-box;
 }

 .page-team .sidenav a:hover {
     color: #b6aeae;
 }

 .page-team .button_see {
     padding-left: 20px;
     margin-top: 40px;
     width: 210px;
     height: 60px;
     background: #fc6a55;
     border: none;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     font-family: roboto condensed;
 }

 .page-team .button_see span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .page-team .button_see:hover {
     background: #f45740;
     color: #f2f2f2;
 }

 .page-team .button_see:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .page-team .xoay {
     transition: all 0.4s ease 0s;
     position: absolute !important;
     right: 6px;
 }

 .page-team .button_rea {
     background: transparent;
     color: #fc6955;
     font-family: roboto condensed;
     padding-left: 0;
     margin-top: 17px;
     width: 135px;
     height: 60px;
     border: none;
     text-align: left;
     font-weight: 700;
     position: relative;
     outline: 0;
 }

 .page-team .button_rea:hover {
     opacity: 0.7;
 }

 .page-team .button_rea span {
     background: #fc6955;
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
 }

 .page-team .button_rea:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .page-team .layer {
     position: relative;
 }

 .page-team .layer img {
     width: 100%;
 }

 .page-team .affix {
     z-index: 9999 !important;
     width: 100%;
 }

 .page-team .affixx {
     position: absolute;
     top: 60px;
     width: 100%;
     z-index: 1;
 }

 .page-team .affixx .logo {
     padding-left: 80px;
     float: left;
 }

 .page-team .affixx .logo span {
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .page-team .affixx .sidenav {
     float: right;
     padding-right: 80px;
 }

 .page-team .affixx .sidenav .navbar {
     padding-left: 0;
     border: none;
     background: transparent;
 }

 .page-team .affixx .sidenav .navbar .nav {
     float: right;
 }

 .page-team .affixx .sidenav .navbar .nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .page-team .affixx .sidenav .navbar .nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .page-team .affixx .sidenav .navbar .nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 170px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -30px;
 }

 .page-team .affixx .sidenav .navbar .nav li .dacap li {
     padding: 10px 5px;
 }

 .page-team .affixx .sidenav .navbar .nav li .dacap li:hover {
     border: none;
 }

 .page-team .affixx .sidenav .navbar .nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .page-team .affixx .sidenav .navbar .nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
 }

 .page-team .affixx .sidenav .navbar .nav li:hover {
     border-bottom: 1px solid #fc6955;
 }

 .page-team .affixx .sidenav .navbar .nav li a {
     color: #fff;
     font-family: roboto condensed;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
     letter-spacing: 2px;
 }

 .page-team .affixx .sidenav .navbar .nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .page-team .affixx .sidenav .navbar .nav .active a:hover {
     background: transparent;
 }

 .page-team .affixx .sidenav .navbar .nav .pull-right {
     cursor: pointer;
     padding: 15px;
 }

 .page-team .affixx .sidenav .navbar .nav .pull-right .search-popup i {
     color: #fff;
     font-size: 18px;
 }

 .page-team .modal {
     background: #fff;
     z-index: 10041 !important;
     padding: 0 !important;
 }

 .page-team .modal .modal-dialog {
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .page-team .modal .modal-dialog .modal-content {
     border: none;
     box-shadow: none;
     background: transparent;
     margin: auto;
     padding: 20px;
     width: 100% !important;
     border-radius: inherit;
 }

 .page-team .modal .modal-dialog .modal-content .modal-header {
     padding-top: 20px;
     padding-left: 0;
     padding-right: 0;
     margin: 0 15px;
     border: none;
 }

 .page-team .modal .modal-dialog .modal-content .modal-header .close {
     font-size: 50px;
     width: 50px;
     outline: none;
     color: #333;
     opacity: 1;
 }

 .page-team .modal .modal-dialog .modal-content .modal-header .modal-title {
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     padding: 50px 0;
 }

 .page-team .modal .modal-dialog .modal-content .modal-body {
     width: 50%;
     margin: auto;
 }

 .page-team .modal .modal-dialog .modal-content .input-group {
     width: 100%;
     border-bottom: 2px solid #f2f2f2;
 }

 .page-team .modal .modal-dialog .modal-content .input-group .form-control {
     box-shadow: none;
     border: none;
     height: 50px;
     font-size: 30px;
     font-weight: 400;
 }

 .page-team .modal .modal-dialog .modal-content .input-group .form-control:focus {
     box-shadow: none;
     border-color: transparent;
 }

 .page-team .modal .modal-dialog .modal-content .input-group .button_search:hover i {
     color: #a18e8e;
 }

 .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn {
     box-shadow: none;
     position: absolute;
     display: inline-block;
     top: 0px;
     right: -2px;
     width: 140px;
     line-height: 40px;
     z-index: 9999;
     background: #fc6a55;
     transition: all .4s;
 }

 .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn:hover {
     background: #f45740;
 }

 .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
     width: 140px;
     font-weight: 700;
     font-size: 16px;
     color: #fff;
 }

 .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn:active {
     box-shadow: none;
 }

 .page-team .modal .modal-dialog .modal-content .input-group .input-group-btn:last-child .btn-group {
     height: 50px;
     border: none;
     background: transparent;
     outline: 0;
     cursor: pointer;
 }

 .page-team .header-mobi {
     display: none;
 }

 .page-team .header-mobi .pull-right i {
     font-size: 18px;
     color: #fff;
     padding: 13px 25px 10px 15px;
 }

 .page-team .side {
     height: 100%;
     position: fixed;
     z-index: 10;
     background-color: #fff;
     overflow-x: hidden;
     transition: .5s;
     visibility: hidden;
     top: 0;
     width: 470px;
     right: -470px;
     opacity: 1;
     padding-top: 40px;
     padding-left: 70px;
     padding-bottom: 40px;
     box-shadow: rgba(0, 0, 0, 0.05) -3px 20px 10px;
 }

 .page-team .side .navbar {
     border: none;
     background: transparent;
     margin: auto;
 }

 .page-team .side .navbar .navbar-nav li {
     margin-left: 14px;
     margin-right: 14px;
 }

 .page-team .side .navbar .navbar-nav li:hover ul {
     height: auto;
     visibility: visible;
     opacity: 1;
     overflow: visible;
     top: 103%;
     transition: all 0.4s;
 }

 .page-team .side .navbar .navbar-nav li .dacap {
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0;
     border: 1px solid #e9e9e9;
     list-style: none;
     height: 0px;
     top: 150%;
     visibility: hidden;
     overflow: hidden;
     opacity: 0;
     width: 160px;
     border-bottom: 1px solid;
     z-index: 1;
     position: absolute;
     margin-left: -20px;
 }

 .page-team .side .navbar .navbar-nav li .dacap li {
     padding: 10px 5px;
 }

 .page-team .side .navbar .navbar-nav li .dacap li:hover {
     border: none;
 }

 .page-team .side .navbar .navbar-nav li .dacap li a {
     height: 0px;
     font-family: roboto condensed;
     font-weight: 500;
     color: #909090;
     transition: 0.3s;
     font-size: 14px;
 }

 .page-team .side .navbar .navbar-nav li .dacap li a:hover {
     border: 0;
     text-decoration: none;
     color: #b6aeae;
     opacity: .7;
 }

 .page-team .side .navbar .navbar-nav li a {
     color: #333;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 0;
     padding-left: 0;
 }

 .page-team .side .navbar .navbar-nav li a:hover {
     color: #998f8e;
     text-decoration: none;
 }

 .page-team .side .navbar .navbar-nav .active {
     border-bottom: 1px solid #fc6955;
 }

 .page-team .side .navbar .navbar-nav .active a:hover {
     background: transparent;
 }

 .page-team .side .navbar .list-group-item {
     width: 330px;
     margin-left: 0 !important;
     background: transparent;
     color: #333;
     border: none;
     font-weight: 700;
     padding: 15px;
 }

 .page-team .side .navbar .list-group-item button {
     background: transparent;
     border: none;
     outline: 0;
     float: right;
     position: relative;
     top: 5px;
     padding: 10px;
 }

 .page-team .side .navbar .list-group-item button span {
     display: block;
     width: 10px;
     background: #333;
     transition: all 0.3s ease 0s;
     position: relative;
     height: 2px;
 }

 .page-team .side .navbar .list-group-item button .chid {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-team .side .navbar .list-group-item button .chid1 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-team .side .navbar .list-group-item button .chid2 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-team .side .navbar .list-group-item button .chid3 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-team .side .navbar .list-group-item button .chid4 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-team .side .navbar .list-group-item button .chid5 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-team .side .navbar .list-group-item button .chid6 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-team .side .navbar .list-group-item button .chid7 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-team .side .navbar .list-group-item button .chid8 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-team .side .navbar .list-group-item button .chid9 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-team .side .navbar .list-group-item button .chid10 {
     transform: translateX(-6px) rotate(45deg);
 }

 .page-team .side .navbar .list-group-item button .chid11 {
     transform: translateY(-2px) rotate(-45deg);
 }

 .page-team .side .navbar .list-group-item .collapsed .chid {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid1 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid2 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid3 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid4 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid5 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid6 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid7 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid8 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid9 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid10 {
     transform: translateX(-6px) rotate(45deg) !important;
 }

 .page-team .side .navbar .list-group-item .collapsed .chid11 {
     transform: translateY(-2px) rotate(-45deg) !important;
 }

 .page-team .side .navbar .list-group-item ul {
     overflow-y: hidden !important;
     transition: 0.5s;
     -webkit-padding-start: 20px;
 }

 .page-team .side .navbar .list-group-item ul li {
     padding: 5px 0;
 }

 .page-team .side li {
     font-size: 18px;
     color: #333;
     transition: 0.3s;
 }

 .page-team .side .phone_top {
     margin-top: 20px;
     color: #333;
     font-size: 16px;
     font-family: roboto condensed;
     font-weight: 300;
 }

 .page-team .side .phone_top .phoneee {
     background-image: url(../img/phone1.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     border-right: none !important;
     padding-left: 0 !important;
     float: left;
     margin-right: 10px;
 }

 .page-team .navbar-inverse .navbar-nav>.active>a {
     background: transparent;
 }

 .page-team .sidenav a:hover {
     color: #f1f1f1;
 }

 .page-team .button1 {
     float: right;
     color: #fff;
     transition: all 0.4s;
     padding-top: 12px;
     padding-left: 15px;
     font-size: 30px;
     cursor: pointer;
 }

 .page-team .button1 span {
     display: block;
     width: 25px;
     height: 3px;
     background: #fff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     position: relative;
 }

 .page-team .child2 {
     margin: 5px 0;
 }

 .page-team .pull-right {
     padding: 10px;
     color: #fff;
     font-size: 18px;
 }

 .page-team .container_header {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .page-team .container_header h1 {
     font-size: 50px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
     padding-bottom: 10px;
 }

 .page-team .container_header .breadcrumb {
     background: transparent;
 }

 .page-team .container_header .breadcrumb li a {
     color: #fff;
     font-size: 16px;
     font-weight: 300;
 }

 .page-team .container_header .breadcrumb li a:hover {
     color: #fc6a55;
     text-decoration: none;
 }

 .page-team .container_header .breadcrumb .active {
     color: #fc6a55;
     font-size: 16px;
     font-weight: 300;
 }

 .page-team .breadcrumb>li+li:before {
     padding: 0 10px;
 }

 .page-team .team1 {
     background: #f2f2f2;
     padding: 150px 0;
 }

 .page-team .team1 .team {
     text-align: center;
     padding: 15px;
 }

 .page-team .team1 .team .img-information {
     background: #fff;
     padding: 10px;
     box-shadow: 0 4px 8px 0 rgba(194, 190, 190, 0.2);
 }

 .page-team .team1 .team .img-information img {
     width: 100%;
 }

 .page-team .team1 .team .img-information .information h5 {
     font-weight: 700;
     font-family: roboto condensed;
     font-size: 20px;
     padding-top: 15px;
 }

 .page-team .team1 .team .img-information .information h4 {
     font-size: 16px;
     color: #909090;
     font-weight: 400;
 }

 .page-team .team1 .team .img-information .information p {
     font-size: 16px;
     color: #909090;
     padding-top: 10px;
     line-height: 185%;
     border-bottom: 1px solid #fc6955;
     padding-bottom: 40px;
 }

 .page-team .team1 .team .img-information .icon {
     padding: 10px;
 }

 .page-team .team1 .team .img-information .icon i {
     transition: all .4s;
     padding: 10px;
     font-size: 18px;
     cursor: pointer;
 }

 .page-team .team1 .team .img-information .icon i:hover {
     opacity: .6;
 }

 .page-team .brand {
     text-align: center;
     border-top: 1px solid #f2f2f2;
 }

 .page-team .brand .brand_logo {
     padding: 90px 0;
 }

 .page-team .brand .brand-logo {
     width: 20%;
 }

 .page-team .brand .brand-logo .logo1 {
     padding-top: 25px;
 }

 .page-team .contacts {
     background: #fc6a55;
 }

 .page-team .contacts .contact {
     padding-bottom: 40px;
     padding-top: 50px;
 }

 .page-team .contacts .contact p {
     font-size: 30px;
     font-family: roboto condensed;
     color: #fff;
 }

 .page-team .contacts .contact p .circle {
     padding-right: 20px;
 }

 .page-team .button_see_contact {
     padding-left: 20px;
     width: 210px;
     height: 60px;
     border: none;
     background: transparent;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     position: relative;
     outline: 0;
     font-family: roboto condensed;
 }

 .page-team .button_see_contact span {
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     float: right;
     margin-top: 10px;
     margin-right: 21px;
     display: inline-block;
     position: relative;
 }

 .page-team .button_see_contact:hover {
     color: #f2f2f2;
 }

 .page-team .button_see_contact:hover .xoay {
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     position: relative;
 }

 .page-team .footer .full-container {
     padding: 0 80px;
     background: #333333;
 }

 .page-team .footer .full-container .footer1 {
     padding-top: 130px;
     border-bottom: 1px solid #474747;
     padding-bottom: 100px;
 }

 .page-team .footer .full-container .footer1 .logo-foo {
     margin-bottom: 60px;
     background-image: url(../img/logo.png);
     height: 47px;
     width: 148px;
     display: inline-block;
 }

 .page-team .footer .full-container .footer1 .logo_footer {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 50px;
 }

 .page-team .footer .full-container .footer1 .logo_footer ul {
     list-style: none;
     -webkit-padding-start: 10px;
 }

 .page-team .footer .full-container .footer1 .logo_footer ul li .loca {
     background-image: url(../img/loca.png);
     height: 20px;
     width: 16px;
     display: inline-block;
     margin-right: 10px;
 }

 .page-team .footer .full-container .footer1 .logo_footer ul li .phone {
     background-image: url(../img/phone.png);
     height: 20px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .page-team .footer .full-container .footer1 .logo_footer ul li .emai {
     background-image: url(../img/emai.png);
     height: 18px;
     width: 20px;
     display: inline-block;
     margin-right: 10px;
 }

 .page-team .footer .full-container .footer1 .logo_footer h5 {
     padding-left: 30px;
     font-size: 16px;
     font-family: roboto condensed;
     color: #909090;
     padding-bottom: 10px;
     line-height: 140%;
 }

 .page-team .footer .full-container .footer1 .logo_footer p {
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     color: #fff;
 }

 .page-team .footer .full-container .footer1 .links {
     display: inline-block;
     padding-right: 100px;
     padding-bottom: 110px;
 }

 .page-team .footer .full-container .footer1 .links p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .page-team .footer .full-container .footer1 .links ul li {
     list-style: none;
     padding: 15px 0;
     border-bottom: 1px solid #474747;
 }

 .page-team .footer .full-container .footer1 .links ul li a {
     color: #909090;
     font-family: roboto condensed;
     font-size: 16px;
 }

 .page-team .footer .full-container .footer1 .links ul li span {
     line-height: 19px;
     display: list-item;
     list-style: none;
     list-style-type: square;
     color: #fd6b54;
     font-size: 16px;
     float: left;
     margin-left: 17px;
 }

 .page-team .footer .full-container .footer1 .links ul .k_border {
     border-bottom: none;
 }

 .page-team .footer .full-container .footer1 .recent_post {
     display: inline-block;
     padding-right: 100px;
 }

 .page-team .footer .full-container .footer1 .recent_post p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     padding-left: 41px;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .page-team .footer .full-container .footer1 .recent_post ul li {
     padding-bottom: 15px;
     padding-top: 7px;
     border-bottom: 1px solid #474747;
 }

 .page-team .footer .full-container .footer1 .recent_post ul li h5 {
     margin-bottom: 5px;
     font-size: 16px;
     color: #909090;
     font-family: roboto condensed;
 }

 .page-team .footer .full-container .footer1 .recent_post ul li a {
     font-size: 16px;
     font-family: roboto condensed;
     color: #fff;
     font-weight: 700;
 }

 .page-team .footer .full-container .footer1 .recent_post ul .k_border {
     border-bottom: none;
 }

 .page-team .footer .full-container .footer1 .newsletter {
     display: inline-block;
     padding-left: 100px;
 }

 .page-team .footer .full-container .footer1 .newsletter p {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     padding-bottom: 60px;
 }

 .page-team .footer .full-container .footer1 .newsletter h4 {
     color: #909090;
     font-size: 16px;
     font-family: roboto condensed;
     list-style: none;
     padding: 15px 0;
 }

 .page-team .footer .full-container .footer1 .newsletter .your {
     width: 100%;
     height: 50px;
     text-align: left;
     background: #323a4d;
     color: #fff;
     outline: 0;
     position: relative;
     border: none;
     font-family: roboto;
     margin-bottom: 15px;
     padding-top: 0px;
     transition: all .3s;
 }

 .page-team .footer .full-container .footer1 .newsletter .your .form-control {
     background: #323a4d;
     border: none;
     font-size: 16px;
     color: #fff;
     height: 100%;
     border-radius: 0;
     box-shadow: none;
     padding: 6px 20px;
 }

 .page-team .footer .full-container .footer1 .newsletter .your .form-control::placeholder {
     color: #fff;
 }

 .page-team .footer .full-container .footer1 .newsletter .your .input-group-btn {
     position: absolute;
     top: 0;
     display: inline-block;
     right: 30px;
 }

 .page-team .footer .full-container .footer1 .newsletter .your .button_search {
     background: transparent;
     border: none;
     height: 50px;
     margin-left: -20px;
 }

 .page-team .footer .full-container .footer1 .newsletter .your .button_search span {
     float: right;
     margin-bottom: 0;
     background-image: url(../img/your.png);
     height: 11px;
     width: 14px;
     display: inline-block;
     margin-right: 15px;
 }

 .page-team .footer .full-container .footer1 .newsletter .your:hover {
     background: #495163;
 }

 .page-team .footer .full-container .footer1 .newsletter .subs {
     padding-left: 20px;
     text-transform: uppercase;
     width: 100%;
     height: 50px;
     text-align: left;
     background: #fc6955;
     color: #fff;
     border: none;
     font-size: 14px;
     font-family: roboto condensed;
     font-weight: 700;
     padding-top: 0;
     transition: all .3s;
     margin-top: 0;
 }

 .page-team .footer .full-container .footer1 .newsletter .subs:hover {
     background: #f45740;
 }

 .page-team .footer .full-container .footer1 .newsletter .subs span {
     float: right;
     background-image: url(../img/line.png);
     height: 1px;
     width: 20px;
     display: inline-block;
     margin-right: 15px;
     margin-top: 10px;
 }

 .page-team .footer .full-container .footer2 {
     padding: 20px 0;
 }

 .page-team .footer .full-container .footer2 .copy {
     color: #909090;
 }

 .page-team .footer .full-container .footer2 .goto {
     text-align: right;
 }

 .page-team .footer .full-container .footer2 .goto span {
     color: #fff;
     font-weight: 700;
     font-family: roboto condensed;
     cursor: pointer;
 }

 @media screen and (max-width: 568px) {
     .page-team .team1 .team .img-information .information h5 {
         font-size: 18px;
     }
     .page-team .team1 .team .img-information .information h4 {
         font-size: 14px;
     }
     .page-team .team1 .team .img-information .information p {
         font-size: 14px;
     }
     .page-team .team1 .team {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-team .affixx {
         padding-bottom: 15px !important;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-team .team1 {
         padding: 50px 0;
     }
 }

 @media screen and (width: 812px) {
     .page-team .brand .brand-logo img {
         width: 100%;
     }
 }

 @media screen and (max-width: 1360px) {
     .page-team .unlimited .website {
         padding: 100px 50px 101px 50px;
     }
     .page-team .unlimited .customer {
         padding: 100px 50px 103px 50px;
     }
     .page-team .unlimited .development {
         padding: 100px 50px 103px 50px;
     }
     .page-team .unlimited .branding {
         padding: 100px 50px 106px 50px;
     }
     .page-team .who_we_are .weare {
         padding-left: 100px;
     }
     .page-team .sile1 .we_are {
         padding-right: 30px;
     }
     .page-team .sile1 .we_are h1 {
         font-size: 66px;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-team .sile1 .we_are h1 {
         font-size: 50px;
     }
     .page-team .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .page-team .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .page-team .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .page-team .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .page-team .who_we_are .weare {
         padding-right: 15px;
         padding-left: 15px;
     }
     .page-team .who_we_are .weare .bar p {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .page-team .servic .row {
         margin-right: 0;
         margin-left: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-team .team {
         padding: 50px 0;
     }
     .page-team .unlimited {
         padding-bottom: 50px;
     }
     .page-team .what1 {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .page-team .sile1 .we_are p {
         font-size: 16px;
         line-height: 170%;
     }
     .page-team .sile1 .row_top .we_are h1 {
         font-size: 40px;
     }
     .page-team .servic .development {
         border: none;
     }
     .page-team .servic .appdevelopment {
         border: none;
     }
     .page-team .servic .marketing {
         border: none;
     }
     .page-team .servic .design {
         border: none;
     }
     .page-team .who_we_are .col-md-6 .detop img {
         padding-bottom: 30px;
     }
     .page-team .what1 .main-img .slick-slide .rul {
         padding: 20px 10px;
     }
     .page-team .pricing-table .center-mode .months {
         padding: 15px;
     }
 }

 @media screen and (max-width: 768px) {
     .page-team .sile1 .we_are {
         padding-right: 10px;
     }
     .page-team .porfolio .blanc {
         padding-right: 0;
     }
     .page-team .porfolio .mock {
         padding-left: 0;
     }
     .page-team .what1 .js-click-product {
         height: 120px;
     }
     .page-team .pricing-table .center-mode .months {
         width: 33.333333%;
     }
     .page-team .pricing-table .center-mode .months ul li {
         font-size: 16px;
     }
     .page-team .pricing-table .center-mode .months p {
         font-size: 12px;
     }
     .page-team .pricing-table .center-mode .months h1 span {
         font-size: 40px;
     }
     .page-team .servic .col-md-12 p {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .page-team .team .team1 h1 {
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .page-team .what1 .whatw h1 {
         font-size: 36px;
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .page-team .pricing-table .our_pri h1 {
         padding-bottom: 30px;
         padding-top: 10px;
     }
     .page-team .pricing-table {
         padding-top: 100px;
     }
     .page-team .team .col-md-12 .button_see {
         margin-top: 50px;
     }
     .page-team .team .col-md-4 {
         width: 33.333%;
     }
 }

 @media screen and (max-width: 680px) {
     .page-team .sile1 {
         width: 60%;
     }
 }

 @media screen and (max-width: 568px) {
     .page-team .sile1 {
         width: 100%;
     }
     .page-team .servic .col-md-4 .backg_home3 p {
         font-size: 14px;
     }
     .page-team .servic .creation {
         padding-top: 19px;
     }
     .page-team .servic .design {
         padding: 15px;
     }
     .page-team .servic .appdevelopment {
         padding: 15px;
     }
     .page-team .what1 .main-img .slick-slide .rul {
         padding: 10px 4px;
     }
     .page-team .what1 .main-img .slick-slide .rul p {
         font-size: 12px;
     }
     .page-team .pricing-table {
         padding-top: 50px;
     }
     .page-team .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .page-team .servic .col-md-12 p {
         font-size: 24px;
     }
     .page-team .who_we_are .weare p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .who_we_are .weare .bar p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-team .what1 .main-img .slick-current.slick-active {
         display: inline-block;
         width: 97% !important;
     }
     .page-team .what1 .main-img .slick-slide {
         display: none;
     }
     .page-team .pricing-table .center-mode .months {
         width: 100%;
         padding-bottom: 60px;
     }
     .page-team .porfolio .blanc img {
         width: 100%;
     }
     .page-team .sile1 {
         width: 97%;
     }
     .page-team .servic .col-md-4 {
         padding-left: 15px;
     }
     .page-team .team .col-md-4 {
         width: 100%;
         padding-bottom: 30px;
     }
     .page-team .what1 .main-img .slick-slide {
         margin: 0 5px;
     }
     .page-team .slick-slider .slick-track {
         width: 250px;
     }
     .page-team .what1 .js-click-product .slick-list {
         padding: 0 !important;
     }
     .page-team .what1 .js-click-product .slick-slide {
         width: 84px !important;
     }
     .page-team .what1 .js-click-product {
         margin-top: 10px;
         height: 100px;
     }
 }

 .page-team .modal-open {
     overflow: visible !important;
     padding: 0 !important;
 }

 .page-team .pull-right {
     cursor: pointer;
 }

 .page-team * {
     outline: none !important;
 }

 .page-team .base {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .page-team .baseright {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 400;
     background-color: #fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 @media screen and (max-width: 1680px) {
     .page-team .create {
         padding: 117px 30px;
     }
     .page-team .careate .carea .cust {
         padding: 15px 10px;
     }
     .page-team .carea {
         padding: 40px 80px;
     }
     .page-team .feedback .feeb {
         letter-spacing: 0;
         font-size: 300px;
     }
     .page-team .porfolio .col-md-pull-8 {
         padding: 0 40px;
         padding-top: 108px;
         padding-bottom: 120px;
     }
     .page-team .footer .full-container .footer1>.links {
         padding-right: 15px;
     }
     .page-team .footer .full-container .footer1>.logo_footer {
         padding-right: 15px;
     }
     .page-team .footer .full-container .footer1>.recent_post {
         padding-right: 15px;
     }
     .page-team .footer .full-container .footer1>.newsletter {
         padding-left: 15px;
     }
     .page-team .affixx .navba {
         padding-left: 5px;
     }
     .page-team .phone_top {
         padding-right: 5px;
     }
     .page-team .careate .carea {
         padding: 60px;
     }
 }

 @media screen and (max-width: 1360px) {
     .page-team .counter1 .col-md-3 {
         padding-left: 8%;
     }
     .page-team .careate .carea {
         padding: 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-team .feedback .feeb {
         font-size: 200px;
     }
     .page-team .affixx .navba {
         padding-left: 15px;
     }
     .page-team .phone_top {
         padding-right: 15px;
     }
     .page-team .navbar-inverse .navbar-nav>li>a {
         padding-left: 11px;
         padding-right: 11px;
     }
     .page-team .sile1 .row_top .we_are h1 {
         padding: 0;
     }
     .page-team .we_are {
         padding: 0 50px;
     }
     .page-team .careate .carea .cust {
         padding: 10px 10px;
     }
     .page-team .careate .carea .cust h1 {
         font-size: 36px;
         padding-top: 0;
         padding-bottom: 0;
     }
     .page-team .careate .carea .cust p {
         line-height: 150%;
         margin-bottom: 0;
     }
     .page-team .cust h1 {
         padding-bottom: 0;
     }
     .page-team .cust p {
         line-height: 150%;
     }
     .page-team .button_see {
         margin-top: 27px;
     }
     .page-team .feedback .slide_main .test p {
         padding-bottom: 30px;
     }
     .page-team .porfolio .col-md-pull-8 {
         padding: 54px 15px;
     }
     .page-team .footer .full-container .footer1 .logo_footer {
         padding-right: 15px;
     }
     .page-team .footer .full-container .footer1 .newsletter {
         padding-left: 15px;
     }
     .page-team .footer .full-container {
         padding: 0 15px;
     }
     .page-team .affixx {
         top: 0px !important;
         padding-top: 20px;
     }
     .page-team .porfolio {
         padding: 80px 15px;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-team .affixx .navba .navbar-inverse .navbar-nav li {
         margin-left: 7px;
         margin-right: 7px;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-team .footer .full-container .footer1 .newsletter .your .button_search {
         z-index: 0;
     }
     .page-team .footer .full-container .footer1 {
         padding-bottom: 50px;
         padding-top: 50px;
     }
     .page-team .contacts .contact {
         padding: 20px 0;
     }
     .page-team .affixx .logo span {
         background-image: url(../img/logo-mobi.png);
         height: 32px;
         width: 104px;
         display: inline-block;
     }
     .page-team .feedback .slide_main .test {
         padding-top: 50px;
     }
     .page-team .phone_top {
         padding-top: 0;
     }
     .page-team .phone_top .pull-right {
         padding: 5px;
     }
     .page-team .button1 {
         padding-top: 5px;
         padding-left: 5px;
     }
     .page-team .affixx .sidenav .navbar .nav li {
         border: none !important;
     }
     .page-team .affixx .sidenav .navbar .nav {
         float: none;
     }
     .page-team .affixx .navba .navbar-inverse {
         padding-right: 30px;
         padding-top: 20px;
     }
     .page-team .affixx {
         padding-bottom: 10px !important;
     }
     .page-team .counter1 .col-md-3 {
         padding-left: 6%;
     }
     .page-team .porfolio .col-md-pull-8 {
         padding: 5.3% 30px;
     }
     .page-team .header-lap {
         display: none;
     }
     .page-team .header-mobi {
         display: block;
     }
     .page-team .feedback {
         padding-bottom: 50px;
     }
     .page-team .cust h1 {
         font-size: 30px;
     }
     .page-team .all-pro {
         width: 177px;
         padding-left: 15px;
     }
     .page-team .all-pro span {
         margin-right: 5px;
     }
     .page-team .phone_top span {
         display: none;
     }
     .page-team .phone_top .phonee {
         display: none;
     }
     .page-team .who_we_are {
         padding: 50px 0;
     }
     .page-team .blog {
         padding: 50px 0;
     }
     .page-team .servic {
         padding: 50px 0;
     }
 }

 @media screen and (max-width: 992px) {
     .page-team .porfolio .col-md-pull-8 {
         padding: 19px 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .page-team .footer .full-container .footer1 .newsletter .subs {
         padding-top: 10px;
     }
     .page-team .who_we_are .we_01 {
         padding: 0 15px;
     }
     .page-team .careate .carea {
         width: 100%;
         padding: 0;
         position: relative;
     }
     .page-team .porfolio .col-md-8 {
         padding-left: 0;
     }
     .page-team .feedback .feeb {
         font-size: 130px;
     }
     .page-team .servic .identity {
         border-right: none;
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .page-team .servic .design {
         padding: 30px 14px 32px 15px;
         border-right: 1px solid #ebebeb;
     }
     .page-team .servic .appdevelopment {
         padding: 32px 15px 30px 15px;
         border-bottom: 1px solid #ebebeb;
     }
     .page-team .servic .marketing {
         border-left: none;
         padding: 32px 15px 30px 15px;
     }
     .page-team .servic .development {
         border-right: 1px solid #ebebeb;
         padding: 30px 15px 30px 15px;
     }
     .page-team .servic .creation {
         padding: 30px 15px 30px 15px;
     }
     .page-team .video .row_video .video1>p {
         font-size: 36px;
         padding-bottom: 0;
         padding-top: 10px;
     }
     .page-team .links ul {
         -webkit-padding-start: 0px;
     }
     .page-team .footer .full-container .footer1 .links p {
         padding-left: 0px;
         padding-bottom: 20px;
     }
     .page-team .footer .full-container .footer1 .recent_post p {
         padding-left: 0;
         padding-bottom: 20px;
     }
     .page-team .footer .full-container .footer1 .newsletter p {
         padding-bottom: 20px;
     }
     .page-team .footer .full-container .footer1 span {
         margin-bottom: 20px;
     }
     .page-team .recent_post ul {
         -webkit-padding-start: 0px;
     }
     .page-team .footer .full-container .footer1 .links {
         padding-bottom: 150px;
     }
     .page-team .sile1 .row_top .we_are h1 {
         font-size: 50px;
     }
     .page-team .servic {
         padding-top: 50px;
     }
     .page-team .counter1 .col-md-3 {
         padding-left: 5%;
     }
 }

 @media screen and (max-width: 768px) {
     .page-team .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 36px;
     }
     .page-team .modal .modal-dialog .modal-content .modal-body {
         width: 60%;
     }
     .page-team .sile1 .row_top .we_are h1 {
         font-size: 41px;
     }
     .page-team .footer .full-container .footer2 .copy {
         padding-bottom: 20px;
     }
     .page-team .row_top div p {
         line-height: 170%;
     }
     .page-team .who_we_are .we_01 {
         padding-bottom: 50px;
     }
     .page-team .who_we_are .we_01 h4 {
         padding-bottom: 10px;
     }
     .page-team .slide_main .test {
         padding-top: 100px;
     }
     .page-team .img_porfolio .col-md-4 {
         width: 50%;
     }
     .page-team .servic .col-md-4 {
         width: 50%;
     }
     .page-team .counter .col-md-3 {
         width: 50%;
         padding-left: 15%;
         padding-bottom: 50px;
     }
     .page-team .blog .col-md-4 {
         width: 33.33333%;
     }
     .page-team .button_see {
         margin-top: 10px;
     }
     .page-team .footer .full-container .footer1 .links {
         padding-right: 50px;
     }
     .page-team .video .row_video .video1 .button_play {
         width: 60px;
         height: 60px;
     }
     .page-team .button_rea {
         height: 38px;
         margin-top: 0;
     }
     .page-team .footer .full-container .footer2 .copy {
         text-align: center;
     }
     .page-team .footer .full-container .footer2 .goto {
         text-align: center;
     }
     .page-team .servic .col-md-12 p {
         font-size: 36px;
         padding-top: 10px;
         padding-bottom: 30px;
     }
     .page-team .who_we_are .who_are h1 {
         padding-bottom: 30px;
         padding-top: 10px;
         font-size: 36px;
     }
     .page-team .feedback .slide_main .test p {
         font-size: 36px;
     }
     .page-team .feedback .information .lazy h3 {
         font-size: 20px;
     }
     .page-team * h1 {
         font-size: 36px !important;
     }
     .page-team .video .row_video .video1 .button_play i {
         padding: 32%;
     }
 }

 @media screen and (max-width: 680px) {
     .page-team .modal .modal-dialog .modal-content .modal-body {
         width: 70%;
     }
     .page-team .cuter .counter .counter1 .col-md-3 .counte {
         font-size: 30px;
     }
     .page-team .feedback .feeb {
         font-size: 100px;
     }
     .page-team .sile1 .row_top .we_are h1 {
         font-size: 36px;
     }
     .page-team .sile1 .row_top .we_are p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .who_we_are .who_are h1 {
         font-size: 36px;
         padding-bottom: 10px;
     }
     .page-team .who_we_are .who_are p {
         font-size: 14px;
     }
     .page-team .careate .carea .cust h1 {
         font-size: 36px;
     }
     .page-team .careate .carea .cust p {
         font-size: 14px;
         line-height: 150%;
         margin-bottom: 10px;
     }
     .page-team .button_see {
         margin-top: 10px;
         width: 180px;
         height: 45px;
     }
     .page-team .feedback .slide_main .test p {
         font-size: 36px;
     }
     .page-team .feedback .information .lazy h3 {
         font-size: 16px;
     }
     .page-team .cuter .counter {
         padding: 50px 0 0 0;
     }
     .page-team .porfolio .nav_main .nav-tabs li {
         padding-right: 15px;
         padding-left: 3px;
     }
     .page-team .porfolio .col-md-pull-8 h1 {
         font-size: 36px;
     }
     .page-team .porfolio .col-md-pull-8 p {
         font-size: 16px;
         line-height: 150%;
     }
     .page-team .porfolio {
         padding: 50px 0px;
     }
     .page-team .button-proje {
         width: 210px;
     }
     .page-team .video .row_video .video1>p {
         font-size: 24px;
     }
     .page-team .blog .col-md-12 h1 {
         font-size: 36px;
     }
     .page-team .blog .col-md-4 .blog_name a {
         font-size: 18px;
     }
     .page-team .blog .col-md-4 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .footer #googlemap1 {
         height: 400px;
     }
     .page-team .footer1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .page-team .servic .col-md-12 p {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-team .modal .modal-dialog .modal-content .modal-body {
         width: 85%;
     }
     .page-team .side {
         width: 100%;
         box-shadow: none;
         padding-top: 0px;
         padding-left: 0px;
         top: 63px;
         padding-right: 0px;
         padding-bottom: 63px;
         background: transparent;
     }
     .page-team .side .navbar .list-group-item {
         width: 100%;
         padding: 15px;
     }
     .page-team .side .navbar .list-group-item {
         border-bottom: 1px solid #ebebeb;
         font-weight: 400;
         font-size: 16px;
     }
     .page-team .side .navbar .list-group-item button {
         top: 0;
     }
     .page-team .navbar-nav {
         margin: 0 -15px;
         background: #fff;
         padding-left: 15px;
         box-shadow: rgba(0, 0, 0, 0.05) -8px 5px 10px;
     }
     .page-team .side .navbar .navbar-nav li a {
         font-weight: 400;
         font-size: 14px;
     }
     .page-team .base {
         margin-left: 0 !important;
     }
     .page-team .baseright {
         margin-left: 0 !important;
     }
     .page-team .sile1 {
         top: 60%;
     }
     .page-team .affixx {
         background: #333 !important;
     }
     .page-team .affixx {
         padding-top: 20px !important;
     }
     .page-team .feedback .feeb {
         font-size: 70px;
     }
     .page-team .sile1 .row_top .we_are h1 {
         font-size: 24px;
     }
     .page-team .sile1 .row_top .we_are {
         padding: 0 30px;
     }
     .page-team .who_we_are .who_are h1 {
         font-size: 24px;
     }
     .page-team .who_we_are .we_01 h4 {
         font-size: 18px;
     }
     .page-team .who_we_are .we_01 p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .porfolio .nav_main .nav-tabs li {
         padding-right: 0;
         padding-left: 4px;
     }
     .page-team .porfolio .col-md-pull-8 h1 {
         font-size: 24px;
     }
     .page-team .porfolio .col-md-pull-8 p {
         font-size: 14px;
     }
     .page-team .servic .col-md-12 p {
         font-size: 24px;
     }
     .page-team .servic .col-md-4 p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .servic .development {
         padding: 0 14px;
         padding-bottom: 20px;
     }
     .page-team .servic .identity {
         padding: 0 15px;
         padding-bottom: 22px;
     }
     .page-team .servic .marketing {
         padding: 0 14px;
         padding-top: 20px;
     }
     .page-team .servic .creation {
         padding: 0 15px;
         padding-top: 27px;
     }
     .page-team .button_see {
         margin-top: 0;
     }
     .page-team .blog .col-md-12 h1 {
         font-size: 24px;
         padding-bottom: 20px;
     }
     .page-team .blog .col-md-4 {
         width: 100%;
         padding-bottom: 50px;
     }
     .page-team .blog .col-md-4 .blog_name p {
         padding-top: 10px;
     }
     .page-team .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .page-team .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .page-team .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .page-team .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 20% 60px 20%;
     }
     .page-team .feedback .slide_main .test p {
         font-size: 24px;
     }
     .page-team .feedback .information .lazy h3 {
         font-size: 14px;
     }
     .page-team * h1 {
         font-size: 24px !important;
     }
     .page-team .affixx {
         position: inherit !important;
     }
     .page-team .layer {
         padding-top: 62px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-team .porfolio .nav_main .nav-tabs li a {
         letter-spacing: 0;
     }
     .page-team .modal .modal-dialog .modal-content .modal-header .modal-title {
         font-size: 24px;
     }
     .page-team .modal .modal-dialog .modal-content .input-group .form-control {
         font-size: 20px;
     }
     .page-team .modal .modal-dialog .modal-content .modal-body {
         width: 100%;
     }
     .page-team .modal .modal-dialog .modal-content {
         padding: 0;
     }
     .page-team .img_porfolio .col-md-4 {
         width: 100%;
     }
     .page-team .feedback .feeb {
         letter-spacing: 6px;
     }
     .page-team .feedback .information .lazy {
         padding: 0 10px;
         margin: 0 20px !important;
     }
     .page-team .affixx {
         position: inherit !important;
         padding-top: 15px !important;
     }
     .page-team .button_see {
         height: 30px;
         font-size: 12px;
         width: 125px;
         padding-left: 10px;
     }
     .page-team .button_see span {
         margin-top: 7px;
         width: 15px;
         margin-right: 9px;
     }
     .page-team .sile1 .row_top .we_are {
         padding: 0 15px;
     }
     .page-team .sile1 .row_top .we_are p {
         line-height: 130%;
     }
     .page-team .sile1 .row_top .we_are h1 {
         margin-bottom: 5px;
     }
     .page-team .servic .col-md-4 {
         width: 100%;
         padding-left: 30px;
     }
     .page-team .cuter .counter .counter1 .col-md-3 h1 {
         font-size: 24px;
     }
     .page-team .counter .col-md-3 {
         padding-left: 7%;
         padding: 0 15px;
         padding-bottom: 40px;
     }
     .page-team .video .row_video .video1 .button_play {
         width: 40px;
         height: 40px;
     }
     .page-team .video .row_video .video1 .button_play i {
         font-size: 15px;
     }
     .page-team .video .row_video .video1>p {
         font-size: 17px;
         margin-bottom: 0;
     }
     .page-team .button-proje {
         width: 150px;
         margin-top: 5px;
     }
     .page-team .footer .full-container .footer1 .logo_footer {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .page-team .footer .full-container .footer1 .links {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .page-team .footer .full-container .footer1>.recent_post {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .page-team .footer .full-container .footer1 .newsletter {
         width: 100%;
         padding: 0 10% 60px 10%;
     }
     .page-team .servic .marketing {
         border-bottom: 1px solid #ebebeb;
         padding-bottom: 20px;
     }
     .page-team .servic .identity {
         padding-top: 20px;
     }
     .page-team .careate .carea .cust h1 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 375px) {
     .page-team .porfolio .nav_main {
         float: left;
     }
     .page-team .clear-375 {
         clear: left;
     }
 }

 @media screen and (max-width: 1680px) {
     .page-team .slick-list.draggable .slick-track .slick-slide {
         width: 2% !important;
     }
     .page-team .cases .read-mode .read-mode-produc {
         padding-left: 15px;
         top: 170px;
     }
     .page-team .video-skills .skills {
         padding: 30px 50px 0 50px;
     }
     .page-team .who_we_are .weare {
         padding-left: 50px;
     }
     .page-team .case-center .case-studies p {
         padding-left: 20%;
         padding-right: 20%;
     }
     .page-team .video-skills .skills p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 1360px) {
     .page-team .who_we_are .col-md-6 .detop img {
         width: 100%;
     }
     .page-team .slick-list.draggable .slick-track .slick-slide {
         width: 1.6% !important;
     }
     .page-team .cases .read-mode .read-mode-produc p {
         font-size: 24px;
     }
     .page-team .cases .read-mode .read-mode-produc {
         top: 100px;
     }
     .page-team .video-skills .skills p {
         line-height: 150%;
         padding-bottom: 0;
     }
     .page-team .video-skills .skills {
         padding: 0 15px;
     }
     .page-team .contacts .contact p {
         font-size: 24px;
     }
     .page-team .talk-to .row {
         padding: 150px 0;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-team .about .about-we h1 {
         font-size: 40px;
     }
     .page-team .slick-list.draggable .slick-track .slick-slide {
         width: 1.4% !important;
     }
     .page-team .cases .read-mode .read-mode-produc p {
         font-size: 22px;
     }
     .page-team .video-skills .skills h1 {
         font-size: 36px;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-team .video-skills .skills .snippets .skill {
         padding-bottom: 30px;
     }
     .page-team .cooperate .logo-brand img {
         width: 100%;
     }
     .page-team .case-center {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .page-team .cooperate {
         padding-top: 50px;
     }
     .page-team .talk-to .row {
         padding: 50px 0;
     }
     .page-team .affixx {
         padding-top: 20px !important;
     }
 }

 @media screen and (max-width: 991px) {
     .page-team .sile1 .we_are {
         padding-right: 0;
     }
     .page-team .about {
         top: 0;
         padding: 30px 0;
     }
     .page-team .about1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }
     .page-team .about .about-we {
         padding-left: 30px;
     }
     .page-team .about .corem-ipsum {
         padding-right: 30px;
     }
     .page-team .about .corem-ipsum p {
         line-height: 150%;
     }
     .page-team .contacts .contact {
         text-align: center;
     }
     .page-team .servic .marketing {
         border-right: 1px solid #ebebeb;
         border-top: 1px solid #ebebeb;
     }
     .page-team .servic .development {
         border-bottom: 1px solid #ebebeb;
     }
     .page-team .video-skills .video {
         padding-left: 15px;
     }
     .page-team .video-skills {
         padding-bottom: 50px;
     }
     .page-team .who_we_are .weare {
         padding-left: 15px;
         padding-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .page-team .contacts .contact p .circle img {
         width: 8%;
     }
     .page-team .contacts .contact p {
         font-size: 20px;
     }
     .page-team .blog .col-md-4 {
         width: 100%;
         text-align: center;
         padding-bottom: 50px;
     }
     .page-team .cooperate {
         padding-bottom: 0;
         padding-top: 100px;
     }
     .page-team .about .corem-ipsum {
         padding-left: 30px;
     }
     .page-team .cooperate .brand {
         text-align: center;
         padding-bottom: 50px;
     }
     .page-team .cooperate .logo-brand {
         text-align: center;
     }
     .page-team .cooperate .logo-brand img {
         width: initial;
     }
     .page-team .case-center .case-studies p {
         padding-left: 10%;
         padding-right: 10%;
     }
 }

 @media screen and (max-width: 680px) {
     .page-team .sile1 {
         left: 10%;
         padding-right: 0;
         padding-left: 0;
     }
     .page-team .button-contact button {
         font-size: 13px;
         width: 230px;
     }
     .page-team .footer .full-container .footer1 .links {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-team .affix-top .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .page-team .button1 .vuong {
         background: transparent !important;
     }
     .page-team .button1 span {
         background: #fff !important;
     }
     .page-team .phone_top .pull-right i {
         color: #fff !important;
     }
     .page-team .sile1 {
         width: 65%;
     }
     .page-team .about .corem-ipsum p {
         font-size: 14px;
     }
     .page-team .case-center .case-studies p {
         font-size: 14px;
     }
     .page-team .cooperate .brand p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .slick-dots {
         bottom: -50px !important;
     }
     .page-team .cooperate {
         padding-top: 50px;
     }
     .page-team .who_we_are .weare {
         padding-bottom: 0;
     }
     .page-team .affixx .logo span {
         background-image: url(../img/logo-mobi.png) !important;
     }
     .page-team .button-contact button {
         height: 40px;
     }
     .page-team .footer .full-container .footer1 .links {
         padding-right: 20%;
     }
     .page-team .cooperate .logo-brand img {
         width: 100%;
     }
     .page-team .cases .read-mode .read-mode-produc p {
         font-size: 20px;
     }
     .page-team .blog .blog1 p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .blog .blog2 .blog_name a {
         font-size: 18px;
     }
     .page-team .blog .blog2 .blog_name p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .talk-to .our-core p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .talk-to .input-contact input {
         font-size: 14px;
     }
     .page-team .video-skills .skills p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-team .servic .col-md-4 {
         padding-left: 30px;
     }
     .page-team .button1 .vuong {
         background: transparent !important;
     }
     .page-team .button1 span {
         background: #fff !important;
     }
     .page-team .phone_top .pull-right i {
         color: #fff !important;
     }
     .page-team .sile1 .row_top .we_are h1 {
         margin-top: 5px;
     }
     .page-team .sile1 {
         width: 95%;
         left: 5%;
     }
     .page-team .slick-list.draggable .slick-track .slick-slide {
         width: 1% !important;
     }
     .page-team .cooperate .logo-brand img {
         width: initial;
     }
     .page-team .cooperate .logo-brand img {
         padding-bottom: 40px;
     }
     .page-team .cooperate .logo-brand .col-xs-4 {
         width: 100%;
     }
     .page-team .cases .read-mode {
         width: 100%;
     }
     .page-team .row_top {
         width: 100%;
     }
     .page-team .sile1 .row_top .we_are {
         padding: 0 5px;
     }
     .page-team .snippets {
         width: 100%;
         padding-bottom: 10px;
     }
     .page-team .talk-to .our-core p {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 10px;
     }
 }

 @media screen and (max-width: 1820px) {
     .page-team .careate .carea .cust {
         padding: 100px 50px;
     }
 }

 @media screen and (max-width: 1680px) {
     .page-team .testimonials-img img {
         width: 120%;
     }
 }

 @media screen and (max-width: 1360px) {
     .page-team .contacts .contact p {
         font-size: 24px;
     }
     .page-team .testimonials-img img {
         width: 110%;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-team .testimonials .col-md-pull-6 {
         padding-top: 0;
     }
     .page-team .our-cases .col-md-4 {
         padding: 50px 30px;
     }
     .page-team .testimonials .col-md-pull-6 h2 {
         padding-bottom: 30px;
     }
     .page-team .testimonials .col-md-pull-6 p {
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-team .testimonials-img img {
         width: 100%;
     }
     .page-team .testimonials .col-md-pull-6 h2 {
         margin-top: 0;
     }
     .page-team .cooperate {
         padding-top: 50px;
     }
     .page-team .gallery {
         padding-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
     .page-team .contacts .contact {
         text-align: center;
     }
     .page-team .testimonials .col-md-pull-6 {
         padding: 30px 15px;
     }
     .page-team .testimonials {
         padding-bottom: 50px;
     }
     .page-team .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .page-team .contacts .contact p .circle img {
         width: 8%;
     }
     .page-team .contacts .contact p {
         font-size: 20px;
     }
     .page-team .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .page-team .our-cases .col-md-4 {
         border-bottom: 1px solid #484848;
         padding: 50px 80px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-team .cooperate .logo-brand .col-md-4 img {
         width: 100%;
     }
     .page-team .gallery p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .cooperate .brand p {
         line-height: 150%;
         font-size: 14px;
     }
     .page-team .our-cases .col-md-4 p {
         line-height: 150%;
         font-size: 14px;
     }
     .page-team .testimonials .col-md-pull-6 p {
         font-size: 14px;
         line-height: 150%;
     }
     .page-team .testimonials .col-md-pull-6 h2 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-team .gallery .col-md-4 {
         width: 100%;
     }
     .page-team .cooperate .logo-brand .col-md-4 {
         width: 50%;
         text-align: center;
     }
     .page-team .cooperate .logo-brand .col-md-4 img {
         width: initial;
     }
     .page-team .cooperate .logo-brand img {
         padding-bottom: 50px;
     }
     .page-team .our-cases .col-md-4 {
         padding: 50px 20px;
     }
 }

 @media screen and (max-width: 360px) {
     .page-team .cooperate .logo-brand .col-md-4 {
         width: 100%;
     }
 }

 @media screen and (max-width: 1170px) {
     .page-team .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .page-team .unlimited .website {
         padding: 50px 15px 51px 15px;
     }
     .page-team .unlimited .customer {
         padding: 50px 15px 53px 15px;
     }
     .page-team .unlimited .development {
         padding: 50px 15px 53px 15px;
     }
     .page-team .unlimited .branding {
         padding: 50px 15px 56px 15px;
     }
     .page-team .affixx .sidenav .navbar {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-team .affixx {
         padding-top: 15px !important;
     }
     .page-team .pull-right {
         padding-top: 5px;
     }
     .page-team .layer {
         padding-top: 0px;
     }
     .page-team .pull-right {
         padding: 5px 0;
     }
     .page-team .page-404 {
         padding-top: 50px 15px;
     }
     .page-team .affixx .sidenav {
         padding-right: 15px;
     }
     .page-team .affixx .logo {
         padding-left: 15px;
     }
 }

 @media screen and (max-width: 991px) {
     .page-team .careate img {
         width: 100%;
     }
     .page-team .unlimited .development {
         clear: left;
     }
 }

 @media screen and (width: 812px) {
     .page-team .unlimited .branding {
         padding: 50px 30px 56px 30px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-team .layer {
         padding-top: 62px;
     }
     .page-team .affixx {
         position: fixed !important;
         padding-bottom: 10px !important;
     }
     .page-team .container_header {
         top: 60%;
     }
 }

 @media screen and (max-width: 480px) {
     .page-team .container_header {
         top: 75%;
     }
     .page-team .blog .pagination li a {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .page-team .container_header .breadcrumb .active {
         width: auto;
     }
     .page-team .blog .pagination li .prev {
         width: 80px;
     }
     .page-team .container_header h1 {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width: 1024px) {
     .page-team .pricing-table .center-mode {
         padding-bottom: 50px;
     }
     .page-team .pricing-table {
         padding-top: 50px;
     }
     .page-team .servic .col-md-12 p {
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 768px) {
     .page-team .affixx .logo {
         padding-left: 15px;
     }
     .page-team .affixx .sidenav {
         padding-right: 15px;
     }
 }

 @media (min-width: 767px) and (max-width: 900px) {
     .page-team .brand .brand_logo .brand-logo img {
         width: 100%;
     }
 }

 @media screen and (max-width: 767px) {
     .page-team .brand .brand_logo .clear-left {
         clear: left;
     }
     .page-team .brand .brand_logo .brand-logo {
         width: 33.3333%;
         text-align: center;
         padding-bottom: 20px;
     }
 }

 @media screen and (max-width: 680px) {
     .page-team .brand .brand_logo {
         padding: 50px 15px;
     }
 }

 @media screen and (max-width: 568px) {
     .page-team .brand .brand_logo .brand-logo {
         width: 100%;
         text-align: center;
         padding-bottom: 30px;
     }
 }

 @media screen and (max-width: 480px) {
     .page-team .video-skills .video .helo .button_play {
         padding: 30px;
     }
 }

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