html {
    padding-bottom: 120px;
    padding-top: 50px;
    min-height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 100%;
    font-size: 14px;
    height: 100%;
}

.in {
    margin: 0px auto;
    width: auto;
    max-width: 1080px;
    min-width: 1000px;
    display: block;
    position: relative;
}

header {
    display: block;
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    min-height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
}

header .in {
    padding-top: 3px;
}

header .cl1 {
    display: inline-block;
    width: 10%;
    vertical-align: middle;
}

header .cl1 a {
    width: 112px;
    height: 32px;
    background-image: url(../images/lg.png);
    display: block;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

header .cl2 {
    display: inline-block;
    width: 65%;
    vertical-align: middle;
    position: relative;
    text-align: center;
}

header .cl3 {
    display: inline-block;
    width: 24%;
    vertical-align: middle;
    position: relative;
    text-align: right;
}

header .cl3 a {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
}

header .cl2 nav {
    text-align: right;
    padding-top: 3px;
}

header .cl2 nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

header .cl2 nav ul li {
    display: inline-block;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 10px;
}

header .cl2 nav ul li:last-child {
    margin-right: 0px;
}

header .cl2 nav a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}

header .cl2 nav a:hover {
    text-decoration: underline;
}

.services {
    display: block;
    width: 100%;
    position: relative;
    min-height: 340px;

}

.services .slider {
    min-height: 340px;
}

.services .slider .c1 {
     background-color: #dad6df;
}

.services .slider .c2 {
     background-color: #ffcf56;
}

.services .slider .c3 {
     background-color: #99ff99;
}

.services .slider .c4 {
     background-color: #579fd3;
}

.services .slider .info_block {
    padding-top: 20px;
    display: block;
    width: 100%;
    min-height: 340px;
}

.services .slider .info_block .cl1 {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-right: 1%;
    min-height: 340px;
    background-repeat: no-repeat;
    background-size: contain;
}

.services .slider .info_block .cl2 {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align: right;
}

.services .slider .info_block h2 {

    text-transform: uppercase;
    font-size: 36px;
    margin-top: 0px;
    padding-top: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.services .slider .c1 h2 {
    color: #188fea;
}

.services .slider .c2 h2 {
    color: #e52732;
}

.services .slider .c3 h2 {
    color: #007c5a;
}

.services .slider .c4 h2 {
    color: #ffffff;
}

.services .slider .info_block .txt {
    font-size: 16px;
    color: #000000;
    line-height: 140%;
}

.services .slider .info_block .btns {
    display: block;
    text-align: right;
    margin-top: 30px;
}

.services .slider .info_block .btns a {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 5px;
    border: 1px solid #188fea;
    height: 40px;
    padding-top: 14px;
}

.services .slider .info_block .btns a.s {
    color: #188fea;
}

.services .slider .info_block .btns a.s:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #188fea;
}

.services .slider .info_block .btns a.m
{
background: #188fea;
color: #ffffff;
}

.services .slider .info_block .btns a.m:hover {
    text-decoration: none;
    color: #ffffff;
    background: transparent;
    background-color: #18a7ea;
    border-color: #18a7ea;
}

.services .slider .c2 .btns a {
    color: #ca2627;
    border-color: #ca2627;
}

.services .slider .c2 .btns a.s {
   color: #ca2627;
}

.services .slider .c2 .btns a.s:hover {
    background-color: #e52732;
    border-color: #e52732;
}

.services .slider .c2 .btns a.m {
   background-color: #ca2627;
   border-color: #ca2627;
}

.services .slider .c2 .btns a.m:hover {
   background: #e52732;
   border-color: #e52732;

}

.services .slider .c3 .btns a {
    color: #007c5a;
    border-color: #007c5a;
}

.services .slider .c3 .btns a.s {
   color: #007c5a;
}

.services .slider .c3 .btns a.s:hover {
    background-color: #00aa79;
    border-color:#00aa79;
}

.services .slider .c3 .btns a.m {
   background: transparent;
   background-color: #007c5a;
}

.services .slider .c3 .btns a.m:hover {
   background: #00aa79;
   border-color: #00aa79;
}

.services .slider .c4 .btns a {
    color: #ffffff;
    border-color: #ffffff;
}

.services .slider .c4 .btns a.s {
   color: #ffffff;
}

.services .slider .c4 .btns a.s:hover {
    background-color: #ffffff;
    color: #579fd3;
}

.services .slider .c4 .btns a.m {
   background-color: #ffffff;
   color:  #579fd3;
   border-color: #ffffff;
}

.services .slider .c4 .btns a.m:hover {
   background: #ffffff;
   color: #579fd3;
   border-color: #ffffff;
}

