@font-face {
    font-family: "DINCondensedC";
    src: url("../fonts/PFDinCondensedMedium.eot");
    src: url("../fonts/PFDinCondensedMedium.eot?#iefix")format("embedded-opentype"), url("../fonts/PFDinCondensedMedium.woff") format("woff"), url("../fonts/PFDinCondensedMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Intro';
    src: url('../fonts/intro.woff2') format('woff2'), url('../fonts/intro.woff') format('woff'), url('../fonts/intro.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "GothamProRegular";
    src: url("../fonts/GothamProRegular/GothamProRegular.eot");
    src: url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"), url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProBold";
    src: url("../fonts/GothamProBold/GothamProBold.eot");
    src: url("../fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProBold/GothamProBold.woff") format("woff"), url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProBlack";
    src: url("../fonts/GothamProBlack/GothamProBlack.eot");
    src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"), url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProItalic";
    src: url("../fonts/GothamProItalic/GothamProItalic.eot");
    src: url("../fonts/GothamProItalic/GothamProItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProItalic/GothamProItalic.woff") format("woff"), url("../fonts/GothamProItalic/GothamProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProMedium";
    src: url("../fonts/GothamProMedium/GothamProMedium.eot");
    src: url("../fonts/GothamProMedium/GothamProMedium.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProMedium/GothamProMedium.woff") format("woff"), url("../fonts/GothamProMedium/GothamProMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProLight";
    src: url("../fonts/GothamProLight/GothamProLight.eot");
    src: url("../fonts/GothamProLight/GothamProLight.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProLight/GothamProLight.woff") format("woff"), url("../fonts/GothamProLight/GothamProLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProMediumItalic";
    src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot");
    src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProMediumItalic/GothamProMediumItalic.woff") format("woff"), url("../fonts/GothamProMediumItalic/GothamProMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProLightItalic";
    src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot");
    src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProLightItalic/GothamProLightItalic.woff") format("woff"), url("../fonts/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProBoldItalic";
    src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot");
    src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProBoldItalic/GothamProBoldItalic.woff") format("woff"), url("../fonts/GothamProBoldItalic/GothamProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: "GothamProBlackItalic";
    src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot");
    src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/GothamProBlackItalic/GothamProBlackItalic.woff") format("woff"), url("../fonts/GothamProBlackItalic/GothamProBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    min-width: 1300px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}
.shp {
    position: absolute;
    top: 40px;
    right: 80px;
    z-index: 2;
    width: 200px
}
.shp a:hover {
    color: #00adee
}
.workcentered {
    position: relative;
    height: 470px;
    display: none
}
.workcentered .imgtextu {
    top: auto;
    bottom: 116px
}
.shp a {
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    font-size: 12px
}
.bbsmechanics img {
    margin: 0 auto;
    display: block
}
.bbsmechanics {
    background: #29ABE2 url(../img/msllp.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 200px
}
.hidmenu {
    display: none
}
.hidtel {
    display: none
}
.bbswork {
    background: url(../img/look.png)no-repeat;
    height: 484px;
    position: relative;
    margin-top: -140px;
    z-index: 10
}
::selection {
    background: #b3d4fc;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
.footer sup {
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 7px;
    position: relative;
    top: -6px
}
.oursocial {
    position: absolute;
    top: 40px;
    right: 306px;
    z-index: 10
}
.oursocial a {
    display: block;
    float: left;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    opacity: 0.5
}
.oursocial a:hover {
    opacity: 1
}
.socfacebook {
    background: url(../img/socfacebook.svg);
    background-size: auto 84%;
    background-repeat: no-repeat
}
.soclinkedin {
    background: url(../img/soclinkedin.svg);
    background-size: auto 83%;
    background-repeat: no-repeat
}
.socbehance {
    background: url(../img/socbehance.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.callclose {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -45px;
    top: -8px;
    background: url(../img/callclose.svg);
    background-size: 100% 100%;
    opacity: 0.5;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}
.callclose:hover {
    opacity: 1;
    cursor: pointer
}
.callheader {
    color: white;
    text-transform: uppercase;
    font-family: "Intro";
    font-size: 36px;
    text-align: center;
    margin-bottom: 15px
}
.wecall {
    position: absolute;
    font-weight: 400;
    position: absolute;
    top: 200px;
    color: white;
    text-align: center;
    width: 100%;
    left: 0
}
.callhide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
#sendit .smallheader.upper.red {
    color: white;
    padding-top: 10px
}
#sendit {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #008ABE;
    padding: 50px 40px;
    width: 500px;
    margin-left: -290px;
    height: 180px;
    margin-top: -130px;
    border-radius: 2px;
    box-shadow: 0px 0px 40px -5px rgba(255, 255, 255, 0.2);
    z-index: 10
}
.callsend {
    position: absolute;
    top: 122px;
    height: 52px;
    right: 38px;
    width: 140px;
    line-height: 52px;
    background: #222230;
    text-align: center;
    color: white;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold
}
.callsend:hover {
    background: white;
    color: #008abe
}
#sendit input::-webkit-input-placeholder {
    color: #222230
}
#sendit input::-moz-placeholder {
    color: #222230
}
#sendit input:-moz-placeholder {
    color: #222230
}
#sendit input:-ms-input-placeholder {
    color: #222230
}
#sendit input {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    position: absolute;
    top: 122px;
    height: 50px;
    width: 480px;
    border: 0;
    outline: none;
    background: #97D1E0;
    padding-left: 20px
}
.mhi {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: none;
    top: 0;
    left: 0
}
textarea {
    resize: vertical
}
.oursrv {
    width: 66%;
    max-width: 790px;
    float: left;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}
.serviceontact .polename {
    color: #575768
}
.mmo {
    float: left
}
.mtf {
    margin-top: 50px
}
.facebook a {
    display: block;
    width: 16px;
    height: 18px;
    background: url(../img/fb.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    position: relative;
    top: 2px;
    margin-left: 10px
}
.helpyou {
    float: right;
    width:32%;
    margin-top: 70px;
    /*max-width:280px;*/
}
.developcenter .line {
    margin-bottom: 80px;
    margin-top: 20px
}
.flor {
    float: right
}
.cesecenter .smallimage {
    float: left
}
.bottomminus {
    position: relative;
    top: 160px;
    margin-top: -160px !important
}
.iconco {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
    height: 80px;
    background: url(../img/marker.png);
    background-repeat: no-repeat;
    background-position: center center
}
.helpyou {
    padding: 40px 50px;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.14);
    color: #575768;
    box-sizing: border-box;
}
.casecontact:hover {
    border: 2px solid white
}
.casecontact {
    width: 289px;
    height: 361px;
    border: 2px solid #EB1751;
    margin-left: 20px;
    position: relative;
    display: block
}
.floatright {
    float: right
}
.backward .presentbutton {
    margin-top: 20px
}
.helpyou .presentbutton:hover {
    box-shadow: inset 0 0 0 2px #00adee;
=: #222
}
.helpyou .presentbutton {
    position: relative;
    left: -10px;
    top: -15px
}
.helpyou .polename {
    color: #575768
}
.helpyou .backward {
    margin: 0;
    width: 100%;
}
.polename {
    color: #e1e4e6;
    font-weight: 400;
    margin-bottom: 5px;
    padding-left: 30px
}
.backward input,
.backward textarea {
    margin-bottom: 20px
}
.contactright .backward {
    width: 100%;
    padding-top: 67px
}
.backward {
    width: 640px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.backward input {
    width: 600px;
    padding: 15px 20px;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    outline: none;
    font-weight: 400;
    box-sizing: border-box;
}
.helpyou .backward input,
.helpyou .backward textarea {
    width: 100%;
    border: 1px solid #e1e4e6
}
.backward textarea {
    width: 600px;
    padding: 15px 20px;
    height: 100px;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
}
.contacts .line {
    margin-top: 30px;
    margin-bottom: 50px
}
.contacts {
    background: url(../img/contact.jpg);
    padding-top: 10px;
    padding-bottom: 1px;
    background-size: cover;
    padding-bottom: 0;
    position: relative;
}
.whitesmoke {
    color: #e1e4e6 !important
}
.topservices .in {
    height: 100%
}
.topmain {
    z-index: 1;
    width: 100%;
    background: url(../img/adcorebg.jpg);
    background-size: cover;
    position: relative;
    min-height: 600px;
    background-position: center center;
    height: 850px !important
}
.in {
    width:96%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}
.works .in {
    max-width: 1300px
}
.topmmenu {
    width: 420px;
    position: absolute;
    left: 50%;
    margin-left: -210px;
    top: 40px;
    z-index: 2;
    text-align: center;
}
.item {
    font-size: 16px;
    font-weight: 300
}
.item a {
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}
.item a:hover {
    color: #00adee
}
.topmmenu .item {
    /*float: left;
    width: 25%;*/
    display: inline-block;
    padding:0 10px;
    text-align: center
}
.present {
    width: 665px;
    position: absolute;
    left: 50%;
    margin-left: -332px;
    top: 50%
}
.line {
    width: 20px;
    height: 2px;
    background: #00adee;
    margin: 0 auto
}
.present .description {
    text-align: center;
    margin: 30px 0;
    font-weight: 500;
    font-style: normal
}
.map .description.dot {
    background: url(../img/dotted.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 15px;
    margin-bottom: 5px
}
.mamsok {
    position: absolute;
    top: -30px;
    right: 10px;
    width: 192px;
    height: 192px;
    background: url(../img/mamsok.png)
}
a:hover {
    color: #2b2b33
}
.viewmoreicon {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
    height: 80px;
    background: url(../img/viewmore.png);
    background-repeat: no-repeat;
    background-position: center center
}
.caseright:hover .caseheader {
    color: white !important
}
.caseright:hover {
    border: 2px solid white;
    cursor: pointer
}
.caseright {
    display: block;
    float: right;
    width: 295px;
    height: 381px;
    border: 2px solid #EB1751;
    position: relative
}
.floatmenu a:hover {
    color: #2b2b33 !important
}
a {
    color: #00adee;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}
.map .description {
    font-size: 18px
}
.black {
    color: #262633 !important
}
.msb {
    margin-bottom: 50px;
    margin-top: -10px;
    font-size: 18px !important
}
.mobiletablet {
    background: url(../img/mag.png)no-repeat;
    height: 539px;
    background-position: right top
}
.mobiletablet .header {
    padding-top: 130px
}
.mobiletablet .description {
    text-align: left;
    font-size: 18px;
    width: 493px
}
.secheader {
    font-size: 24px;
    line-height: 35px;
    color: #00adf0;
    text-align: center;
    margin-bottom: 14px;
    margin-top: -5px;
    font-family: "Intro";
}
.description {
    font-size: 16px;
    line-height: 30px;
    color: #575768;
    text-align: center;
}
.logo {
    z-index: 2;
    width: 130px;
    background-repeat: no-repeat;
    height: 33px;
    background: url(../img/adcorelogo.svg)no-repeat;
    margin: 0 auto;
    position: absolute;
    left: 80px;
    top: 32px;
}
.what {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 37px;
    line-height: 35px;
    text-align: center;
    margin: 30px 0;
    margin-bottom: 55px;
    font-family: 'GothamProBold', sans-serif
}
.presentbutton {
    width: 260px;
    height: 65px;
    text-align: center;
    line-height: 66px;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
    letter-spacing: 1px;
    margin: 0 auto;
    border-radius: 3px;
    background: #00adee;
    font-family: 'DINCondensedC', sans-serif;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-family: 'Intro'
}
.presentbutton:hover {
    color: #00adee;
    background: #ffffff;
    background-position: 0 75px
}
.serviceontact .presentbutton:hover {
    color: white;
    box-shadow: inset 0 0 0 2px #00adee;
    color: #00adee
}
.allworks {
    width: 260px;
    height: 65px;
    text-align: center;
    line-height: 66px;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
    letter-spacing: 1px;
    margin: 0 auto;
    border-radius: 3px;
    background: #00adee;
    font-family: 'DINCondensedC', sans-serif;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-family: 'Intro';
    margin-top: 40px;
    display: block;
    text-decoration: none
}
.allworks:hover {
    background: white;
    color: #00adee
}
.casedescription {
    color: #eb1751;
    position: absolute;
    bottom: 34px;
    width: 100%;
    text-align: center
}
.casecontact:hover .caseheader {
    color: white !important
}
.dotted {
    height: 3px;
    background: url(../img/dotteds.png);
    margin: 25px 0;
    background-repeat: no-repeat;
    background-position: center center
}
.designactivebutton:hover {
    color: white;
    border-color: white;
    cursor: pointer
}
.designactivebutton {
    position: absolute;
    bottom: 30px;
    border: 1px solid #E1174F;
    padding: 7px 0px;
    border-radius: 24px;
    color: #EB1751;
    font-family: 'DINCondensedC', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    width: 180px;
    letter-spacing: 1px;
    left: 50%;
    margin-left: -90px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}
.trg {
    width: 23px;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -11px;
    background: url(../img/trg.png)
}
.floatservices {
    position: absolute;
    bottom: 0;
    height: 275px
}
.floatservice:hover .smallheader {
    color: #EC1852 !important
}
.floatservice:hover {
    cursor: pointer
}
.floatservice {
    width: 21%;
    float: left;
    text-align: center;
    margin-right: 0;
    padding: 0 2%;
    position: relative;
    height: 275px
}
.caseheader {
    font-family: 'DINCondensedC', sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    color: #EB1751 !important;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 52px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}
.promotionicon {
    background: url(../img/bigpromotion.png);
    background-repeat: no-repeat;
    background-position: center center
}
.designicon {
    background: url(../img/bigdesign.png);
    background-repeat: no-repeat;
    background-position: center center
}
.strategyicon {
    background: url(../img/bigstrategy.png);
    background-repeat: no-repeat;
    background-position: center center
}
.developmenticon {
    background: url(../img/bigdev.png);
    background-repeat: no-repeat;
    background-position: center center
}
.serviceicon {
    position: absolute;
    width: 160px;
    height: 160px;
    left: 50%;
    margin-left: -80px;
    bottom: 100px
}
.map .header {
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
    background: url(../img/smallmarker.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 25px
}
.servicework .header {
    margin-top: 0;
    padding-top: 140px
}
.header {
    font-size: 48px;
    line-height: 50px;
    color: #262633;
    text-align: center;
    padding-top: 70px;
    margin-bottom: 20px;
    font-family: 'Intro';
    font-weight: normal
}
.text {
    font-size: 21px;
    line-height: 30px;
    color: #575768;
    text-align: center;
    margin-bottom: 40px
}
.more {
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    margin-bottom: 60px;
    color: #00adee;
    width: 420px;
    font-family: 'Intro';
    white-space: nowrap
}
.mP�u P�u 9) 0%c ��u p�u @ p�u -family:'Intro';
border:2px solid #e4e3e3;
padding:10px 40px;
border-radius:5px
}
.more a:hover {
    border: 2px solid #2b2b33
}
.activefilter {
    color: #EB1751;
    border: 2px solid #EB1751;
    padding: 10px 40px;
    border-radius: 20px
}
.filter {
    font-family: 'DINCondensedC', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 30px
}
.gray {
    background: #e1e4e6 !important
}
.light {
    font-weight: 300
}
.ourservices .line {
    margin-bottom: 30px;
    margin-top: 20px
}
.floatlogo {
    position: absolute;
    top: 23px;
    left: 40px;
    width: 130px;
    height: 34px;
    background: url(../img/adcorelogod.svg)no-repeat;
}
.floatphone span {
    color: #b2b2b2;
    padding-right: 4px
}
.callback:hover,
.callback span:hover {
    color: white
}
.callback span {
    border-bottom: 1px dotted
}
.callback,
.callback span {
    position: absolute;
    font-size: 10px;
    color: #00aff1;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    bottom: -9px;
    right: 0px;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-transform: uppercase;
    display: block;
    white-space: nowrap
}
.floatphone b {
    font-weight: 500
}
.floatphone i {
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    padding-right: 4px
}
.shp .floatphone {
    top: 0;
    color: white
}
.floatphone {
    position: absolute;
    top: 31px;
    right: 0;
    color: #262633;
    font-size: 19px;
    font-family: 'Intro'
}
.floatmenuin {
    position: absolute;
    left: 50%;
    top: 31px;
    width: 440px;
    margin-left: -220px;
    text-align: center;
}
.floatmenuin .item a {
    color: #00adee;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}
.floatmenu {
    height: 84px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 99
}
.floatmenuin .item {
    /* float: left; */
    /* margin-left: 40px; */
    display: inline-block;
    padding: 0 10px;
    text-align: center;
}
.floatmenu.floatscroll.fixed_position {
    position: fixed;
    top: 0;
    left: 0
}
.works {
    padding-top: 10px;
    background: #262633;
    padding-bottom: 70px
}
.white {
    color: white !important
}
.casesleft {
    float: left;
    width: 50%;
    margin-top: 50px
}
.bigimage {
    padding-right: 20px
}
.smallimage {
    padding-bottom: 20px
}
.casesleft img {
    /* float: left;*/
    border-radius: 2px
}
.casesright img.bigimage {
    float: left;
    padding-right: 0px;
    padding-left: 10px
}
.casesright img {
    /*float: right;*/
    border-radius: 2px
}
.casesright .biggestimage {
    padding-bottom: 20px
}
.casesright {
    float: right;
    width: 50%;
    margin-top: 50px
}
.clear {
    clear: both
}
.red {
    color: #00adee
}
.services {
    max-width: 1200px;
    margin: 0 auto
}
.promotion .icon {
    width: 33px;
    height: 36px;
    background: url(../img/services.png);
    background-position: -197px 0px;
    margin-bottom: 20px
}
.service {
    width: 25%;
    float: left
}
.strategy .icon {
    width: 33px;
    height: 36px;
    background: url(../img/services.png);
    background-position: 0px 0px;
    margin-bottom: 20px
}
.design .icon {
    width: 50px;
    height: 36px;
    background: url(../img/services.png);
    background-position: -53px 0px;
    margin-bottom: 20px
}
.development {
    width: 21%;
    padding: 40px 2%;
    position: relative;
    top: -40px;
}
.serviceontact .in {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.14);
    background: white;
    position: relative
}
.bbscont .insmall {
    font-size: 18px;
    width: 100%
}
.bbscontent img {
    margin: 0 auto;
    display: block
}
.bbscont .line {
    margin-bottom: 20px
}
.topbbs .description {
    font-size: 18px
}
.topbbs .smallbbs {
    width: 360px;
    margin-top: 20px !important;
    font-size: 18px
}
.mtrp {
    position: absolute !important;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1 !important
}
.bbscont img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 2
}
.bbscont .in {
    position: static
}
.alignright {
    text-align: right !important
}
.bbsworkright .description {
    font-size: 18px
}
.bbsworkright {
    width: 525px;
    float: right;
    margin-top: 10px
}
.bbscont {
    position: relative
}
.bbscont {
    background: #29ABE2 url(../img/bgts.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 175px
}
.topbbs {
    background: url(../img/mombaby.jpg);
    background-size: cover;
    background-position: center center;
    height: 760px
}
.topbbs .header {
    padding-top: 200px;
    font-size: 80px;
    line-height: 80px
}
.development .callusi:hover {
    color: white
}
.callusi:hover {
    color: #2b2b33
}
.callusi {
    color: #00adee;
    text-decoration: underline;
    margin-top: 20px;
    font-family: 'DINCondensedC', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    position: relative;
    z-index: 10;
    font-weight: normal;
    font-style: normal;
}
.insmall {
    max-width: 1200px;
    width:96%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 90px
}
.development .icon {
    width: 50px;
    height: 36px;
    background: url(../img/services.png);
    background-position: -120px 0px;
    margin-bottom: 20px
}
.lowercase {
    text-transform: none !important;
    margin-top: 33px;
    margin-bottom: 10px;
}
.smalldescriptionas {
    font-weight: 300;
    color: #575768;
    line-height: 32px;
    font-size: 16px;
    margin: 0;
}
.service .smallheader::after {
    height: 2px;
    width: 20px;
    background: #00adee;
    content: '';
    display: block;
    margin-top: 10px
}
.smallheader {
    font-size: 21px;
    line-height: 35px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    margin-bottom: 10px;
    font-family: 'Intro';
}
.smalldescription p {
    font-weight: 300;
    color: #575768;
    margin-bottom: 8px;
    margin-top: 8px;
    line-height: 2;
    width: 80%;
}
.ourclients .description {
    font-weight: 300
}
.ourclients {
    background: #00adee;
    padding-top: 10px;
    padding-bottom: 30px;
    margin-top: 80px
}
.clients {
    overflow: hidden
}
.clients img {
    display: block;
    margin: 70px auto;
    width: 100%
}
.map.contacts .mapoverlay {
    left: 8.6%;
    right: auto
}
.map {
    height: 460px;
    position: relative;
}
.mapoverlay {
    position: absolute;
    top: 40px;
    right: 10%;
    width: 346px;
    height: 380px;
    background: white;
    z-index: 9;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3)
}
.developcenter {
    background: url(../img/ukrbg.jpg);
    padding-top: 10px;
    padding-bottom: 80px;
    background-size: cover
}
.develops .description {
    font-weight: 300
}
.actitem a {
    color: #EB1751;
    cursor: default
}
.develop {
    width: 33.33%;
    float: left
}
.software .ico {
    background: url(../img/develop.png);
    background-position: 0px 0;
    width: 171px;
    height: 194px;
    margin: 0 auto
}
.topcontacts .line {
    margin-bottom: 20px
}
.topwork .line {
    margin-bottom: 20px
}
.topservices .line {
    margin-bottom: 10px;
}
.topwork .header {
    padding-top: 110px
}
.topcontacts .header {
    padding-top: 120px
}
.topservices .header {
    padding-top: 120px
}
.topcontacts {
    background: url(../img/topcontacts.jpg);
    height: 444px;
    background-size: cover;
    background-position: center center
}
.topservices .smallheader {
    color: white
}
.topservices .smalldescription p {
    color: white
}
.topservices .smalldescriptionas {
    color: white
}
.topservices {
    background: url(../img/topbg.jpg);
    height: 670px;
    background-size: cover;
    background-position: center center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.topservices .services {
    margin-top: 35px;
}
.servicework .line {
    margin-bottom: 50px
}
.servicework {
    background: #262633;
    margin-top: -70px;
    padding-bottom: 70px
}
.serviceontact {
    margin-top: 20px
}
.bigheader {
    font-size: 80px;
    line-height: 80px
}
.servicesbody {
    padding-bottom: 50px
}
.topwork {
    background: url(../img/topwork.jpg);
    height: 444px;
    background-size: cover;
    background-position: center center
}
.developheader {
    font-family: 'DINCondensedC', sans-serif;
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    color: white
}
.serviceontact .contactright .backward input,
.serviceontact .contactright .backward textarea {
    border: 1px solid #E1E4E6
}
.contactright .backward input {
    width: 100%
}
.contactright .backward textarea {
    width: 100%
}
.contactleft {
    width: 40%;
    max-width:440px;
    float: left
}
.contactright {
    width: 54%;
    max-width: 530px;
    float: right
}
.leftline {
    margin: 0 !important
}
.alignleft {
    text-align: left !important
}
.descriptionsmall {
    font-size: 18px
}
.helpyou .smalldescription {
    line-height: 36px;
    font-size: 18px
}
.helpyou .header {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 26px;
    padding-top: 0px
}
.serviceontact .contactleft .descriptionsmall {
    color: #575768 !important
}
.alignleft {
    text-align: left
}
.contactleft .line {
    margin: 20px 0 !important
}
.bbsfooter {
    background: #262633;
    padding-bottom: 60px;
    padding-top: 1px
}
.bluest {
    color: #6c7880 !important
}
.bbsfooter .line {
    margin-bottom: 30px
}
.contactsin .header.red {
    font-size: 42px
}
.grayblack {
    background: #575768 !important
}
.contactus:hover {
    color: #222222;
    cursor: pointer
}
.contactus {
    text-decoration: underline;
    margin-top: 40px;
    font-family: 'DINCondensedC', sans-serif;
    font-size: 20px
}
.aligncenterimg {
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    position: relative;
    left: 32px
}
.finaldesign .header {
    padding-top: 60px
}
.finaldesign img {
    display: block;
    margin: 0 auto;
    margin-top: 30px
}
.finaldesign {
    background: url(../img/finaldes.png);
    height: 930px
}
.smallheader.upper.red {
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    height: 75px;
    margin-bottom: 0px;
}
.upper {
    text-transform: uppercase
}
.floatin {
    position: fixed !important;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.14)
}
.topcountries .ico {
    background: url(../img/develop.png);
    background-position: -194px 0;
    width: 171px;
    height: 194px;
    margin: 0 auto
}
.growth .ico {
    background: url(../img/develop.png);
    background-position: -390px 0;
    width: 171px;
    height: 194px;
    margin: 0 auto
}
.footer .oursocial {
    right: 40px;
    top: 21px
}
.footer {
    color: #575768;
    text-align: center;
    background: #262633;
    padding: 25px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Intro';
    font-size: 12px;
    position: relative
}
#map {
    height: 100%
}
.hidden {
    display: none !important
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.hidden {
    opacity: 0
}
.visible {
    opacity: 1 !important
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
.imageblockq {
    text-align: center;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    color: #ffffff;
    width: 100%;
    height: auto;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imgtextblo {
    position: absolute;
    top: auto;
    line-height: 1;
    z-index: 78;
    bottom: 15px;
    width: 100%;
    left: 0;
}
.imgtextq p:first-child {
    font-weight: 800;
    font-size: 1.2em
}
.imgtextq p:last-child {
    font-weight: 400;
    font-size: 0.9em
}
.imageblockw {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 330px;
    color: #ffffff;
    width: 310px;
    height: 407px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imgtextw {
    position: relative;
    top: 320px;
    line-height: 1px
}
.imgtextw p:first-child {
    font-weight: 800;
    font-size: 1.2em
}
.imgtextw p:last-child {
    font-weight: 400;
    font-size: 0.9em
}
.imageblockr {
    text-align: center;
    position: absolute;
    top: 424px;
    left: 330px;
    color: #ffffff;
    width: 310px;
    height: 210px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imgtextr {
    position: relative;
    top: 126px;
    line-height: 1px
}
.imgtextr p:first-child {
    font-weight: 800;
    font-size: 1.2em
}
.imgtextr p:last-child {
    font-weight: 400;
    font-size: 0.9em
}
.imageblocki {
    text-align: center;
    position: absolute;
    top: 663px;
    left: 0px;
    color: #ffffff;
    width: 640px;
    height: 403px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imageblockiq {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #ffffff;
    width: 310px;
    height: 403px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imageblockiw {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 330px;
    color: #ffffff;
    width: 310px;
    height: 403px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imageblockie {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 660px;
    color: #ffffff;
    width: 640px;
    height: 403px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imgtexti {
    position: relative;
    top: 305px;
    line-height: 1px
}
.imgtexti p:first-child {
    font-weight: 800;
    font-size: 1.2em
}
.imgtexti p:last-child {
    font-weight: 400;
    font-size: 0.9em
}
.imageblocky {
    text-align: center;
    position: absolute;
    top: 428px;
    right: 0;
    color: #ffffff;
    width: 310px;
    height: 210px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imgtexty {
    position: relative;
    top: 123px;
    line-height: 1px
}
.imgtexty p:first-child {
    font-weight: 800;
    font-size: 1.2em
}
.imgtexty p:last-child {
    font-weight: 400;
    font-size: 0.9em
}
.isobil:hover {
    color: white
}
.isobil:hover {
    opacity: 1
}
.isobil p {
    cursor: default;
    padding: 10px 5px;
    margin: 0;
}
.isobil {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-decoration: none;
    display: block
}
.imageblockt {
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 330px;
    color: #ffffff;
    width: 310px;
    height: 639px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imgtextt {
    position: relative;
    top: 542px;
    line-height: 1px
}
.imgtextt p:first-child {
    font-weight: 800;
    font-size: 1.2em
}
.imgtextt p:last-child {
    font-weight: 400;
    font-size: 0.9em
}
.imageblocke {
    text-align: center;
    position: absolute;
    top: 1px;
    right: 0px;
    color: #ffffff;
    width: 640px;
    height: 407px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imgtexte {
    position: relative;
    top: 311px;
    line-height: 1px
}
.imgtexte p:first-child {
    font-weight: 800;
    font-size: 1.2em
}
.imgtexte p:last-child {
    font-weight: 400;
    font-size: 0.9em
}
.imageblocku {
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 0;
    color: #ffffff;
    width: 310px;
    height: 405px;
    opacity: 0.7;
    z-index: 77;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 0) 14%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0)
}
.imgtextu {
    position: relative;
    top: 307px;
    line-height: 1px
}
.imgtextu p:first-child {
    font-weight: 800;
    font-size: 1.2em
}
.imgtextu p:last-child {
    font-weight: 400;
    font-size: 0.9em
}
.worksmob {
    display: none
}
.ourclientsmob {
    display: none
}
.emptymap {
    display: none
}
.morework {
    display: none
}
@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
@media only screen and (min-width: 260px) and (max-width: 768px) {
    body {
        width: 100%;
        margin: 0px;
        -webkit-appearance: none
    }
    .smalldescriptionas {
        text-align: center
    }
    .development:after {
        display: none!important
    }
    .overclosed {
        width: 48px;
        height: 48px;
        background: #252533 url(../img/callclose.svg);
        position: fixed;
        right: 0px;
        top: 20px;
        display: block !important;
        background-size: 100% 100%;
        opacity: 0.6
    }
    input,
    textarea {
        -webkit-appearance: none
    }
    .secheader {
        font-size: 18px;
        font-family: 'Intro';
        margin-top: -10px
    }
    .topmmenu,
    .shp {
        display: none;
        position: fixed;
        top: 0;
        margin-left: 0;
        left: 0;
        background: #00aff1;
        padding: 20px 0;
        z-index: 9999999999999;
        height: 100%;
        width: 70%;
        box-shadow: 0 0 70px 0 #262633
    }
    .topservices {
        height: auto
    }
    .topmmenu .item {
        width: 100%;
        float: none;
        text-align: left;
        padding-left: 10%
    }
    .hlogo a {
        width: 155px;
        height: 20px;
        background: url(../img/adcorelogow.svg)no-repeat;
        background-size: 100% auto;
        display: block !important;
        margin-bottom: 30px;
        margin-top: 0px;
    }
    .hlogo {
        display: block !important
    }
    .topmmenu .item a {
        font-size: 18px;
        padding: 10px 0;
        display: block;
        letter-spacing: 1px
    }
    .logo {
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 auto;
        left: 0%;
        top: 20px;
        background-position: center center;
        background: url(../img/adcorelogo.svg)no-repeat;
        background-size: auto 100%;
    }
    .footer .oursocial a {
        float: none;
        display: inline-block
    }
    .footer .oursocial {
        position: relative;
        top: 0;
        left: 0;
        margin: 20px 0
    }
    .topservices .description {
        line-height: 32px
    }
    .description {
        font-size: 16px;
        line-height: 20px;
        margin: 0 auto;
        font-weight: 400;
        line-height: 24px;
        width: 90%
    }
    .contactleft .line {
        position: relative;
        left: 5%
    }
    .contactleft {
        width: 100%;
        float: none;
        max-width: 100%;
    }
    .what {
        font-size: 17px;
        margin-bottom: 30px;
        margin-top: 15px
    }
    .helpyou .presentbutton {
        top: 0;
        float: none !important;
        left: 50%;
        margin-left: -100px;
    }
    .presentbutton {
        width: 200px;
        height: 53px;
        line-height: 55px;
        font-size: 14px;
        letter-spacing: 1px;
        border-radius: 3px
    }
    .backward .presentbutton {}.polename {
                                   padding-left: 0
                               }
    .in {
        width: 96%
    }
    .logo {
        left: 0;
        top: 20px;
        width: 100%;
        background-position: center center;
        display: block !important
    }
    .hidmenu {
        position: fixed;
        display: block;
        width: 43px;
        height: 43px;
        top: 16px;
        left: 20px;
        background: url(../img/hmenu.svg)no-repeat;
        z-index: 10;
        background-size: 100% 100%;
        opacity: 1;
        z-index: 999;
    }
    .oursocial {
        display: block !important
    }
    .hidtel {
        position: fixed;
        display: block;
        width: 33px;
        height: 33px;
        top: 21px;
        right: 20px;
        background: url(../img/phn.svg)no-repeat;
        z-index: 10;
        background-size: 100% 100%;
        opacity: 1;
        z-index: 999;
    }
    .oursocial {
        left: 0;
        width: 100%;
        text-align: center;
        top: 68px
    }
    .oursocial a {
        float: none;
        display: inline-block
    }
    .mainblock .mon {
        padding-top: 320px !important
    }
    .overmasked {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(38, 38, 51, 0.91);
        z-index: 9999
    }
    .mon .sha1,
    .mon .sha2,
    .mon .sha3,
    .mon .sha4,
    .mon .sha5 {
        width: 80%;
        background: none;
        position: relative;
        top: 0;
        height: auto;
        margin-bottom: 15px;
        left: 0;
        padding-left: 60px;
        box-sizing: border-box;
    }
    .mon .sha6,
    .mon .sha7,
    .mon .sha8,
    .mon .sha9,
    .mon .sha10,
    .mon .sha11 {
        width: 80%;
        background: none;
        position: relative;
        top: 0;
        height: auto;
        margin-bottom: 20px;
        left: 0;
        padding-left: 60px
    }
    .mon .sha1:after,
    .mon .sha2:after,
    .mon .sha3:after,
    .mon .sha4:after,
    .mon .sha5:after {
        content: '';
        width: 60px;
        height: 60px;
        display: block;
        background: url(../img/dot.png);
        background-position: center center;
        background-size: 100% 100%;
        position: absolute;
        top: -19px;
        left: 0px
    }
    .mon .sha6,
    .mon .sha7,
    .mon .sha8,
    .mon .sha9,
    .mon .sha10,
    .mon .sha11 {
        width: 80%;
        background: none;
        position: relative;
        top: 0;
        height: auto;
        margin-bottom: 20px;
        left: 0;
        padding-left: 60px
    }
    .mon .sha6:after,
    .mon .sha7:after,
    .mon .sha8:after,
    .mon .sha9:after,
    .mon .sha10:after,
    .mon .sha11:after {
        content: '';
        width: 60px;
        height: 60px;
        display: block;
        background: url(../img/dot.png);
        background-position: center center;
        background-size: 100% 100%;
        position: absolute;
        top: -19px;
        left: 0px
    }
    .mon .shaheader {
        top: 0 !important;
        padding-bottom: 0
    }
    .mon .textblock {
        margin-top: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        top: 0 !important
    }
    .mon .sha1 {
        right: auto
    }
    .mon .sha2 {
        right: auto
    }
    .mon .sha3 {
        right: auto
    }
    .mon .sha4 {
        right: auto
    }
    .mon .sha5 {
        right: auto
    }
    .mon .sha6 {
        right: auto
    }
    .mon .sha7 {
        right: auto
    }
    .mon .sha8 {
        right: auto
    }
    .mon .sha9 {
        right: auto
    }
    .mon .sha10 {
        right: auto
    }
    .mon .sha11 {
        right: auto
    }
    .oursrv .header {
        padding: 0 0px;
        text-align: center !important;
        padding-top: 40px
    }
    .contactsin .header.red {
        font-size: 24px;
        padding: 20px 0px;
        padding-top: 20px;
        width: 90%;
        margin: 0 auto
    }
    .header {
        font-size: 24px;
        line-height: 32px;
        padding-top: 30px;
        margin-bottom: 20px;
        font-weight: normal;
        padding-left: 15%;
        padding-right: 15%
    }
    .helpyou .header {
        padding-left: 0;
        padding-right: 0
    }
    .text {
        font-size: 14px;
        line-height: 19px;
        padding-left: 10%;
        padding-right: 10%
    }
    .in>a,
    .floatphone,
    .floatmenuin {
        display: none
    }
    .worksmob .in {
        width: 100%
    }
    .worksmob {
        padding-top: 10px;
        background: #262633;
        padding-bottom: 70px
    }
    .casesleft,
    .casesright,
    .workcentered {
        float: none;
        width: 100%;
        margin: 0 auto;
        margin-top: 25px;
        height: auto
    }
    .workcentered,
    .casesright {
        /*margin-top: 0*/
    }
    .workcentered img,
    .casesleft img,
    .casesright img {
        /*width: 100% !important;
        padding: 0;
        height: auto !important;
        margin-bottom: 30px;
        float: none !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: -136px !important;
        margin-left: 0*/
    }
    .worksmob {
        display: block
    }
    .imageblockiq,
    .imageblockiw,
    .imageblockie,
    .imageblockq,
    .imageblockw,
    .imageblocke,
    .imageblockr,
    .imageblockt,
    .imageblocky,
    .imageblocku,
    .imageblocki,
    .imageblocko {
        /*position: relative !important;
        top: 0px !important;
        left: 0 !important;
        width: 100% !important;
        height: 100px !important;
        opacity: 1;
        padding: 20px 0*/
    }
    .isobil div {
        /* position: relative;
         top: 33px !important;
         bottom: 0 !important*/
    }
    .isobil .line {
        top: 0px !important
    }
    .mtmenu {
        padding-top: 100px !important
    }
    .services {
        width: 100%
    }
    .service {
        width: 100%;
        box-shadow: none;
        margin-bottom: 40px
    }
    .map {
        height: 460px;
        position: relative;
        background: #262633;
        margin-top: 0 !important;
        padding-top: 340px;
        padding-bottom: 0
    }
    .allinter .map {
        padding-top: 210px
    }
    .backward textarea {
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
        padding: 15px 8%
    }
    .helpyou .backward input,
    .helpyou .backward textarea {
        width: 84%
    }
    .backward input {
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
        padding: 15px 8%
    }
    .contactright .backward input,
    .contactright .backward textarea {
        width:100%
    }
    .backward {
        width: 80%
    }
    .contactright .backward {
        width: 90%;
        padding-top: 35px
    }
    .contactright {
        width: 100%;
        max-width:100%;
    }
    .helpyou .backward {
        width: 100%
    }
    .topmain {
        /* min-height: 330px;
         height: 1140px !important*/
    }
    .works .in {
        width: 100%
    }
    .present {
        width: 100%;
        left: 0%;
        margin-left: -0px;
        top: 50%;
        margin: auto
    }
    .topimage {
        padding-bottom: 15px;
        margin-left: 3%
    }
    .botimage {
        padding-bottom: 20px;
        margin-left: 3%
    }
    .design .icon {
        margin: 10px auto
    }
    .oursrv .smallheader {
        margin-top: 30px
    }
    .smallheader {
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px
    }
    .service .smallheader {
        font-size: 24px
    }
    .more a {
        font-size: 14px;
        padding: 13px 20px
    }
    .more {
        width: 100%
    }
    .textblockmain {
        width: 320px !important;
        left: 50% !important;
        margin-left: -160px !important;
        top: 110px !important
    }
    .topmain .mon {
        width: 100%;
        left: 0;
        background: url(../img/adcoremon.png)no-repeat;
        background-size: 320px auto;
        margin-left: 0;
        height: 300px;
        bottom: auto;
        top: 240px;
        background-position: center top
    }
    .mainblock .owl-controls {
        top: 176px
    }
    .mainblock .owl-controls .owl-prev {
        left: 0
    }
    .mainblock .owl-controls .owl-next {
        right: 0
    }
    .mainblock .owl-controls .owl-prev,
    .mainblock .owl-controls .owl-next {
        width: 35px;
        height: 35px
    }
    .topmain.secondslide .googlepartner {
        width: 320px;
        height: 320px;
        top: 350px;
        background: url(../img/googleprtnermain.png)no-repeat;
        background-size: contain;
        background-position: 9px center;
        left: auto;
        margin-left: 0;
        right: -85px
    }
    .topmain .mon.secondslide {
        height: 643px;
        background: url(../img/adcoremontwonew.png);
        bottom: auto;
        background-size: 320px auto;
        background-repeat: no-repeat;
        width: 100%;
        margin-left: 0px;
        left: 0;
        top: 240px;
        background-position: center top
    }
    .lineundertext {
        top: 130px !important
    }
    .service .smallheader::after {
        margin: 10px auto
    }
    .smalldescription p {
        line-height: 17px;
        margin: 20px 5%;
        text-align: center;
        font-weight: 400
    }
    .topservices .smalldescriptionas {
        text-align: center
    }
    .strategy .icon,
    .promotion .icon {
        margin: 10px auto
    }
    .callusi {
        display: none
    }
    .development {
        padding: 50px 0%
    }
    .development .icon {
        margin-bottom: 10px;
        margin: 0px auto;
        margin-bottom: 10px
    }
    .ourclientsmob {
        display: block;
        background: #00adee;
        padding-top: 10px;
        padding-bottom: 30px;
        margin-top: 0px
    }
    .ourclients {
        display: none
    }
    .clients img:nth-child(2) {
        margin-top: -30px;
        margin-left: -2px
    }
    .contactright .backward .presentbutton {
        float: none
    }
    .emptymap {
        display: none;
        width: 100%;
        background-color: #fff;
        height: 175px
    }
    .allinter .mapoverlay {
        top: -30px
    }
    .mapoverlay {
        margin: 0 auto;
        position: absolute;
        top: 100px;
        right: 0%;
        width: 100%;
        height: 230px;
        left: 0 !important;
        padding-bottom: 10px
    }
    .contacts.contactsin .insmall {
        padding-bottom: 0
    }
    .map .header {
        font-size: 24px;
        line-height: 20px;
        margin-bottom: 12px
    }
    .map .description {
        font-size: 14px
    }
    .floatmenu {
        display: none
    }
    .contacts.map {
        padding-top: 340px!important;
    }
    .servicesbody .insmall {
        padding-bottom: 0
    }
    .servicesbody {
        padding-bottom: 0
    }
    .insmall {
        width: 100%
    }
    .oursrv .description {
        text-align: justify !important
    }
    .helpyou {
        float: none;
        width: 96%;
        padding: 40px 7%;
        margin: 0 auto;
        margin-top: 70px;
        max-width:96%;
    }
    .oursrv {
        width: 96%;
        float: none
    }
    .morework {
        display: block;
        text-align: center;
        margin: 0 auto;
        text-transform: uppercase;
        color: #00adee;
        font-family: 'Intro';
        margin-top: 40px
    }
    .morework a {
        font-size: 14px;
        font-family: 'DINCondensedC', sans-serif;
        letter-spacing: 1px;
        text-decoration: none;
        font-family: 'Intro';
        border: 2px solid #e4e3e3;
        padding: 10px 40px;
        border-radius: 5px
    }
}
@media only screen and (min-width: 450px) and (max-width: 768px) {
    .casesleft,
    .casesright,
    .workcentered {
        float: left;
        width: 100%;
        margin: 0 auto;
        margin-top: 25px;
        height: auto
    }
    .casesright {
        margin-top: 25px
    }
    .workcentered img,
    .casesleft img,
    .casesright img {
        border-radius: 0
    }
    .workcentered {
        display: none
    }
}
@media only screen and (min-width: 528px) and (max-width: 768px) {
    .mon .sha1,
    .mon .sha2,
    .mon .sha3,
    .mon .sha4,
    .mon .sha5 {
        width: 49%;
        /* float: left; */
        /* height: 90px; */
        display: inline-block;
        vertical-align: top;
    }
    .mon .sha6,
    .mon .sha7,
    .mon .sha8,
    .mon .sha9,
    .mon .sha10,
    .mon .sha11 {
        width: 38%;
        float: left;
        height: 130px
    }
    .topmain {
        min-height: 330px;
        height: 970px !important
    }
    .service {
        width: 50%;
        box-shadow: none;
        margin-bottom: 40px
    }
    .textblockmain {
        width: 500px !important;
        left: 50% !important;
        margin-left: -250px !important;
        top: 110px !important
    }
    .lineundertext {
        top: 100px !important
    }
    .topmain .mon {
        top: 200px
    }
    .mainblock .owl-controls {
        top: 156px
    }
}

@media only screen and (max-width:1024px) {
    .topmain {
        min-height: 330px;
        height: 1000px !important;
    }
    /*  .topmain .mon {
        width: 100%;
        left: 0;
        background: url(../img/adcoremon.png)no-repeat;
        background-size: 320px auto;
        margin-left: 0;
        height: 300px;
        bottom: auto;
        top: 240px;
        background-position: center top;
    }
    .mon .sha1, .mon .sha2, .mon .sha3, .mon .sha4, .mon .sha5 {
        width: 32%;
        float: left;
        height: 90px;
    }
    .mon .textblock {
        margin-top: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        top: 0 !important;
    }*/
}
.sha2 .shaheader,
.sha5 .shaheader {
    position: relative;
    top: -24px;
    padding-bottom: 0px
}
.sha3 .shaheader {
    position: relative;
    top: -23px;
    padding-bottom: 0px
}
.shaheader {
    font-size: 17px;
    font-family: 'Intro';
    color: rgb(255, 255, 255);
    line-height: 1.3em;
    text-align: left;
    padding-bottom: 19px
}
.shadescription {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.4;
    text-align: left
}
.textblock {
    width: 200px;
    margin-top: -30px
}
.textmain {
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center
}
.mon {
    width: 645px;
    height: 550px;
    background: url(../img/adcoremon.png);
    position: absolute;
    left: 50%;
    margin-left: -322px;
    bottom: 110px;
    background-size: auto 550px;
    background-repeat: no-repeat;
    background-position: center center
}
.sha1 {
    width: 335px;
    height: 113px;
    background: url(../img/sh1.png);
    top: 138px;
    left: -149px
}
.sha2 {
    width: 343px;
    height: 95px;
    background: url(../img/sh2.png);
    top: 330px;
    left: -213px
}
.sha3 {
    width: 343px;
    height: 94px;
    background: url(../img/sh3.png);
    top: 460px;
    left: -50px
}
.sha4 {
    width: 343px;
    height: 94px;
    background: url(../img/sh4.png);
    top: 84px;
    right: -160px
}
.sha5 {
    width: 349px;
    height: 158px;
    background: url(../img/sh5.png);
    top: 315px;
    right: -165px
}
.sha {
    position: absolute
}
.sha3 .textblock {
    width: 220px;
    margin-top: 61px
}
.sha4 .textblock {
    width: 230px;
    margin-top: -32px;
    margin-left: 150px
}
.sha5 .textblock {
    width: 240px;
    margin-top: 125px;
    margin-left: 150px
}
.textblockmain {
    width: 600px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 130px;
    z-index: 2
}
.lineundertext {
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 60px;
    background-color: #00aff1;
    height: 2px
}
.mainblock {
    position: relative
}
.topmain.secondslide {
    background: url(../img/adcorebgtwo.jpg);
    background-size: cover
}
.mon.secondslide {
    height: 643px;
    background: url(../img/adcoremontwonew.png);
    bottom: 15px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 720px;
    margin-left: -360px
}
.sha6 {
    width: 342px;
    height: 101px;
    background: url(../img/sh6.png);
    top: 105px;
    left: -104px
}
.sha7 {
    width: 308px;
    height: 134px;
    background: url(../img/sh7.png);
    top: 289px;
    left: -143px
}
.sha8 {
    width: 350px;
    height: 94px;
    background: url(../img/sh8.png);
    top: 501px;
    left: -50px
}
.sha9 {
    width: 346px;
    height: 93px;
    background: url(../img/sh9.png);
    top: 35px;
    right: -50px
}
.sha10 {
    width: 348px;
    height: 158px;
    background: url(../img/sh5.png);
    top: 190px;
    right: -160px
}
.sha11 {
    width: 335px;
    height: 93px;
    background: url(../img/sh11.png);
    top: 460px;
    right: -104px
}
.sha8 .textblock {
    width: 225px;
    margin-top: -52px
}
.sha9 .textblock {
    width: 220px;
    margin-top: 55px;
    margin-left: 150px
}
.sha10 .textblock {
    width: 225px;
    margin-top: 90px;
    position: relative;
    left: 150px;
    top: 36px
}
.sha11 .textblock {
    width: 200px;
    margin-top: 46px;
    margin-left: 138px
}
.googlepartner {
    background: url(../img/googleprtnermain.png);
    width: 379px;
    height: 335px;
    position: absolute;
    right: 0px;
    top: -15px;
    background-size: auto 100%
}
.mtmenu {
    padding-top: 54px
}
.blur {
    -webkit-filter: url(#blur);
    filter: url(#blur);
    -webkit-filter: blur(3px);
    filter: blur(3px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='3');
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}
.callbackform {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999
}
.contacts:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -moz-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 38, 51, 0) 0%, rgba(38, 38, 51, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00262633', endColorstr='#262633', GradientType=0);
}
.topservices .development:after {
    border: 1px solid rgba(244, 244, 244, 0.22);
}
.development:after {
    content: '';
    display: block;
    width: 100%;
    height: 90%;
    position: absolute;
    top: 17px;
    left: 0;
    border: 1px solid #f4f4f4;
}
.description.white {
    margin-bottom: 10px;
    clear: both;
}
.topservices .services .service {
    opacity: 0
}
.contacts.map:after {
    display: none
}
.contacts.map {
    background: #262633;
    padding-top: 0;
}
.errorrdiv {
    margin: 0 auto;
    margin-top: 150px;
}
.errorrdiv {
    font-family: 'Open Sans', sans-serif;
    width: 90%;
    color: white;
}
.sorrydes p a {
    font-weight: 600;
    text-decoration: none;
}
header h1 {
    margin: 0;
}
.casesleft,
.casesright {
    position: relative;
}
.casesleft.three,
.casesright.four {
    margin-top: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 450px) {
    .works.newmobmy .in {
        width: 100%;
    }
    .casesleft,
    .casesright,
    .workcentered {
        /*float: left;
        width: 50%;
        margin: 0 auto;
        margin-top: 25px;
        height: auto;*/
    }
    .workcentered img,
    .casesleft img,
    .casesright img {
        /*width: 100% !important;
        padding: 0;
        height: auto !important;
        margin-bottom: 30px;
        float: none !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: -136px !important;
        margin-left: 0;*/
    }
    .imageblockiq,
    .imageblockiw,
    .imageblockie,
    .imageblockq,
    .imageblockw,
    .imageblocke,
    .imageblockr,
    .imageblockt,
    .imageblocky,
    .imageblocku,
    .imageblocki,
    .imageblocko {
        /*position: relative !important;
        top: 0px !important;
        left: 0 !important;
        width: 100% !important;
        height: 100px !important;
        opacity: 1;
        padding: 20px 0;*/
    }
    .isobil div {
        /*position: relative;
        top: 33px !important;
        bottom: 0 !important;*/
    }
    .works .in {
        width: 100%;
    }
    .services,
    .in {
        width: 96%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1300px) {
    .oursrv{
        width:54%;
        max-width:54%;
    }
    .helpyou{
        width:44%;
        max-width:44%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .service {
        width: 50%;
    }
    .topservices{
        height:auto;
        overflow: hidden;
    }
    .development {
        top: auto;
        box-sizing: border-box;

    }
    .helpyou{
        padding:20px;
    }
    .header {
        font-size: 38px;
    }

}

.imagesblockclient.small img, .imagesblockclient.big img{
    width:100%;
    height:auto;
}

.imagesblockclient.big{
    width:100%;
    position: relative;
}
.smallsmall{
    position: relative;
}

.isobil{
    top: 0!important;
    bottom: 0!important;
    width: auto!important;
    height: auto!important;
    left: 0!important;
    right: 17px!important;
}
.imagesblockclient.big{
    margin-top: 17px;
    padding-right: 17px;
    box-sizing: border-box;

}

.imagesblockclient.small{
    width: 50%;
    float: left;
    position: relative;
    margin-right: 0;
    padding-right: 17px;
    box-sizing: border-box;

}
.smallsmall.bottotst{
    margin-bottom: 17px;
}
.casesright .imagesblockclient.big{
    margin-top: 0;
    margin-bottom: 17px;
}

.dopheigh{
    height:17px;
}
.smallsmall .isobil{
    right: 0px!important;
}
.casesright .imagesblockclient.big .isobil{
    right: 0px!important;
}

.casesright.topnone, .casesleft.topnone{
    margin-top: 0;
}
.padotst{
    padding-left: 17px;
}

@media only screen and (max-width: 1024px) {
    .isobil{
        opacity: 1;
    }
}

@media only screen and (max-width: 450px) {
    .imagesblockclient{
        width:100%!important;
        padding:0;
        margin:0;
    }
}