.services .t1 {
    display: block;
    width: 164px;
    height: 150px;
    background-image: url(../images/triangle_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 50%;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.about {
    display: block;
    width: 100%;
    min-height: 500px;
    position: relative;
    background-image: url(../images/bg_line_1.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: 0 0;
}

.about .bl {
    display: block;
    width: 100%;
    min-height: 500px;
    background-image: url(../images/bg_2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 50%;
}

.about .cl1 {
    display: block;
    position: absolute;
    height: 500px;
    width: 570px;;
    background-image: url(../images/bg_3.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: contain;
}

.about .cl1 .lg {
    padding-left: 0px;
    padding-top: 40px;
}


.about .cl1 .lg img{
    width: 600px;

}

.about .cl1 .txt h1 {
   font-family: 'Oswald', sans-serif;
   color: #6e6c74;
   font-weight: 300;
   font-size: 22px;
   text-transform: uppercase;
   line-height: 28px;
   margin-bottom: 10px;
}

.about .cl1 .txt h1 span {
    font-size: 36px;
}

.about .cl1 .txt .ln {
   font-family: 'Oswald', sans-serif;
   color: #6e6c74;
   font-weight: 300;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 10px;
   margin-bottom: 5px;
   height: 20px;
   display: block;
   padding-top: 3px;
}

.about .cl1 .txt .ln::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #188fea;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 1px;
}

.about .elm {
    width: 280px;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 18px;
}

.about .elm img {
    width: 80px;
    margin-bottom: 5px;
}

.about .l1 {
    top: 15px;
    right: 12%;
}

.about .l2 {
    top: 180px;
    right: 3%;
}

.about .l3 {
    top: 250px;
    right: 28%;
}

.about .l4 {
    top: 340px;
    right:0;
}

.portfolio {
    display: block;
    width: 100%;
    min-height: 710px;
    background-image: url(../images/bg_4.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.portfolio h3 {
    margin-top: 0px;
    font-size: 68px;
    font-family: 'Oswald', sans-serif;
    color: #18a7ea;
    font-weight: 300;
    padding-top: 10px;
    text-transform: uppercase;
    line-height: 68px;
    position: absolute;
    top: 10px;
    left: 0px;
}

.portfolio .in {
    padding-top: 110px;

}

.portfolio .cats {
    display: block;

}

.portfolio .cats .t {
    font-size: 16px;
    color: #4d4d4d;
    margin-bottom: 15px;
    
}

.portfolio .cats a {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    height: 40px;
    padding-top: 12px;
    font-size: 16px;
    background-color: #000000;
    color: #ffffff;
    margin-bottom: 4px;
    line-height: 16px;
    cursor: pointer;
}

.portfolio .cats .active {
    background-color: #808080;
}

.portfolio .cats a:hover {
    background-color: #188fea;
}

.portfolio .elm {
  background-color: #808080;
  min-height: 100px;
}

.portfolio .grid {
    margin: 15px auto;
}

.grid-item {
  width: 266px;
  height: 144px;
  float: left;
  margin-bottom: 4px;
  background-color: #808080;
}

.grid-item--width2 { width: 536px; }
.grid-item--width3 { width: 520px; }
.grid-item--width4 { width: 780px; }

.grid-item--height2 { height: 292px; }
.grid-item--height3 { height: 200px; }
.grid-item--height4 { height: 400px; }

.grid-item .elm {
    display: block;
    width: inherit;
    height: inherit;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    text-decoration: none;
}



.grid-item .elm .overlay {
    display: table;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    -webkit-transition: top 1s ease-out 0.5s;
     -moz-transition: top 1s ease-out 0.5s;
     -o-transition: top 1s ease-out 0.5s;
     transition: top 1s ease-out 0.5s;
     opacity: 0;
}

.grid-item .elm:hover .overlay{
    opacity: 1;
}

.grid-item .elm .overlay h5 {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
    line-height: 18px;
}

.grid-item .elm .txt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: inherit;
    height: inherit;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
}

.grid-item .elm .txt .wrapper {
    display: block;
    width: 20px;
    background-color: #ffffff;
    height: 4px;
    margin: 0px auto 5px;
}

/*.grid-item--width2 .overlay {
    padding-top: 16%;
}*/

.grid-item--width2 .overlay .txt {
    font-size: 16px;
    line-height: 20px;
}

.grid-item--width2 .overlay h5 {
    font-size: 22px !important;
    line-height: 24px !important;
}

.grid-item--width2 .elm .txt .wrapper {
    width: 50px !important;
}

.portfolio .more {
    display: block;
    text-align: center;
    padding: 30px;
}

.portfolio .more a {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 5px;
    border: 1px solid #188fea;
    height: 40px;
    padding-top: 14px;
    background: #188fea;

    color: #ffffff;
}

.portfolio .more a:hover {
    background-color: #18a7ea;
    border-color: #18a7ea;
}

.unique {
   display: block;
   width: 100%;
   min-height: 580px;
   background-color: #46c3fd;
   margin-top: -1px;
   position: relative;
}

.unique .hdb {
    width: 100%;
    display: block;
}

.unique .hdb .in {
   min-height: 201px;
}

.unique .hdb h4 {
    margin-top: 0px;
    font-family: 'Oswald', sans-serif;
    color: #a8def7;
    font-size: 120px;
    font-weight: 300;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-top: 40px;
    position: absolute;
}

.unique .hdb h4 span {
    color: #d6f2ff;
    font-size: 48px;
}

.unique .hdb .txt {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 5px;
    color: #0f2947;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    line-height: 28px;
}

.unique .hdb .txt span {
    font-size:32px;
}

.unique .cnb {
    display: block;
    width: 100%;
    min-height: 215px;
    background-color: rgba(255,255,255,0.2);
    position: relative;
}

.unique .cnb .in {
    text-align: center;
    padding-top: 10px;
}

.unique .cnb .elm {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.unique .cnb .elm img {
    width: 145px;
    margin-bottom: 10px;
    min-height:141px;
}

.unique .cnb .s img {
    width: 175px;
}

.unique .cnb .d img {
    height: 154px;
}

.unique .cnb .elm:first-child img {
    width: 157px;
}


.unique .cnb .elm .txt {
    color: #273e59;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.unique .btb .in {
    padding-top: 20px;
    padding-bottom: 20px;
}

.unique .btb .txt {
    font-size: 28px;
    color: #ffffff;
    line-height: 30px;
    font-weight: 300;
}

.unique .btb .txt span {
    text-transform: uppercase;
}

.unique .imgb {
    display: block;
    width: 600px;
    height: 436px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    bottom: -50px;
}

.unique .imgb img {
    width: 600px;
    height: 436px;
}

.unique .btb .bbl {
    display: block;
    width: 330px;
    height: 220px;
    background-image: url(../images/cloud_bg_1.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    position: absolute;
    right: 0px;
    bottom: -55px;
    text-align: center;
    font-size: 22px;
    line-height: 23px;
    color: #273e59;
    padding-top: 30px;
}

.unique .btb .bbl span {
    text-transform: uppercase;
}

.graphic {
    display: block;
    min-height: 630px;
    width: 100%;
    background-image: url(../images/bg_5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.graphic .in {
    padding-top: 90px;
    min-height: 600px;
}

.graphic .hdb {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100px;
    text-align: center;
}

.graphic .hdb h4 {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 68px;
    font-weight: 300;
    color: #2cb4db;
    text-align: center;
    margin-top: 0px;
    line-height: 44px;
    position: absolute;
    width: 100%;
}

.graphic .hdb h4 span {
    font-size: 32px;
    color: #21a0e4;
}

.graphic .i1 {
    display: block;
    width:600px;
    height: 165px;
    background-image: url(../images/14.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -300px;
}

.graphic .i2 {
    display: block;
    width:373px;
    height: 378px;
    background-image: url(../images/13.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    position: absolute;
    top: 150px;
    left: -50px;
}

.graphic .i3 {
    display: block;
    width:104px;
    height: 97px;
    background-image: url(../images/12.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    position: absolute;
    top: 130px;
    left: -50px;
}

.graphic .i4 {
    display: block;
    width:135px;
    height: 148px;
    background-image: url(../images/15.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    position: absolute;
    bottom: 20px;
    right:40px;
}

.graphic .i5 {
    display: block;
    width:159px;
    height: 167px;
    background-image: url(../images/16.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    position: absolute;
    bottom: 20px;
    right:0;
}

.graphic .txt {
    position: absolute;
    top: 210px;
    color: #6e6c74;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    right: 13%;
}

.graphic .txt span {
    color: #e03d3f;
}

.graphic .txt2 {
    font-size: 22px;
    line-height: 24px;
    color: #1676aa;
    position: absolute;
    bottom: 50px;
    left: 45%;
}

.graphic .txt2 strong {
    font-weight: 400;
    color: #f3a50d;
}

.scheme {
    display: block;
    width: 100%;
    min-height: 600px;
    background-image: url(../images/bg_6.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    margin-top: -10px;
}

.scheme .hdb {
    display: block;
    width: 100%;
    position: relative;
    min-height: 100px;
}

.scheme .hdb h5 {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    font-weight: 300;
    text-align: center;
    margin-top: 0px;
    position: absolute;
    width: 100%;
    color: #ffffff;
    top: 50px;
}

.scheme .cnb {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.scheme .cnb .elm {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    text-align: center;
    margin-bottom: 60px;
}

.scheme .cnb .elm img {
    height: 120px;
}

.scheme .cnb .elm .txt {
    font-size: 18px;
    color: #061b47;
    line-height: 20px;
    margin-top: 10px;
}

.scheme .cnb .elm .inb {
   position: relative;
}

.scheme .cnb .elm .counter {
    display: block;
    width: 41px;
    height: 41px;
    border: 1px dashed #ffffff;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    line-height: 30px;
    padding-top: 4px;
    color: #ffffff;
    border-radius: 60px;
    position: absolute;
    left: 40px;
}

.scheme .cnb .i1 .counter {
    background-color: #e03436;
}

.scheme .cnb .i2 .counter {
    background-color: #e5684f;
}

.scheme .cnb .i3 .counter {
    background-color: #eb8154;
}

.scheme .cnb .i4 .counter {
    background-color: #faab89;
}

.scheme .cnb .i5 .counter {
    background-color: #ffff66;
    color:#46c3fd;
}

.scheme .cnb .i6 .counter {
    background-color: #ffff81;
    color:#46c3fd;
}

.scheme .cnb .i7 .counter {
    background-color: #ffff99;
    color:#46c3fd;
}

.scheme .cnb .i8 .counter {
    background-color: #ffff99;
    color:#46c3fd;
}

.scheme .cnb .i9 .counter {
    background-color: #ffffcc;
    color:#46c3fd;
    left: 15px;
}

.scheme .cnb .i10 .counter {
    background-color: #ffffcc;
    color:#46c3fd;
    left: 20px;
}

.scheme .b1 {
    background-image: url(../images/brd_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  92px;
    height: 128px;
    position: absolute;
    top: -47px;
    left: 60px;
}

.scheme .b2 {
    background-image: url(../images/brd_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  100px;
    height: 185px;
    position: absolute;
    top: 20px;
    left: -40px;
}

.scheme .b3 {
    background-image: url(../images/brd_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  100px;
    height: 185px;
    position: absolute;
    top: 20px;
    left: -40px;
}

.scheme .b4 {
    background-image: url(../images/brd_3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  100px;
    height: 185px;
    position: absolute;
    top: 30px;
    left: -70px;
}

.scheme .b5 {
    background-image: url(../images/brd_4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  990px;
    height: 104px;
    position: absolute;
    top: -85px;
    left: 60px;
}

.scheme .b6 {
    background-image: url(../images/brd_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  140px;
    height: 215px;
    position: absolute;
    top: 23px;
    left: -75px;
}

.scheme .b7 {
    background-image: url(../images/brd_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  140px;
    height: 215px;
    position: absolute;
    top: 23px;
    left: -80px;
}

.scheme .b8 {
    background-image: url(../images/brd_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  100px;
    height: 173px;
    position: absolute;
    top: 23px;
    left: -50px;
}

.scheme .b9 {
    background-image: url(../images/brd_7.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  730px;
    height: 99px;
    position: absolute;
    top: -80px;
    left: 35px;
}

.scheme .b10 {
    background-image: url(../images/brd_8.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    display: block;
    width:  172px;
    height: 158px;
    position: absolute;
    top: 23px;
    left: -110px;
}

.why {
    display: block;
    width: 100%;
    min-height: 770px;
    background-image: url(../images/bg_7.png);
    background-repeat: no-repeat;
    background-position: 50% 0px;
    background-size: cover;
    margin-top: -85px;
}

.why .in {
    padding-top: 120px;
}

.why .hdb {
    display: block;
    position: relative;
    width: 100%;
    min-height: 140px;
}

.why .hdb h6 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    position: absolute;
    width: 100%;
    font-weight: 300;
    font-size: 100px;
    text-transform: uppercase;
    line-height:50px;
    color: #ffcc00;
}

.why .hdb h6 span {
    font-size: 40px;
    color: #996633;
}

.why .man {
    display: block;
    width: 310px;
    height: 505px;
    background-image: url(../images/27.svg);
    background-repeat: no-repeat;
    background-position: 50% 0px;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -138px;
    margin-top: -15px;
}

.why .bbl {
    display: block;
    width: 360px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: contain;
}

.why .bbl .txt {
    color: #2b2a29;
    font-size: 16px;
    text-align: center;
    line-height: 18px;
}

.why .bbl  .inb{
   padding-left: 10px;
   padding-top: 20px;
   padding-right: 55px;
}

.why .bbl h6 {
    text-align: center;
    margin-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 30px;
}

.why .b1 {
    background-image: url(../images/bbl_1.png);
    height: 172px;
    top: 130px;
}

.why .b1 h6 {
    color: #e03436;
}

.why .b2 {
   background-image: url(../images/bbl_2.png);
    height: 172px;
    top: 320px;
}

.why .b2 h6 {
    color: #1676aa;
}

.why .b3 {
    background-image: url(../images/bbl_3.png);
    height: 235px;
    top: 512px;
}

.why .b3 h6 {
    color: #009933;
}

.why .b4 {
    background-image: url(../images/bbl_4.png);
    height: 198px;
    top: 130px;
    right: 0px;
}

.why .b4 h6 {
    color: #e5684f;
}

.why .b4 .inb,
.why .b5 .inb,
.why .b6 .inb
 {
   padding-right: 10px;
   padding-left: 60px;
}

.why .b5 .inb
 {
    padding-top: 10px;
}

.why .b5 {
    background-image: url(../images/bbl_5.png);
    height: 180px;
    top: 348px;
    right: 0px;
}

.why .b5 h6 {
    color: #49c3fc;
}

.why .b6 .inb {
    padding-top: 15px;
}

.why .b6 {
    background-image: url(../images/bbl_6.png);
    height: 180px;
    top: 538px;
    right: 0px;
}

.why .b6 h6 {
    color: #1dc45d;
}

.also {
    display: block;
    width: 100%;
    min-height: 580px;
    background-image: url(../images/bg_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.also .hdb {
    display: block;
    width: 640px;
    height: 140px;
    background-image: url(../images/29.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0px;
    top: 20px;
}

.also .img {
    display: block;
    width: 475px;
    height: 515px;
    background-image: url(../images/28.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: -10px;
}

.also .txt {
    padding-top: 190px;
    padding-left: 475px;
    display: block;
}

.also .txt h6 {
    margin-top: 0px;
    padding-top: 0px;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 33px;
    position: absolute;
    top: 140px;
    color: #061b47;
}

.also .txt .d {
    color: #061b47;
    font-size: 18px;
    line-height: 24px;
}

.also .txt .elm {
    display: block;
    min-height:85px;
    padding-left: 120px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: contain;
    margin-top: 20px;
}

.also .txt .elm strong {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
}

.also .txt .elm ul {
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-left: 10px;
}

.also .txt .elm ul li {
    font-size: 16px;
    line-height: 20px;
    list-style-image: none;
    list-style: none;
    background-image: url(../images/bullet_white.png);
    background-repeat: no-repeat;
    padding: 0;
    background-position: 0px 50%;
    padding-left: 10px;
    color: #061b47;
}

.also .txt .e1 {
    background-image: url(../images/30.svg);
    background-position: 10px;
}

.also .txt .e2 {
    background-image: url(../images/31.svg);
}

.also .txt .more {
      display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #ffcc00;
    height: 40px;
    padding-top: 14px;
    margin-top: 20px;
    background-color: #ffcc00;
    color: #333333;
}

.also .txt .more:hover {
    background-color: #ffff66;
    border-color: #ffff66;
}

footer {
    display: block;
    width: 100%;
    min-height: 120px;
    background-color: #000000;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

footer .in {
    padding-top: 20px;
    text-align: center;
}

footer .c1,
footer .c2,
footer .c3 {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    text-align: left;
}

footer .c1 .lg {
    display: block;
    width: 145px;
    height: 40px;
    background-image: url(../images/lg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

footer .c1 {
    font-size: 14px;
    color: #ffffff;
    line-height: 16px;
}

footer .c2 {
    text-align: center;
    color: #ffffff;
    padding-top: 20px;
}
footer .c2 strong {
    font-size: 30px;
    color: #ffffff;
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
}

footer .c2 a,
footer .c3 a
 {
    color: #ffffff;
    text-decoration: underline;
    font-size: 14px;
    text-transform: uppercase;
}

footer .c2 a:hover,
footer .c3 a:hover
 {
    text-decoration: none;
}

footer .c3 {
    text-align: right;
    font-size: 14px;
    color: #ffffff;
}

footer .c3 div {
    margin-bottom: 10px;
} 

.cb {
    background-color: #dad6df;
    width: 100%;
    display: block;
}

.cb .in {
    padding-top: 20px;
    padding-bottom: 20px;
}

.cb h1 {
    color: #222222;
    font-size: 48px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 30px;
}

.cb .form label {
   display: none; 
}

.cb .form input,
.cb .form textarea
{
    border: 1px solid #999999;
    border-radius: 0px;
    outline: none;
    color: #333333;
}

.cb .form .btn {
    border-radius: 0px;
    border-color: #188fea;
    background-color: #188fea;
    color: #ffffff;
    height: 40px;
    text-transform: uppercase;
    font-size: 16px;
}

.cb .txt {
    font-size: 16px;
    color: #444546;
    line-height: 20px;
}

.cb .txt p {
   margin-bottom: 20px; 
}

.cb .txt a {
    background-color: #188fea;
    color: #ffffff;
    padding: 5px;
    text-decoration: underline;
}

.cb .txt a:hover {
    background-color: #ffcf56;
}

.cb .ls {
    display: inline-block;
    width: 65%;
    vertical-align: top;
}

.cb .rs {
   display: inline-block;
    width: 33%;
    vertical-align: top;  
    margin-left: 1%;
}

.cb .alert {
    border-radius: 0px;
    font-size: 16px;
    line-height: 20px;
}

.corporate {
    
}

.corporate .hdb {
   display: block;
   width: 100%;
   min-height: 360px;
   background-color: #dad6df;
   background-position: 50% 50%;
   padding-top: 30px;
}

.corporate .hdb .in {
    background-image: url(../images/bg_1.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: contain;
    min-height: 360px;
    
}

.corporate .hdb .in .txt {
    display: block;
    width: 50%;
    font-size: 16px;
    line-height: 22px;
    color: #222222;
}

.corporate .hdb .in .txt strong {
    font-size: 18px;
    font-weight: 500;
}

.corporate .hdb .in .txt h1 {
    text-transform: uppercase;
    font-size: 42px;
    margin-top: 0px;
    padding-top: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    color: #188fea;
}

.corporate .hdb .in .txt a {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #188fea;
    height: 40px;
    padding-top: 10px; 
    color: #ffffff;
    margin-top: 20px;
    background-color: #188fea;
}

.corporate .hdb .in .txt a:hover {
    opacity: 0.8;
}

.corporate .bdb {
    display: block;
    width: 100%;
    min-height: 400px;
    background-image: url(../images/bg_6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.corporate .bdb .in {
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px
}

.corporate .bdb h2 {
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    margin-top: 0px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
    padding-bottom: 0px;
    color: #061b47;
    text-align: left;
}

.corporate .bdb .c1,
.corporate .bdb .c2,
.corporate .bdb .c3 {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    
}

.corporate .bdb .c1 {
    text-align: left;
    font-size: 16px;
    color: #ffffff;
}

.corporate .bdb .c1 i {
    font-style: normal;
    text-transform: uppercase;
    line-height: 22px;
}

.corporate .bdb .c1 b{
    font-weight: 500;
}

.corporate .bdb .c1 strong {
    line-height: 22px;
    font-size: 16px;
    color: #061b47;
    font-weight: 500;
}

.corporate .bdb .c1 ol  {
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-left: 10px;
}

.corporate .bdb .c1 ol li {
    font-size: 16px;
    line-height: 20px;
    list-style-image: none;
    list-style: none;
    background-image: url(../images/bullet_white.png);
    background-repeat: no-repeat;
    padding: 0;
    background-position: 0px 50%;
    padding-left: 10px;
    color: #061b47;
    margin-bottom: 5px;
}

.corporate .bdb .c2 {
    background-image: url(../images/pie-chart.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    min-height: 300px;
    position: relative;
}

.corporate .bdb .c3 {
    min-height: 300px;
    position: relative;
}

.corporate .bdb .c3 .b1 {
    display: block;
    width: 300px;
    height: 100px;
    background-image: url(../images/brd_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -175px;
    top: -20px;
}

.corporate .bdb .c3 .b2 {
    display: block;
    width: 100px;
    height: 200px;
    background-image: url(../images/brd_10.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -65px;
    top: 30px;
}

.corporate .bdb .c3 .b3 {
    display: block;
    width: 230px;
    height: 40px;
    background-image: url(../images/brd_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -80px;
    bottom: 0px;
}

.corporate .bdb .c3 .t {
    position: absolute;
    color: #061b47;
    font-size: 18px;
    line-height: 24px;
}

.corporate .bdb .c3 .t1 {
    right: 40px;
    top: -40px;
}

.corporate .bdb .c3 .t2 {
    left: 40px;
    bottom: 60px;
}

.corporate .bdb .c3 .t3 {
    left: 160px;
    bottom: 2px;
}

.corporate .wdb {
    width: 100%;
    display: block;
    min-height: 400px;
    background-image: url(../images/bg_7.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.corporate .wdb h3 {
    color: #2cb4db;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;
}

.corporate .wdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.corporate .wdb .c1 {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.corporate .wdb .c2 {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    margin-left: 7%;
    text-align: center;
}

.corporate .wdb .c2 .bbl {
    display: block;
    min-height: 160px;
    background-image: url(../images/bbl_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 50px;
    padding-top: 25px;
    padding-right: 10px;
    color: #1676aa;
    font-size: 22px;
    line-height: 26px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

.corporate .wdb .c2 .show_text {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #996633;
    height: 40px;
    padding-top: 12px; 
    color: #ffffff;
    margin-top: 20px;
    margin-left: 10px;
    background-color: #996633;
    cursor: pointer;
}

.corporate .wdb .c2 .show_text:hover {
    background-color: #ffcc00;
    border-color:#ffcc00;
}

.corporate .rdb {
    display: none;
    width: 100%;
    min-height: 400px;
    background-image: url(../images/bg_7.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.corporate .rdb h3 {
    color: #333333;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;
}

.corporate .rdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.corporate .rdb .c1 {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    color: #333333;
}

.corporate .rdb .c1 .txt {
    font-size: 16px;
    line-height: 22px;
}

.corporate .rdb .c1 .txt strong {
    font-size: 30px;
    line-height: 32px;
    font-weight: 500;
}

.corporate .rdb .c1 .img {
    display: block;
    width: 100%;
    min-height: 165px;
    background-image: url(../images/art_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
}

.corporate .rdb .c2 {
    display: inline-block;
    vertical-align: top;
    width: 65%;
    margin-left: 3%;
}

.corporate .rdb .c2 .elm {
    display: inline-block;
    width: 45%;
    margin-right: 4%;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    margin-bottom: 20px;
    vertical-align: top;
}

.corporate .rdb .c2 .elm strong {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.corporate .pdb {
    display: block;
    width: 100%;
    min-height: 400px;
    background-image: url(../images/bg_2.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.corporate .pdb h4 {
    color: #ffffff;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left; 
}

.corporate .pdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.corporate .pdb .c1 {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    margin-right: 5%;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
}

.corporate .pdb .c2 {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    margin-left: 3%;
}

.corporate .pdb .c2 .img {
    display: block;
    width: 400px;
    height: 475px;
    position: relative;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.corporate .pdb .c2 .i1 {
    display: block;
    position: absolute;
    width: 200px;
    height: 475px;
    background-image: url(../images/sketch_maket.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    left: 0px;
    top: 0px;
    transition-property: width;
    transition-duration: .2s;
}

.corporate .pdb .c2 .i1:hover {
    width: 400px;
    z-index: 100;
}

.corporate .pdb .c2 .i2 {
    display: block;
    position: absolute;
    width: 200px;
    height: 475px;
    background-image: url(../images/corporate_maket.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0px;
    right: 0px;
    top: 0px;
}

.corporate .pdb .c2 .i2:hover {
    width: 400px;
    z-index: 100;
    background-position: 0px 0px;
}

.corporate .mdb {
    background-color: #188fea;
    display: block;
    width: 100%;
    min-height: 360px;
}

.corporate .mdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.corporate .mdb h5 {
    color: #ffffff;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left; 
}

.corporate .mdb .c1 {
    display: inline-block;
    width: 38%;
    vertical-align: middle;
}
.corporate .mdb .c2 {
    display: inline-block;
    width: 58%;
    vertical-align: middle;
}

.corporate .mdb .c1 .mobile {
    display: block;
    background-image: url(../images/phone_bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 282px;
    height: 587px;
    position: relative;
}

.corporate .mdb .c1 .mobile .corporate_mobile {
    position: absolute;
    height: 411px;
    width: 240px;
    left: 22px;
    top: 90px;
    display: block;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5) inset;
}

.corporate .mdb .c1 .mobile .corporate_mobile .scroll{
   display: block; 
   height: 411px;
   width: 240px;
}

.corporate .mdb .c1 .mobile .corporate_mobile .bl {
   display: block;
   width: 245px;
   height: 4029px;
   background-image: url(../images/kamaz_mobile.jpg);
   background-repeat: no-repeat;
}

.corporate .dlb {
  display: block;
 width: 100%;
 background-color: #04599a;

}

.corporate .dlb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.corporate .dlb .cl {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align: center;
}

.corporate .dlb .cl a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    min-height: 46px; 
    text-align: left;
    padding-top: 4px; 
}

.corporate .dlb .cl a i {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.corporate .dlb .cl a strong {
    font-weight: 400;
    text-transform: uppercase;
    color:#ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.8);
    font-size: 18px;
}

.corporate .dlb .cl a:hover {
    text-decoration: none;
}

.corporate .dlb .cl a:hover strong {
    border-bottom: 1px solid rgba(255,255,255,1);
}

.corporate .dlb .cl a span {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    display: block;
    padding-top: 10px;
}

.corporate .dlb .cl a .txt {
    display: inline-block;
}

.corporate .mdb .c2 {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
}

.shops .hdb {
   display: block;
   width: 100%;
   min-height: 360px;
   background-color: #72c8db;
   background-position: 50% 50%;
   background-image: url(../images/shop_bg.png);
   background-repeat: repeat;
   padding-top: 30px;
   padding-bottom: 30px;
}

.shops .hdb .in {
    background-image: url(../images/bg_11.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: contain;
    min-height: 360px;
    
}

.shops .hdb .in .txt {
    display: block;
    width: 50%;
    font-size: 16px;
    line-height: 22px;
    color: #222222;
}

.shops .hdb .in .txt strong {
    font-size: 18px;
    font-weight: 500;
}

.shops .hdb .in .txt h1 {
    text-transform: uppercase;
    font-size: 42px;
    margin-top: 0px;
    padding-top: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    color: #0f2947;
}

.shops .hdb .in .txt a {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #0f2947;
    height: 40px;
    padding-top: 10px; 
    color: #ffffff;
    margin-top: 20px;
    background-color: #0f2947;
}

.shops .hdb .in .txt a:hover {
    opacity: 0.8;
}

.shops .bdb {
    display: block;
    width: 100%;
    min-height: 360px;
    background-color: #dad6df;
}

.shops .bdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}


.shops .bdb h2 {
    color: #000000;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left; 
}

.shops .bdb .c1,
.shops .bdb .c2

{
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    font-size: 14px;
    color: #333333;
}

.shops .bdb .c1 strong {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 22px;
}

.shops .bdb .c1 ul li {
    font-size: 16px;
    line-height: 22px;
    list-style: square;
}

.shops .bdb .c2 {
    min-height: 250px;
    background-image: url(../images/bg_13.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.shops .idb {
    display: block;
    width: 100%;
    background-color: #48859d;
    min-height: 350px;
}

.shops .idb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.shops .idb h3 {
    color: #ffffff;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left; 
}

.shops .idb .c1,
.shops .idb .c2 {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}

.shops .idb .txt {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
}

.shops .idb .txt strong {
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
}

.shops .idb a {
    color: #ffffff;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px dashed #ffffff;
    font-weight: 400;
    text-decoration: none;
    margin-right: 20px;
    cursor: pointer;
    margin-bottom: 20px;
    padding: 10px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;

}

.shops .idb a.active {
    border-bottom: none;
    background-color: #305f71;
    cursor: text;
    padding-bottom: 10px;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
}

.shops .idb .txt {
    display: none;
}



.shops .idb .txt ul li {
    list-style: square;
}

.shops .idb a:hover {
   text-decoration: none;
   border-color: #48859d;
}

.shops .idb .c2 .ic {
    padding-left: 100px;
    display: none;
}

.shops .idb .vs {
    display: block !important;
}

.shops .idb .c2 .ic .img{
    display: block;
    width: 200px;
    height: 40px;
    background-position: 0px 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
}

.shops .idb .l1 .i1 {
    background-image: url(../images/lg_2.png);
}

.shops .idb .l1 .i2 {
    background-image: url(../images/lg_1.png);
}

.shops .idb .l1 .i3 {
    background-image: url(../images/lg_5.png);
}

.shops .idb .l2 .i1 {
    background-image: url(../images/lg_3.png);
}

.shops .idb .l2 .i2 {
    background-image: url(../images/lg_4.png);
}

.shops .idb .l2 .i3 {
    background-image: url(../images/lg_6.png);
}

.shops .dlb {
 display: block;
 width: 100%;
 background-color: #215d74;
 
}

.shops .dlb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.shops .dlb .cl {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align: center;
}

.shops .dlb .cl a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    min-height: 46px; 
    text-align: left;
    padding-top: 4px; 
}

.shops .dlb .cl a strong {
    font-weight: 400;
    text-transform: uppercase;
    color:#ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    font-size: 18px;
}

.shops .dlb .cl a:hover {
    text-decoration: none;
}

.shops .dlb .cl a:hover strong {
    border-bottom: 1px solid rgba(255,255,255,1);
}

.shops .dlb .cl a .txt{
    display: inline-block;
    vertical-align: top;
}


.shops .dlb .cl a span {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    display: block;
    padding-top: 10px;
}

.mobile .hdb {
    display: block;
    width: 100%;
    min-height: 360px;
    background-color: #a8afb6;
}


.mobile .hdb .in {
    background-image: url(../images/bg_14.png);
    background-repeat: no-repeat;
    background-position: 100% 20px;
    background-size: contain;
    min-height: 360px;
    padding-top: 30px;
    
}

.mobile .hdb .in .txt {
    display: block;
    width: 50%;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.mobile .hdb .in .txt strong {
    font-size: 18px;
    font-weight: 500;
}

.mobile .hdb .in .txt h1 {
    text-transform: uppercase;
    font-size: 42px;
    margin-top: 0px;
    padding-top: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    color: #ffffff;
}

.mobile .hdb .in .txt a {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #fda312;
    height: 40px;
    padding-top: 10px; 
    color: #ffffff;
    margin-top: 20px;
    background-color: #fda312;
}

.mobile .hdb .in .txt a:hover {
    background-color: #ffe31a;
    border-color: #ffe31a;
}

.mobile .sdb {
    display: block;
    width: 100%;
    background-color: #99ff99;

}

.mobile .sdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: right;
    background-image: url(../images/bg_15.png);
    background-repeat: no-repeat;
    background-position: 0px 30px;
    background-size: contain;
}

.mobile .sdb h2 {
    color: #007c5a;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;    
}

.mobile .sdb .txt {
    color: #007c5a;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    width: 50%;
    text-align: left;
}

.mobile .sdb .txt strong {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #007c5a;
}

.mobile .sdb .txt ul {
    padding-top: 20px;
}

.mobile .sdb .txt li {
    list-style: square;
    font-size: 16px;
}

.mobile .mdb {
    display: block;
    width: 100%;
    background-image: url(../images/bg_6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 200px;
}

.mobile .mdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.mobile .mdb h3 {
    color: #ffffff;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;    
}

.mobile .mdb .elm {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
}

.mobile .mdb .elm strong {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color:#061b47;
}

.mobile .mdb .img {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: 10px;
    min-height: 150px;
}

.mobile .mdb .i1 .img {
    background-image: url(../images/mobile_icon_1.png)
}

.mobile .mdb .i2 .img {
    background-image: url(../images/mobile_icon_2.png)
}

.mobile .mdb .i3 .img {
    background-image: url(../images/mobile_icon_3.png)
}

.mobile .mdb .i4 .img {
    background-image: url(../images/mobile_icon_4.png)
}

.mobile .mdb .i5 .img {
    background-image: url(../images/mobile_icon_5.png)
}

.mobile .elm .counter {
    display: block;
    width: 41px;
    height: 41px;
    border: 1px dashed #ffffff;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    line-height: 30px;
    padding-top: 4px;
    color: #ffffff;
    border-radius: 60px;
    position: absolute;
    left: 40px;
    background-color: #e33a24;
}
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.navigator {
    display: block;
    background-color: #a8afb6;
    width: 30px;
     padding: 10px 5px 5px 5px;
     position: fixed;
     top: 50%;
     margin-top: -30px;
     right: 20px;
}


.navigator a{
   display: block;
   margin: 0px auto 5px;
   width: 10px;
   height: 10px;
   background-color: #333333;
   opacity: 0.7;
   text-indent: -8000px;
}

.navigator a:hover {
    opacity: 1;
}

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

.navigator  ul  li {
    list-style: none;
    list-style-image: none;   
    margin: 0;
    padding: 0;
}

.navigator  ul  li.active a {
    background-color: #188fea;
}

.landing .hdb {
    display: block;
    width: 100%;
    min-height: 360px;
    background-color: #579fd3;
}


.landing .hdb .in {
    background-image: url(../images/bg_10.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: contain;
    min-height: 360px;
    padding-top: 30px;
    
}

.landing .hdb .in .txt {
    display: block;
    width: 50%;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.landing .hdb .in .txt strong {
    font-size: 18px;
    font-weight: 500;
}

.landing .hdb .in .txt h1 {
    text-transform: uppercase;
    font-size: 42px;
    margin-top: 0px;
    padding-top: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    color: #ffffff;
}

.landing .hdb .in .txt a {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #cf384e;
    height: 40px;
    padding-top: 10px; 
    color: #ffffff;
    margin-top: 20px;
    background-color: #cf384e;
}

.landing .hdb .in .txt a:hover {
    background-color: #ec6388;
    border-color: #ec6388;
}

.landing .gdb {
    display: block;
    width: 100%;
    background-color: #e7eaef;
}

.landing .gdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.landing .gdb h2 {
    color: #188fea;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;    
}

.landing .gdb .txt {
    font-size: 16px;
    line-height: 22px;
    color: #131314;
}

.landing .gdb .txt strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.landing .gdb .cl {
    display: inline-block;
    width: 46%;
    vertical-align: top;
    margin-right: 2%;
}

.landing .gdb .cl .landing_slider {
    position: relative;
    width: 100%;
    display: block;
    min-height: 407px;
    background-image: url(../images/monitor.png);
    background-repeat: no-repeat;

}

.landing .gdb .cl .landing_slider .s {
    position: absolute;
    left: 17px;
    top: 17px;
    display: block;
    width: 460px;
    height: 250px;
}

.landing .gdb .cl .landing_slider .img {
    display: block;
    width: 460px;
    height: 250px;
    background-repeat: no-repeat;   
    background-size: cover;
}

.landing .gdb .cl .landing_slider .i1 {
    background-image: url(../images/landing_screen_1.jpg);
}

.landing .gdb .cl .landing_slider .i2 {
    background-image: url(../images/landing_screen_2.jpg);
}

.landing .gdb .cl .landing_slider .bx-viewport,
.landing .gdb .cl .landing_slider ul
{
    padding: 0px;
    margin: 0px;
}

.landing .mdb {
    background-image: url(../images/bg_6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    display: block;
    width: 100%;
    
}

.landing .mdb h3 {
    color: #ffffff;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;    
}

.landing .mdb .in {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 560px;
}

.landing .mdb .c1 {
    display: inline-block;
    width: 37%;
    margin-right: 3%;
    position: relative;
    vertical-align: top;
}

.landing .mdb .c2 {
    display: inline-block;
    width: 58%;
    position: relative;
    vertical-align: top;
}

.landing .mdb .txt {
    color: #061b47;
    font-size: 16px;
    line-height: 22px;
}

.landing .mdb .txt strong {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.landing .mdb .cl .elm {
    display: block;
    position: absolute;
    min-height:235px;
    width: 100%;
}

.landing .mdb .cl .elm .img {
    display: inline-block;
    width: 279px;
    height: 182px;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    vertical-align: middle;
}

.landing .mdb .cl .elm strong {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #061b47;
}

.landing .mdb .cl .e2 strong {
   margin-left: 0px;
   margin-right: 20px;
}

.landing .mdb .cl .e1 {
    top: 0px;
    left: 0px;
}

.landing .mdb .cl .e2 {
    top: 152px;
    left: 0px;
}

.landing .mdb .cl .e3 {
    top: 314px;
    left: 0px;
}

.landing .mdb .cl .e1 .img {
    background-image: url(../images/landing_screen_3.jpg);
}

.landing .mdb .cl .e2 .img {
    background-image: url(../images/landing_screen_4.jpg);
}

.landing .mdb .cl .e3 .img {
    background-image: url(../images/landing_screen_5.jpg);
}

.landing .ndb {
    display: block;
    background-color: #d2f4fb;
    width: 100%;
    min-height: 400px;
}

.landing .ndb .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.landing .ndb h4 {
    color: #0f2947;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;     
}

.landing .ndb .c1 {
    display: inline-block;
    vertical-align: middle;
    width: 47%;
    margin-right: 2%;
    position: relative;
}

.landing .ndb .c2 {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}

.landing .ndb .c1 .i1 {
    display: block;
    width: 141px;
    height: 199px;
    position: absolute;
    top: 30px;
    left: 0px;
    background-image: url(../images/css_icon.png);
}

.landing .ndb .c1 .i2 {
    display: block;
    width: 220px;
    height: 364px;
    position: absolute;
    top: 0px;
    left: 100px;
    background-image: url(../images/html_icon.png);
}

.landing .dlb {
    background-color: #256b79;
}

.prt {
    font-size: 16px;
    line-height: 22px;
    color: #061b47;
}

.prt .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.prt h1 {
    color: #222222;
    font-size: 48px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 30px;
}

.prt .cl {
    display: inline-block;
    width: 48%;
    margin-right: 1%;
    vertical-align: top;
}

.prt .browser {
    display: block;
    width: 960px;
    background-image: url(../images/browser_line.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-top: 27px;
    position: relative;
    margin: 0px auto;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    margin-bottom: 20px;
}

.prt .browser .link {
    position: absolute;
    font-size: 12px;
    color: #666666;
    left: 54px;
    top: 3px;
    text-decoration: none;
}

.prt .browser .link:hover {
    text-decoration: none;
}

.prt h2 {
    color: #222222;
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
}

.prt .makeit a {
    color: #18a7ea;
}

.prt em {
    font-weight: 400;
}

.prt strong,
.prt b {
    font-weight: 500;
}

.prt .center {
    text-align: center;
}

.prt .mi img {
    margin-left: 20px;
    margin-right: 20px;
}

.prt .command {
    display: block;
}

.prt .command .elm {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    margin-bottom: 20px;
}

.prt .command .elm span {
    display: block;
    color: #666666;
}

.prt .mobile {
    display: block;
    background-image: url(../images/phone_bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 282px;
    height: 587px;
    position: relative;
    margin: 0px auto;
}

.prt .scr {
    position: absolute;
    height: 411px;
    width: 240px;
    left: 22px;
    top: 90px;
    display: block;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5) inset;
    overflow: hidden;
}

.prt .scroll {
    display: block;
    height: 411px;
    width: 240px;
}

.prt .scroll .bl {
    
}

.prt {
    
}

.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span
{
    border-radius: 0px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.pagination>li>a, .pagination>li>span {
    color: #000000;
    border-color: #000000;
}

.pagination>li>a:hover, .pagination>li>span:hover {
    background-color: #18a7ea;
    border-color: #18a7ea;
    color: #ffffff;   
}

.breadcrumb {
    margin: 0px auto;
    width: auto;
    max-width: 1080px;
    min-width: 1000px;
    display: block;
    position: relative;
    padding: 0px;
    background: transparent;
    font-size: 14px;
    margin-top: 30px;
}

.breadcrumb a {
    color: #18a7ea; 
}

.proekt {
    display: inline-block;
    width: 30%;
    margin-right: 3%;
    vertical-align: top;
    margin-bottom: 30px;
}

.proekt .img {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.proekt a {
    color: #18a7ea;
    line-height: 24px;
    font-size: 16px;
    text-decoration: underline;
}

.proekt a:hover {
    
}

.proekt a strong {
    font-size: 22px;
    font-weight: 500;
    
}

.alert {
    border-radius: 0px;
}

.showmore {
    display: block;
    width: 150px;
    height: 40px;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #188fea;
    background-color: #188fea;
    height: 40px;
    padding-top: 9px;
    margin: 0px auto;
    text-align: center;
    cursor: pointer;
}

.showmore:hover {
    background-color: #18a7ea;
    border-color: #18a7ea;
}

.prt .gotop {
    display: block;
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.8);
    color: #ffffff;
    position: fixed;
    left: 10px;
    bottom: 10px;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
    z-index: 5;
}

.prt .gotop:hover {
    background-color: rgba(0,0,0,1);
}



.prt .makeit .btns a {
    display: inline-block;
    margin-right: 20px;
    background-color: #188fea;
    width: 133px;
    height: 41px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.prt .makeit .btns .app {
        background-image: url(../images/appstore.png);
}

.prt .makeit .btns .ggl {
        background-image: url(../images/google_play.png);
}

.portfolio_page {
    background-image: url(../images/bg_4.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.portfolio_page .in {
    padding-top: 30px;
    padding-bottom: 30px;
}

.portfolio_page h6 {
    color: #188fea;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 36px;
    padding-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;    
}

.portfolio_page .more {
    text-align: center;
    margin-top: 30px;
}

.portfolio_page .more a{
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 5px;
    border: 1px solid #188fea;
    height: 40px;
    padding-top: 14px;
    background: #188fea;

    color: #ffffff;
}

a.mobile_link {
    display: none;
    width: 30px;
    height: 30px;
    color: #ffffff;
    cursor: pointer;
}

.prt .rubricator {
    position: relative;
    float: right;
}

.prt .rubricator:hover .list {
    display: block;
}

.prt .rubricator span {
    font-size: 16px;
    color: #000000;
    font-family: "Roboto", sans-serif;
    text-transform: none;
    line-height: 22px;
   
}

.prt .rubricator .list {
    position: absolute;
    background-color: #000000;
    display: none;
}

.prt .rubricator .list a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    text-transform: none;
    padding: 10px;
}

 .clients {
        background-image: url(../images/bg_4.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        display: block;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .clients .list {
        text-align: center;
    }
    
    .clients h4 {
        text-align: center;
        font-family: 'Oswald',sans-serif; 
        font-size: 40px;
        color: #963;
        margin-top: 0px;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: 300;
    }
    
    .clients .elm .inb {
        padding: 20px;
    }
    
    .clients .elm {
        display: inline-block;
        width: 20%;
        background-color: #ffffff;
        margin: 0px 1% 20px 1%; 
        height: 200px;
        box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
    }
    
    .clients .elm .img {
       display: block;
       background-position: 50% 50%;
       background-size: contain;
       background-repeat: no-repeat;
       min-height: 150px;
        -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);
    }
    
    .clients .elm:hover .img{
         -webkit-filter: grayscale(0%);
       -moz-filter: grayscale(0%);
         -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
            filter: grayscale(0%);
    }
    
    .clients .i1 .img {
        background-image: url(../images/client_1.png);
    }
    
    .clients .i2 .img {
        background-image: url(../images/client_2.png);
    }
    
    .clients .i3 .img {
        background-image: url(../images/client_3.png);
    }
    
    .clients .i4 .img {
        background-image: url(../images/client_4.png);
    }
    
    .clients .i5 .img {
        background-image: url(../images/client_5.png);
    }
    
    .clients .i6 .img {
        background-image: url(../images/client_6.png);
        background-size: 123px 126px;
    }
    
    .clients .i7 .img {
        background-image: url(../images/client_7.png);
    }
    
    .clients .i8 .img {
        background-image: url(../images/client_8.png);
    }
    
    .clients .i9 .img {
        background-image: url(../images/client_9.png);
    }
    
    .clients .i10 .img {
        background-image: url(../images/client_10.png);
    }
    
    .clients .i11 .img {
        background-image: url(../images/client_11.png);
    }
    
    .clients .i12 .img {
        background-image: url(../images/client_12.png);
    }


@media screen and (max-width: 960px) { 
    html {
        padding-bottom: 200px;
    }
    
    .in {
    max-width: 960px;
    min-width: 640px;
    }
    
    a.mobile_link {
        display: block;
        float: right;
        margin-top: 7px;
    }
    
    header nav {
        display: none;
        position: absolute;
        background-color: #000000;
        padding: 10px;
        top: 45px;
        min-width: 230px;
        right: 0px;
    }
    
    
    header .cl2 nav ul li {
        display: block;
        text-align: left;
    }
    
    .services .slider .info_block .cl1 {
        display: none;
    }
    
    .services .slider .info_block .cl2 {
        text-align: left;
        width: 100%;
        padding: 20px;
    }
    
    .bx-wrapper .bx-controls-direction a {
        display: none;
    }
    
    .services .slider .info_block {
        padding-top: 0px;
    }
    
    .about .elm {
        display: none;
    }
    
    .about .cl1 .lg {
        padding-left: 10px;
    }
    
    .about .cl1 .txt {
        padding-left: 10px;
    }
    
    .about .bl {
        background-size: cover;
    }
    
    .portfolio .in {
        padding-left: 10px;
    }
    
    .portfolio .grid {
        max-width: 540px;
        margin: 15px auto;
    }
    
    .unique .hdb .txt {
        display: none;
    }
    
    .unique .hdb h4 {
        font-size: 96px;
        text-align: center;
        width: 100%;
    }
    
    .unique .hdb h4 span {
        font-size: 36px;
    }
    
    .unique .btb .txt,
    .unique .btb .bbl,
    .unique .imgb
    {
        display: none;
    }
    
    .unique .cnb .in {
        padding-bottom: 10px;
    }
    
    .unique .cnb .elm {
        display: block;
        width: 100%;
        margin: 0px auto 20px auto;
    }
    
    .graphic .in {
        padding-top: 30px;
        min-height: 350px;
    }
    
    .graphic .hdb h4 {
        font-size: 36px;
        line-height: 38px;
    }
    
    .graphic .hdb h4 span {
        font-size: 22px;
    }
    
    .graphic .i2,
    .graphic .i5,
    .graphic .i4
    {
        display: none;
    }
    
    .graphic .txt2 {
        left: 0px;
        text-align: center;
        width: 100%;
    }
    
    .graphic .txt {
        top: 125px;
        font-size: 16px;
    }
    
    .scheme .hdb h5 {
        font-size: 36px;
    }
    
    .scheme .b1,
    .scheme .b2,
    .scheme .b3,
    .scheme .b4,
    .scheme .b5,
    .scheme .b6,
    .scheme .b7,
    .scheme .b8,
    .scheme .b9,
    .scheme .b10
    {
        display: none;
    }
    
    .scheme .cnb .elm {
        width: 49%;
    }
    
    .scheme .cnb .elm .txt {
        font-size: 16px;
        line-height: 20px;
    }
    
    .why {
        margin-top: 0px;
    }
    
    .why .bbl {
        background-image: none !important;
        display: block;
        position: relative;
        width: 90%;
        margin: 20px auto;
        background-color: #ffffff;
        border-radius: 20px;
        height: auto !important;
        top: auto !important;
    }
    
    .why .bbl  .inb {
        padding: 20px;
    }
    
    .why .man {
        display: none;
    }
    
    .why {
        background-image: url(../images/bg_4.jpg);
    }
    
    .why .in {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    
    .also .img {
        display: none;
    }
    
    .also .txt {
        padding-left: 10px;
        padding-top: 10px;
    }
    
    .also .hdb {
        display: block;
        position: relative;
        width: 100%;
        background-position: 0px 0px;
    }
    
    .also .txt h6 {
        position: relative;
        top: auto !important;
    }
    
    footer .c1, footer .c2, footer .c3 {
        display: block;
        text-align: center;
        width: 100%;
    }
    
    footer .c1 .lg {
        display: none;
    }
    
    footer .in {
        padding-bottom: 20px;
    }
    
    footer .c2 a, footer .c3 a {
        display: none;
    }
    
    .navigator {
        display: none;
    }
    
    header .cl1,
    header .cl2 
    {
        width: 49%;
    }
    
    header .cl1 {
        padding-top: 4px;
    }
    
    header .cl1 .lg {
        margin-left: 10px;
    }
    
    .cb .in {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .cb .rs {
        display: none;
    }
    
    .cb .ls {
        width: 100%;
    }
    
    .cb .form .btn {
        margin: 0px auto;
    }
    
    .cb h1 {
        font-size: 36px;
    }
    
    .breadcrumb {
        max-width: 960px;
        min-width: 640px;
        padding-left: 10px;
    }
    
    .prt .in {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    
    .prt h1 {
        font-size: 36px;
    }
    
    .proekt {
        width: 49%;
        margin-left: 0.5%;
        margin-right: 0.4%;
    }
    
    .prt .cl {
        width: 100%;
        text-align: center;
    }
    
    .prt .command .elm {
        width: 33%;
    }
    
    .prt .browser {
        width: 100%;
        background-image: none;
        margin: 0px auto 20px;
        padding-top: 0px;
        
    }
    
    .prt .browser link {
        display: none;
    }
    
    
    .prt .browser img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
        max-height: 100%;
    }
    
    .corporate .hdb .in {
        background-image: none;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .corporate .hdb .in .txt {
        width: 100%;
       
    }
    
    .corporate .bdb .c1 {
        width: 100%;
    }
    
    .corporate .bdb .c2,
    .corporate .bdb .c3 {
        display: none;
    }
    
    .corporate .bdb {
        min-height: 200px;
    }
    
    .corporate .bdb .in {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .corporate .wdb {
        background-image: url(../images/bg_4.jpg)
    }
    
    .corporate .wdb .c1 {
        width: 100%;
        display: block;
    }
    
    .corporate .wdb .in {
       padding-left: 10px;
       padding-right: 10px; 
    }
    
    .corporate .wdb .c2 {
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    
    .corporate .wdb .c2 .bbl {
        background-image: none;
        min-height: 30px;
        height: auto !important;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 20px;
    }
    
    .corporate .rdb {
        background-image: url(../images/bg_4.jpg);
    }
    
    .corporate .rdb .in {
       padding-left: 10px;
       padding-right: 10px;
    }
    
    .corporate .rdb .c1 {
        margin-bottom: 30px;
    }
    
    .corporate .rdb .c1,
    .corporate .rdb .c2
    {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    
    .corporate .rdb .c1 .txt strong {
      font-weight: 400;
      font-size: 24px;
    }
    
    .corporate .rdb .c1 .img {
        display: none;
    }
    
    .corporate .pdb .in,
    .corporate .mdb .in,
    .portfolio_page .in
    {
       padding-left: 10px;
       padding-right: 10px;  
    }
    
    .corporate .pdb .c1,
    .corporate .pdb .c2 {
        display: block;
        width: 100%;
        margin: 0;
    }
    
    .corporate .pdb .c2 .img {
        margin: 15px auto;
    }
    
    .corporate .mdb .c1 {
        display: none;
    }
    
    .corporate .mdb .c2 {
        display: block;
        width: 100%;
        margin: 0;
    }
    
    .portfolio_page .grid
    {
      width: 540px;
      margin: 0px auto;
    }
    
    .portfolio_page h6 {
        text-align: center;
    }
    
    .shops .hdb,
    .landing .hdb,
    .landing .ndb
    {
        min-height: 200px;
    }
    
    .shops .hdb .in,
    .mobile .hdb .in,
    .mobile .sdb .in,
    .landing .hdb .in
    
    {
        background-image: none;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 200px;
        padding-bottom: 30px;
    }
    
    .shops .hdb .in .txt,
    .mobile .hdb .in .txt,
    .mobile .sdb .txt,
    .landing .hdb .in .txt
    {
        width: 100%;
    } 
    
    .shops .bdb .in,
    .shops .idb .in,
    .mobile .sdb .in,
    .mobile .mdb .in,
    .landing .gdb .in,
    .landing .mdb .in,
    .landing .ndb .in
    
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .shops .bdb .c2,
    .shops .idb .c2,
    .landing .gdb .cl .landing_slider,
    .landing .ndb .c1
    {
        display: none;
    }
    
    .shops .bdb .c1,
    .shops .idb .c1,
    .landing .gdb .cl,
    .landing .mdb .c1,
    .landing .mdb .c2,
    .landing .ndb .c2
    {
        width: 100%;
        margin: 0;
    }
    
    .landing .mdb .c2 {
        min-height: 530px;
    }
    
    .mobile .mdb h3 {
        font-size: 28px;
        text-align: center;
    }
    
    .services .t1 {
        display: none;
    }
    
    .portfolio h3 {
        width: 100%;
        text-align: center;
    }
    
    .portfolio .cats {
        text-align: center;
    }
    
    .prt .rubricator {
        display: block;
        float: none;
        text-align: right;
    }
    
    .prt .rubricator .list {
        right: 0px;
        text-align: left;
    }

    
}

@media screen and (max-width: 480px) { 
    .in {
        min-width:320px;
        max-width: 480px;
    }
    
    .services .slider .info_block .btns a.s {
        display: none;
    }
    
    .services .slider .info_block {
        min-height: 540px;
    }
    
    .bx-wrapper .bx-pager {
        text-align: center;
    }
    
    .services .slider .info_block .cl2 {
        padding: 10px;
    }
    
    .about .cl1 .lg {
        display: none;
    }
    
    .about .cl1 .txt h1 span {
        font-size: 18px;
    }
    
    .about {
        min-height: 250px;
    }
    
    .about .cl1 {
        width: 100%;
        background-image: none;
        background-size: cover;
        height: 250px;
    }
    
    .about .cl1 .txt h1 {
        color: #ffffff;
        font-size: 16px;
    }
    
    .about .cl1 .txt {
        color: #ffffff;
    }
    
    .about .cl1 .txt .ln {
        color: #ffffff;
        font-size: 14px;
    }
    
    .about .cl1 .txt .ln::before {
        width: 8px;
        height: 8px;
        background-color: rgba(255,255,255,0.6)
    }
    
    .about .bl {
        min-height: 250px;
    }
    
    .portfolio h3 {
        font-size: 36px;
        line-height: 38px;
    }
    
    .portfolio .in {
        padding-top: 70px;
    }
    
    .grid-item--width2 {
        width: 266px;
    }
    
    .grid-item--height2 {
     
    height: 144px;
    }
    
    .portfolio .cats {
        display: none;
    }
    
    .portfolio .grid {
        width: 266px;
    }
    
    .unique .hdb h4 {
        font-size: 36px;
        line-height: 38px;
        padding-top: 20px;
    }
    
    .unique .hdb h4 span {
        font-size: 22px;
    }
    
    .unique .hdb .txt {
        display: block;
        width: 100%;
        font-size: 18px;
        text-align: center;
    }
    
    .unique .hdb .txt span {
        font-size: 22px;
        line-height: 24px;
    }
    
    .graphic {
        min-height: 350px;
    }
    
    .graphic .i1 {
        width: 320px;
        margin-left: -160px;
    }
    
    .graphic .txt {
        display: none;
    }
    
    .graphic .i3 {
        top: 145px;
    }
    
    .graphic .txt2 {
        font-size: 16px;
    }
    
    .scheme .hdb h5 {
        font-size: 28px;
        top: 30px;
    }
    
    .graphic .hdb h4 span {
        line-height: 14px !important;
        font-size: 20px;
    }
    
    .scheme .cnb .elm {
        width: 100%;
    }
    
    .also .txt .elm {
        background-image: none;
        padding-left: 10px;
    }
    
    .also .hdb {
        display: none;
    }
    
    .also .txt {
        padding-top: 30px;
    }
    
    .corporate .hdb .in {
        padding-bottom: 30px;
    }
    
    .corporate .rdb .c2 .elm {
        width: 100%;
        margin-right: 0;
    }
    
    .corporate .pdb .c2 {
        display: none;
    }
    
    .corporate .dlb .in,
    .shops .dlb .in
    {
        padding-left: 10px;
    }
    
    .corporate .dlb .cl,
    .shops .dlb .cl
    {
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
        
    }
    
    .portfolio_page .grid {
        width: 266px;
    }
    
    .mobile .hdb .in .txt a {
        font-size: 13px;
    }
    
    .mobile .mdb .elm {
        width: 100%;
    }
    
    .landing .mdb .c2 {
        display: none;
    }
    
    .cb .txt a {
        background: transparent;
        color: #188fea;
        padding: 0;
    }
    
    .breadcrumb {
        max-width: 480px;
        min-width: 320px;
    }
    
    .proekt {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .prt .cl img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
        max-height: 100%;
    }
    
    .prt .makeit .btns a:first-child {
        margin-bottom: 20px;
        margin-right: 0;
    }
    
    .prt .makeit .btns {
        text-align: center;
    }
    
    .prt .command .elm {
        width: 100%;
    }
    
    .breadcrumb>.active {
        display: none;
    }
    
    .breadcrumb a {
        font-size: 12px;
    }
    
    .gotop {
        display: none !important;
    }
    
    .prt .browser .link {
        display: none;
    }
    
    .clients .elm {
        display: block;
        width: 250px;
        margin: 0px auto 20px auto;
    }
    
    header .cl3 {
        display: none;
    }
}