/* ==========================================================================
   Base styles
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #565859;
}
html, body {
    height: 100%;
}
body {
    font: 1em/1.25em 'Pt Sans', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
a {
    color: #0069b3;
    text-decoration: none;
    border-bottom: 1px solid #a5c9e4;
    border-bottom: 1px solid rgba(0, 105, 179, 0.35);
    -webkit-transition-property: color, border-color, background;
       -moz-transition-property: color, border-color, background;
            transition-property: color, border-color, background;
    -webkit-transition-duration: .15s;
       -moz-transition-duration: .15s;
            transition-duration: .15s;
}
/*a:visited {
    color: #8c66b2;
}*/
a:hover {
    color: #cc0066;
    border-bottom-color: #eba6c9;
    border-bottom-color: rgba(204, 0, 102, 0.35);
}
p, figure, ol, ul, li, dl, table, blockquote {
  margin: 0 0 20px;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E5E7E8;
    margin: 40px 0;
    padding: 0;
    text-align: center;
}
hr:before {
    content: ' * * * ';
    font-size: 20px;
    color: #8E9192;
    background: white;
    padding: 0 10px;
    position: relative;
    top: -5px;
    line-height: 1;
}
img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
strong {
    color: black;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 25px 0 20px 0;
    color: black;
    line-height: 40px;
}
h1 {
    font-size: 34px;
    line-height: 50px;
    margin-bottom: 30px;
    margin-top: 0;
    font-weight: 700;
    color: #0069B3;
}
h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
h3 {
    font-size: 25px;
    margin-bottom: 15px;
}
h4 {
    font-size: 22px;
    margin-bottom: 15px;
}
h5 {
    font-size: 20px;
    line-height: 20px;
}
h5 {
    font-size: 18px;
    line-height: 20px;
}
blockquote {
    background: #fff;
    position: relative;
    margin: 40px 0;
    border: 1px solid #E5E7E8;
    border: 1px solid rgba(229, 231, 232, 0.5);
    padding: 18px 18px 18px 98px;
    font-family: 'Pt serif', serif;
    color: #000;
    line-height: 25px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 20px rgba(170, 175, 178, 0.15);
       -moz-box-shadow: 0 0 20px rgba(170, 175, 178, 0.15);
            box-shadow: 0 0 20px rgba(170, 175, 178, 0.15);
}
blockquote:before {
    content: '“';
    font-size: 170px;
    position: absolute;
    font-family: 'Pt sans', serif;
    font-style: italic;
    color: #0069B3;
    left: 10px;
    top: 20px;
    bottom: 0;
    line-height: 1;
}
blockquote small,
blockquote cite {
    font-size: 100%;
    color: #AAAFB2;
    display: block;
    margin-top: 10px;
}
blockquote small:before,
blockquote cite:before {
    content: '— ';
}
pre code {
    font-size: 14px;
    padding: 20px;
    line-height: 20зчж
}
dt {
    font-weight: 700;
    color: black;
    margin-bottom: 10px;
}
dd + dt {
    margin-top: 10px;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
    color: #000;
    border: 1px solid #E5E7E8;
    -webkit-border-radius: 1px;
       -moz-border-radius: 1px;
            border-radius: 1px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;            
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
    height: 28px;
    padding: 0 5px;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
textarea:hover {
    border-color: #cccecf;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
    outline: none;
    border-color: #66a6d3;
    border-color: rgba(0, 105, 179, 0.6); 
    -webkit-box-shadow: 0 0 5px rgba(0, 105, 179, 0.3);
       -moz-box-shadow: 0 0 5px rgba(0, 105, 179, 0.3);
            box-shadow: 0 0 5px rgba(0, 105, 179, 0.3);
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    outline: none;
    height: 28px;
    border: 1px solid #dce2e6;
    border-radius: 2px 0 0 2px;
    display: inline-block;
    border-bottom-color: #d0d6db;
    white-space: nowrap;
    padding: 0 20px;
    text-shadow: 1px 1px 0 white;
    background: #e2e8eb;
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
       -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
    color: #fff;
    text-shadow: 1px 1px 0 #0069b3;
    background: #0072c3;
    border-color: #005999;
    border-bottom-color: #004b82; 
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
       -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}

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

/* ==========================================================================
   MWS custom styles
   ========================================================================== */

.container {
    margin: auto;
}
.container_position_relative {
    position: relative;
}

ul.sitemap li, ul.sitemap .children {
    margin-bottom: 5px;
}

.sitemap_tag {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
/*
 * Head section
 * ------------------------------------- */

.head {
    border-bottom: 1px solid #e5e7e8;
    padding: 38px 0;
}
.head_position_fixed {
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(255,255,255,0.95) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.95)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(255,255,255,0.95) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(255,255,255,0.95) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(255,255,255,0.95) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(255,255,255,0.95) 100%);
}

/* Logo block */

.logotype {
    margin: -12px 0 0 0;
    display: inline-block;
    width: 248px;
    height: 72px;
}
.logotype__link {
    display: block;
    border: none;
}
.logotype__img {
    color: #0069b3;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    position: relative;
    left: -12px;
}

/* Primary Menu block */

.menu {
     *zoom: 1;
}
.menu_type_primary {
    position: absolute;
    right: 0;
    bottom: -15px;
}
.menu__layout {
    margin: 0;
    padding: 0;
    *zoom: 1;
}
.menu:before, .menu__layout:before,
.menu:after, .menu__layout:after {
    content: " ";
    display: table;
}
.menu:after, .menu__layout:after {
    clear: both;
}
.menu-item {
    float: left;
    list-style: none;
    margin-left: 30px;
    font-size: 17px;
}
.menu-item:first-child {
    margin-left: 0;
}
.menu-item a {
    color: #aaafb2;
    display: block;
    line-height: 30px;
    border-bottom: none;
}
.menu-item a:hover {
    color: #cc0066;
    border-bottom-color: #eba6c9;
    border-bottom-color: rgba(204, 0, 102, 0.35);
}
.current-menu-item a,
.current-menu-item a:hover {
    color: black;
    cursor: default;
}

.menu_type_primary .current-menu-item a,
.menu_type_primary .current-menu-item a:hover {
    border-bottom: 5px solid #0069b3;
}

/* Head MediaQ */

@media (min-width: 768px) and (max-width: 979px), (max-width: 767px) {
    .head_position_fixed{
        position: static;
    }
    .menu__item {
        margin-left: 15px;
    }
}
@media (max-width: 767px) {
    .head {
        padding: 40px 0 90px 0;
    }
    .head_position_fixed {
        position: static;
    }
    .menu_type_primary {
        right: auto;
        left: 0;
        bottom: -85px;
    }
}

/*
 * Content section
 * ------------------------------------- */

.content {
    padding: 40px 0;
 }
.content_with_fixed-head {
    margin-top: 137px;
}
.content_size_big {
    padding: 100px 0;
}
.content_size_big.bordered {
    border-bottom: 1px solid #E5E7E8;
}

/* Share Panel */

.share-panel {
    /*opacity: 0;*/
    width: 63px;
    position: absolute;
    background: #ECF6FF;
    left: -93px;
    top: 0;
    padding: 5px 5px 0px;
    text-align: center;
}
.share-panel__button {
    margin: 5px 2px;
}
.share-home {
    position: relative;
}
.share-home .share-panel {
    position: static;
    width: auto;
    padding: 10px 0 5px;
    background: none;
}
.share-home .share-panel__button {
    display: inline-block;
}
.affix {
    position: fixed;
    left: auto;
    top: 137px;
    margin-left: -93px;
}
.share-home .affix {
    position: static;
    margin-left: auto;
    left: auto;
    top: auto;
}
@media (max-width: 767px) {
    .content_size_big {
        padding: 40px 0;
    }
    .share-panel {
        position: static;
        width: auto;
        height: auto;
    }
    .share-panel__button {
        display: inline-block;
    }
}

/* Google+ Badge */

.google-badge-container {
    text-align: center;
}

.google-badge-container .google-badge-wrapper {
    display: inline-block;
}

.google-badge-home .google-badge-wrapper {
    background: #E5E7E8;
    padding: 5px;

}

.google-badge-home .google-badge-wrapper > div {
    display: block!important;
}




/* Image captions */

.wp-caption-text,
figcaption.wp-caption-text {
    text-align: center;
    color: #aaafb2;
    font-style: italic;
}

/* Content MediaQ */

@media (min-width: 768px) and (max-width: 979px), (max-width: 767px) {
    .content_with_fixed-head {
        margin: auto;
    }
}

/*
 * Footer section
 * ------------------------------------- */

.foot {
    border-top: 1px solid #E5E7E8;
    padding: 20px 0;
}

/* Footer Menu block */

.menu_type_footer {
    position: relative;
}
#menu-footer-menu li {
    margin-bottom: 0;
}
.menu__item_type_social {
    float: right;
    margin-left: 10px;
}
.social-button, .menu-item .social-button{
    color: #fff;
    padding: 0 10px 0 39px;
    line-height: 30px;
    border: none;
    position: relative;
}
.social-button:hover, .menu-item .social-button:hover {
    color: #fff;
}
.social-button:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 28px;
    height: 28px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA4CAYAAADuMJi0AAABO0lEQVRYw2P4//8/Az0xw6iFoxZSbCHDmrekYE4gPgbE/6G4G0kuHogliLXwMxB7ErCMG8kiZPwSiN8C8QuQOmIthGkOwWPhfwL4OBAnkGohTCO6ZaxEWLiRFB9Ow2LAPiAOJtKHH2DqSEk0d4jwBS78ilQLQZqeUWDhJVItXEqBZSDcSk6QvqTAQgZyLAThPiD+S6JlN8i10JRM3/FQ4sMIEi2bgJ5nyS1Li0lJmZRa6A/ETwhYthdXEUiMhdJAfIuEYLTEV8iT4sNwIF6NxYJ/QLwciJ2IqcJGa/xRC0ctHLVw1EJMbB05wwOIDwPxRyD+D8M0sRBosA+yJfSw8DC9LfyMZlEVELsBsQutLCTLV4PfQlzxRrM4JMLC2/S28CC1LSyDYnSLYOIBo6l01MJRC0ctHG1EDWMLAUvo7s4yj25AAAAAAElFTkSuQmCC);
}
.social-button_twitter {
    background: #00ACED;
}
.social-button_facebook {
    background: #3B5998;
}
.social-button_facebook:before {
    background-position: 50% 100%;
}

/* Footer MediaQ */

@media (min-width: 768px) and (max-width: 979px), (max-width: 767px) {
    .social-button {
        padding: 0 5px 0 34px;
    }
}
@media (max-width: 767px) {
    .menu__item {
        margin-bottom: 20px;
    }
    .menu__item_type_social {
        display: block; 
        width: 100%;
        margin: 0;
    }
    .social-button {
        padding: 0 5px 0 34px;
    }
    .visible-phone {
        display: inline-block!important;
    }
}


/* ==========================================================================
   Home page styles
   ========================================================================== */

/* OLD HOME */
/*.hero {
    background:#0069B3 url(../img/bg-blueprint.png);
    padding: 80px 0;
    margin: -45px 0 40px 0;
}
.hero__primary-title {
    font-size: 120px;
    line-height: 1;
    letter-spacing: -3px; color:#fff;
    text-shadow: 0 1px 0 rgba(170, 175, 178, 0.4),
    0 2px 0 rgba(170, 175, 178, 0.3),
    0 3px 0 rgba(170, 175, 178, 0.2),
    0 4px 0 rgba(170, 175, 178, 0.25),
    0 5px 0 #1C5796,
    0 6px 1px rgba(0, 0, 0, .1),
    0 0 5px rgba(0, 0, 0, .1),
    0 1px 3px rgba(0, 0, 0, .3),
    0 3px 5px rgba(0, 0, 0, .2),
    0 5px 10px rgba(0, 0, 0, .25),
    0 10px 10px rgba(0, 0, 0, .2),
    0 20px 20px rgba(0, 0, 0, .15);
}
.hero__primary-nobr {
    white-space: nowrap;
}
.hero__secondary-title {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.content-section_apps-wrapper{
    background: rgba(234, 234, 234, 0.3) url( grid_noise.png);
    padding-bottom: 40px
}
.apps_layout br {
    display: none;
}
.apps__title {
    margin-top: 0;
    color: #0069B3;
}

.apps__link {
    overflow: hidden;
    text-indent: -999px;
    float: left;
    margin-left: 30px;
    background: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 270px;
    height: 80px;
    border: none;
    margin-bottom: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.clients__logo {
    box-shadow: 0 1px 1px #AAAFB2;    
}

.thebu2iness {
    background-image: url(/wp-content/uploads/2013/03/thebu2eness.png);
}
.flixmedia {
    background-image: url(/wp-content/uploads/2013/03/flixmedia.png);
}
.solvassure {
    background-image: url(/wp-content/uploads/2013/03/solvassure.png);
}
.scouting {
    background-image: url(/wp-content/uploads/2013/03/scouting.png);
}
.belgravia {
    background-image: url(/wp-content/uploads/2013/03/belgravia.png);
}
.propstore {
    background-image: url(/wp-content/uploads/2013/03/propstore.png);
}
.siteblitz {
    background-image: url(/wp-content/uploads/2013/03/siteblitz.png);
}
.threads {
    background-image: url(/wp-content/uploads/2013/03/threads.png);
}
.totality {
    background-image: url(/wp-content/uploads/2013/03/totality.png);
}
.translucency {
    background-image: url(/wp-content/uploads/2013/03/translucency.png);
}
.jennor {
    background-image: url(/wp-content/uploads/2013/03/jennor.png);
}
.mlistr {
    background-image: url(/wp-content/uploads/2013/03/mlistr.png);
}
.ward {
    background-image: url(/wp-content/uploads/2013/04/ward.png);
}
.warehouse {
    background-image: url(/wp-content/uploads/2013/04/warehouse.png);
}
.mypress {
    background-image: url(/wp-content/uploads/2013/04/mypress.png);
}
.edgyx {
    background-image: url(/wp-content/uploads/2013/04/edgyx.png);
}
.blr {
    background-image: url(/wp-content/uploads/2013/04/blr.png);
}
*/

.hero {
    position: relative;
    background: #aaafb2;
    padding: 0;
}
.hero__hgroup {
    position: absolute;
    width: 940px;
    bottom: 0;
    left: 50%;
    margin-left: -470px;
    background: rgba(11, 30, 44, 0.25);
    padding: 10px;
}
.hero__title,
.hero__subtitle {
    position: relative;
}
.hero__title {
    font-size: 65px;
    line-height: 1;
    letter-spacing: -3px;
    color: #fff;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.hero__subtitle {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    color: white;
}
.homesection-header {
    font-size: 30px;
    font-weight: 700;
    color: #0069B3;
    margin: 0 0 35px;
}
.keynote {
    font:italic 18px/30px 'Pt Serif', serif;
    color: black;
    margin-bottom: 40px;
}
.weblayers {
    margin-top: 0;
}
.shadow_pos_top:before {
    top: 0;
    height: 20px;
    position: absolute;
    left: 40px;
    right: 40px;
    content: '';
    z-index: 10;
    background: -webkit-radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 -10px;
    background: -moz-radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 -10px;
    background: -ms-radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 -10px;
    background: -o-radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 -10px;
    background: radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 -10px;
    opacity: .25;
}
.shadow_pos_bottom:after {
    bottom: 0;
    height: 20px;
    position: absolute;
    left: 40px;
    right: 40px;
    content: '';
    z-index: 10;
    background: -webkit-radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 10px;
    background: -moz-radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 10px;
    background: -ms-radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 10px;
    background: -o-radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 10px;
    background: radial-gradient(50% 50% , ellipse closest-side, #0069B3, rgba(0, 105, 179, 0) 100%) no-repeat 0 10px;
    opacity: .25;
}
.reviews {
    margin-top: 60px;
}
.review {
    color: #000;
}
.review__text {
    background: #fcf7e3;
    box-shadow: 0 1px 1px #DACDC1;
    padding: 20px;
    font: italic 18px/30px 'Pt Serif', serif;
    color: #58483A;
    position: relative;
}
.review__person {
    margin-bottom: 0;
}
.review__text:after {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    bottom: -15px;
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAFM0aXcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL1JREFUeNpiXNxT8Z8BCFjEZRRANCNAADFiiAAEEOOuFTPAIlDAyAJjwEQAAgiuBwTkVDThekGg8eeP7w1MMA4QN4AYTMgcEAAIIHRbkAFYIQsuCRiHBZcEsgKsEjAAEEAo/sDQjeQnDI1MuCRgfsUqgU2SEZnDhEsCWZIRm8VMuCRAACDAGLctnoTTn7iAopYhg5KWEQMLCysbKfrAIf749lUGEGYhRRO2+CNZEyHNeDXh0kyUJnTNJGmCAQC5zSuqG600twAAAABJRU5ErkJggg==);
}
.clients-wrapper {
    background: #f0fbff;
    padding-bottom: 70px;
    position: relative;
}
.clients {
    padding: 0;
    margin-bottom: 0;
}
.clients__item {
    margin-bottom: 30px;
    list-style: none;
}
.clients__first-child {
    margin-left: 0px;
}
.cell-clients__item {
    margin: 0px;
    padding-left: 30px;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: relative;
    list-style: none;
}
.clients__logo {
    box-shadow: 0 1px 1px #AAAFB2;    
}
.clients__type {
    text-align: center;
    font-weight: 700;
    color: #0069B3;
}
.cell-clients__type {
    text-align: center;
    font-weight: 700;
    color: #0069B3;
}
.clients__big-logo {
    box-shadow: 0 1px 1px #AAAFB2;
}
.technologies {
    padding: 0;
    margin-bottom: 0;
}
.technologies__item {
    list-style: none;
    margin-left: 10px;
    text-align: center;
    float: none;
    display: inline-block;
    vertical-align: bottom;
}
.technologies__item em {
    display: none;
}
.technologies__fade-in {
    width: 100%;
    height: 163px;
    margin-left: -30px;
    background: transparent url('../img/technologies-fade-in.png') repeat-x bottom left;
    margin-top: -180px;
    margin-bottom: -10px;
    position: relative;
    z-index: 1;
}
.web-devices { 
    float: right;
    width: 460px;
    margin-left: 20px;
}
.partners {
    background: #fcf7e3;
    position: relative;
    color: #491901;
}
.partners img {
    box-shadow: 0 1px 1px #D1CAB8;
}
.partners.shadow_pos_top:before {
    background: -webkit-radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 -10px;
    background: -moz-radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 -10px;
    background: -ms-radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 -10px;
    background: -o-radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 -10px;
    background: radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 -10px;
}
.partners.shadow_pos_bottom:after {
    background: -webkit-radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 10px;
    background: -moz-radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 10px;
    background: -ms-radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 10px;
    background: -o-radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 10px;
    background: radial-gradient(50% 50% , ellipse closest-side, #978B6C, rgba(151, 139, 108, 0) 100%) no-repeat 0 10px;
}
.support-girl {
    position: absolute;
    right: -320px;
    bottom: -100px;
}


/* Home page MediaQ */
/* OLD home media */
/* @media (max-width: 767px) {
    .hero {
        margin: -45px -20px 40px -20px;
        padding: 80px 20px;
    }
    .content-section_apps-wrapper{
        margin: -45px -20px 40px -20px;
        padding: 60px 20px;
    }
} */

@media (min-width: 1200px) {
    .hero__hgroup {
        width: 1170px;
        margin-left: -585px
    }
    .hero__title {
        font-size: 80px;
    }
    .keynote {
        margin-bottom: 60px;
    }
    .weblayers {
        margin-top: -60px;
    }
    .review__text {
        padding: 30px;
    }
    .web-devices { 
        margin-left: 30px;
        width: auto;
    }
    .support-girl {
        right: -400px;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    .hero__hgroup {
        width: 724px;
        margin-left: -362px
    }
    .hero__title {
        font-size: 50px;
    }
    .hero__subtitle {
        font-size: 25px;
    }
    .clients__item {
        margin-bottom: 20px;
    }
    .web-devices { 
        width: 270px;
    }
    .support-girl {
        width: 220px;
        right: -250px;
    }
}
@media (max-width: 767px) {
    .hero__hgroup {
        width: 100%;
        margin: 0;
        left: 0;
        padding: 10px 0;
    }
    .hero__title,
    .hero__subtitle {
        left: 20px;
    }
    .hero__title {
        font-size: 40px;
    }
    .hero__subtitle {
        font-size: 18px;
        line-height: 20px;
    }
    .review {
        margin-bottom: 30px;
    }
    .reviews .span6:last-child .review {
        margin-bottom: 0;
    }
    .clients-wrapper.shadow_pos_top:before,
    .clients-wrapper.shadow_pos_bottom:after {
        display: none;
    }
    .clients-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
        margin-right: -20px;
        padding-bottom: 40px;
    }
    .clients__item {
        margin-bottom: 20px;
        text-align: center;
    }
    .cell-clients__item {
        text-align: center;
    }
    .cell-clients__type {
        display: block;
        height: auto;
        text-align: center;
    }
    .technologies {
        display: none;
    }
    .web-devices { 
        width: auto;
        margin: 20px auto;
        float: none;
        text-align: center;
        display: block;
    }
    .partners {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
        margin-right: -20px;
        padding-bottom: 40px;
    }
    .partners img {
        margin-bottom: 20px;
    }
    .partners.shadow_pos_top:before,
    .partners.shadow_pos_bottom:after {
        display: none;
    }
    .support-girl {
        display: none;
    }
}


/* ==========================================================================
   Blog styles
   ========================================================================== */


/*
 * Blog Posts
 * ------------------------------------- */

.post + .post {
    margin-top: 40px;
}
.post-footer {
    margin-top: 60px; 
}

/* Pagination */

.pagination {
    margin-top: 40px;
}
.pagination__label {
    display: none;
}
.pagination__link {
    outline: none;
    line-height: 38px;
    display: inline-block;
    border: 1px solid #dce2e6;
    border-radius: 2px 0 0 2px;
    display: inline-block;
    border-bottom-color: #d0d6db;
    white-space: nowrap;
    padding: 0 20px;
    text-shadow: 1px 1px 0 white;
    background: #e2e8eb;
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
       -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
    -webkit-transition: none;
       -moz-transition: none;
            transition: none;
}
.pagination__link:hover {
    color: #fff;
    text-shadow: 1px 1px 0 #0069b3;
    background: #0072c3;
    border-color: #005999;
    border-bottom-color: #004b82; 
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
       -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
}

/* Blog tags */

.tags_layout {
    padding: 0;
    margin: 0;
}
.tags__item,
.tags__label {
    list-style: none;
    margin: 0 15px 10px 0;
    float: left;
    line-height: 28px;
}
.tags__label {
    color: black;
    font-weight: 700;
}
.tags__link {
    border: 1px solid #dce2e6;
    border-radius: 2px 0 0 2px;
    display: inline-block;
    border-bottom-color: #d0d6db;
    white-space: nowrap;
    padding: 0 14px 0 10px;
    text-shadow: 1px 1px 0 white;
    background: #e2e8eb;
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
       -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.85);
    position: relative;
    -webkit-transition: none;
       -moz-transition: none;
            transition: none;
}
.tags__link:after {
    content: "";
    position: absolute;
    display: block;
    top: -2px;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-left: 10px solid #E2E8EB;
    border-bottom: 16px solid transparent;
}
.tags__link:before {
    content: "";
    position: absolute;
    top: 11px;
    right: 0px;
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: white;
    -webkit-box-shadow: -1px -1px 0 #BABFC3;
      -moz-box-shadow: 1px -1px 1px #BABFC3;
            box-shadow: -1px -1px 0 #BABFC3;
}
.tags__link:hover {
    color: #fff;
    text-shadow: 1px 1px 0 #0069b3;
    background: #0072c3;
    border-color: #005999;
    border-bottom-color: #004b82; 
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
       -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
}
.tags__link:hover:after {
    border-left-color: #0072c3;
}
.tags__link:hover:before {
    -webkit-box-shadow: -1px -1px 0 #004b82;
      -moz-box-shadow: 1px -1px 1px #004b82;
            box-shadow: -1px -1px 0 #004b82;
}

/*
 * Blog Aside
 * ------------------------------------- */

.widget {
    margin-top: 40px;
}
.widget:first-child {
    margin-top: 0;
}

/* Search widget */

.widget_search {
    margin-top: 5px;
    position: relative;
}
#s {
    height: 40px;
    width: 100%;
}
#searchsubmit {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
}

/* Categories and other list widgets */

.widget ul  {
    padding: 0;
}
.widget li {
    list-style: none;
    margin: 20px 0;
}
.widget li:first-child {
    margin-top: 0;
}
.widget li:last-child {
    margin-bottom: 0;
}

.widget li.current-cat a,
.widget li.current-cat a:hover {
    color: #000;
    padding: 5px 10px;
    background: #ecf0f2;
    background: rgba(226, 232, 235, 0.6);
    border: none;
    cursor: default;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
}

/* Abou this blog */

.about-blog {
    padding: 20px 20px 0 20px;
    border: 1px dashed #E5E7E8;
}
.about-blog__title {
    margin-top: 0;
}

/* Latest tweets */

.latest-tweets__layout {
    margin: 0;
    padding: 0;
}
.latest-tweets__item {
    color: #AAAFB2;
    list-style: none;
    margin: 20px 0 0 0;
    font-style: italic;
    padding-left: 40px;
    position: relative;
}
.latest-tweets__item:before {
    position: absolute;
    top: -5px;
    left: 5px;
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA4CAYAAADuMJi0AAABO0lEQVRYw2P4//8/Az0xw6iFoxZSbCHDmrekYE4gPgbE/6G4G0kuHogliLXwMxB7ErCMG8kiZPwSiN8C8QuQOmIthGkOwWPhfwL4OBAnkGohTCO6ZaxEWLiRFB9Ow2LAPiAOJtKHH2DqSEk0d4jwBS78ilQLQZqeUWDhJVItXEqBZSDcSk6QvqTAQgZyLAThPiD+S6JlN8i10JRM3/FQ4sMIEi2bgJ5nyS1Li0lJmZRa6A/ETwhYthdXEUiMhdJAfIuEYLTEV8iT4sNwIF6NxYJ/QLwciJ2IqcJGa/xRC0ctHLVw1EJMbB05wwOIDwPxRyD+D8M0sRBosA+yJfSw8DC9LfyMZlEVELsBsQutLCTLV4PfQlzxRrM4JMLC2/S28CC1LSyDYnSLYOIBo6l01MJRC0ctHG1EDWMLAUvo7s4yj25AAAAAAElFTkSuQmCC) 50% 0 no-repeat;
}
.latest-tweets__item a { 
    border-bottom: none; 
}
.latest-tweets__pubdate {
    white-space: nowrap;
}

/* Blog Aside MediaQ */

@media (max-width: 767px) {
    .widget:first-child {
        margin-top: 40px;
    }
    .widget_search {
        padding: 20px;
        background: rgba(229, 231, 232, 0.15);
    }
    #searchsubmit {
        top: 20px;
        right: 20px;
    }
}

/* ==========================================================================
   Contact styles
   ========================================================================== */

.company {
    font-size: 18px;
}
.company__name {
    color: #0069b3;
    margin-bottom: 5px;
    display: block;
}
.company__adress {
    color: #000;
}

/* Contact form */

.wpcf7-form-control-wrap {
    display: inline-block;
}
.wpcf7-form-control-wrap.yourletter,
.wpcf7-form-control-wrap.budgetcomment {
    display: block;
}
span.required {
    cursor: help;
    background: url(../img/bg-required.png) 0 0 no-repeat;
    display: block;
    height: 17px;
    width: 17px;
    top: 2px;
    right: 2px;
    position: absolute;
    z-index: 100;
}
.inline-required {
    cursor: help;
    background: url(../img/required-inline.png) 0 0 no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    vertical-align: top;
}
.wpcf7 .watermark {
    color: #AAAFB2;
}
.wpcf7-form input[type="text"] {
    width: 330px;
    height: 38px;
}
.wpcf7-form textarea {
    width: 100%;
    padding: 5px;
}
span.wpcf7-list-item {
    margin-left: 10px;
}
.wpcf7-radio .wpcf7-list-item {
    display: block;
    margin-top: 10px;
    margin-left: 0;
}
.wpcf7-radio .wpcf7-list-item:first-child {
    margin-top: 0;
}
.wpcf7-checkbox {
    white-space: nowrap;
}
#captmain {
    width: 86px;
    text-align: center;
}
.captcha-wrapper {
    background: #ecf6ff;
    padding: 10px;
    display: block;
}
img.wpcf7-captcha-captmain {
    padding: 6px;
    border: 1px solid #E5E7E8; 
    background: white;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 10px;
}
.wpcf7-form-control-wrap.captmain {
    margin-top: 10px;
    display: inline-block;
}
.wpcf7-form .b-button {
    position: relative;
}
.b-button .wpcf7-submit {
    height: 38px;
    padding: 0 38px;
    color: #fff;
    text-shadow: 1px 1px 0 #0069b3;
    background: #0080db;
    border-color: #0068b3;
    border-bottom-color: #005b9c; 
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
       -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
}
.b-button .wpcf7-submit:hover {
    color: #fff;
    text-shadow: 1px 1px 0 #0069b3;
    background: #0072c3;
    border-color: #005999;
    border-bottom-color: #004b82; 
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
       -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
}
.b-button .wpcf7-submit:active {
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}
.contact-dialog {
    position: absolute;
    z-index: 10001;
    background: white;
    padding: 30px 80px;
    top: 0;
    width: 570px;
    left: 50%;
    display: none;
    margin-left: -365px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.contact-dialog-overlay {
    background: #001E32;
    background: rgba(0, 30, 50, 0.85);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: none;
}
.right_block_contact {
    display: none;
}
.q_box {
    display: none;
}
#letterformid .wpcf7-not-valid-tip { 
    bottom: -14px;
    left: 0;
    z-index: 100;
    background: #F02020;
    font-size: 12px;
    width: 98%;
    color: white;
    line-height: 15px;
    padding: 0 1%;
    border: none;
    top: auto;
}
#letterformid .captmain .wpcf7-not-valid-tip { 
    width: 106px; 
    top: 0; 
    bottom: auto; 
    left: 96px; 
}

/* Contacts MediaQ */

@media (min-width: 1200px) {
    .wpcf7-form input[type="text"] {
        width: 400px;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    .wpcf7-form input[type="text"] {
    width: 100%;
    }
    span.wpcf7-list-item {
        margin: 20px 0 0 0;
        display: block;
    }
}

/* ==========================================================================
   Portfolio page styles
   ========================================================================== */

.portfolio {
    background: #f2f3f4;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAABiCAIAAAANwG7eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6QUEzOURDMTY0NjQwRTIxMTg0RDFCMEY4MzMzMkVGN0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTA3OTZFMDRBRkZEMTFFMkIzOTE4QkYwNTQ1OEFFMDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTA3OTZFMDNBRkZEMTFFMkIzOTE4QkYwNTQ1OEFFMDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJBQ0Q0M0M1MEUyMDY4MTE4MDgzRUNFMjYxRDlERUUyIiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOkFBMzlEQzE2NDY0MEUyMTE4NEQxQjBGODMzMzJFRjdBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5pmIPgAAAI9JREFUeNrcVtsKwCAIPUr//4vb0/ayfcMWjIUE+iBTauchCtH05CVcAst2yCPjxbqfbX3AUtDtuRNIMdU7oKAQVLAuQgG59GybulFTzxmD309f7Nl+en2p8dEovkS8kT/nQd/HTpiBa5NPg5f02hyIT5OXiP758zoaalbl53VqTw6aK1P0uvQZMMl/4hZgACx8LrLirNOnAAAAAElFTkSuQmCC);
    padding: 60px 0;
    color: #000;
}
.portfolio-item {
    padding: 30px 0;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAACCAYAAAAATxJjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAl9JREFUeNqkWFtOBDEMS0acBYkv7n8MvpA4TI2QWFSVxHZ29me20zRx0jwnAcT5+/j8ym2Z8f9X7f888ftMQXueC/JePeMJ+mvDGhtmF2s2/4Pw2WXgF0MM+aXJPxoeHf79eT1xLgdYGQ9nDYHrIna8BHZFl6ZdHHs46/M9syXT7XoS2/ROHT9J4nNTv2C6ubLPfHDXb2MYW2HGZT6Ra1QeZPTT/RjShODt8g2S7859FHlkP7sXQ2x0515F29F0PDt+KM5nw0thY2c6uoe8JfREg3tKsz8dmcxOFb889ivea3u3iI07LM45GPqguXMQGRiud7ww7ADjjqc6sv9rYMMlfM7B5sgPwsv5f9dWj/VqYhNDPnfwh+n7jkwV10vkOwz2l8iDivckB4aZ75T8NHFM6tDJM97fXv/WL8Ww9yCoBsEgRTaKwhfmMFkNll0jACK3o78E5tNIqrk4dQShU/hT2KxrWtTQfuqt7jFIozS9V3UGYgCu9ITZCKLwIdfGyscg8FV+A9EEh7CNc28qLsLADFMmSCPf+VwSf0jTv8LAicaHVexUHxmqmO70A6Fjwwy2YfQiNnBiIs1Yh5E7wvBB10fv+Hc3nF1GTelil9WUJMU4SRHOogh3d9cWZsKja5hSDJld3FS0Ks+x2u/QLEELok/X0MC0netbd3io4b7Dm+a9OR8Tuv4Jwhei8I0UH0ZQ3EuF09Wvww+z/4RRJ9wmm8VtELwdXTUkZfHxpdMfg5hz7ejaOBr5QWImxQeoFPZQ/tnpM8nRSXIgzPzs1AiQ/ObmLpj5xukVqdxvAQYAIR7Fkf2RUKEAAAAASUVORK5CYII=);
}
.portfolio-item:first-child {
    padding-top: 0;
}
.portfolio-item:last-child {
    padding-bottom: 0;
    background: none;
}
.portfolio-header {
    font-size: 25px;
    font-weight: 700;
    color: #0069b3;
    margin-top: 0;
}
.client-info {
    margin: 14px 0 0 0;
    padding: 0;
}
.client-info__item {
    list-style: none;
    margin: 0;
}
.client-info__item.screenshots {
    margin-bottom: 20px;
}
.client-info__item .clients__item {
    margin-bottom: 20px;
}
.screenshots__link {
    display: block;
    border: none;
    position: relative;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 220px;
    height: 147px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAACTCAYAAADlVHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA/BJREFUeNrs2U9rXGUUB+AzkxkmSW3AJv0fFyoEYin1M+iq7qWLIkJF0U/kxnRTKAjFtTv9BkaxKRnBhVWigqtGG81M6p1Le6XBoq3nfRfxeeDC5P4mixnm8P4Od7C5tX05Ijaa62wApew01zt9wwZVzGZso2/YoN7QDR692v/qi7h//cOIXi8Wrn0Qw4uvtvenv9yOvTs329fz61djbvmV9vW3P38dn27eaN9/+dJb8eKpC+39488dixfOno7hYODr5R/tTyZxd+enuLf765H8/Rz+fP1HweDGR7F+sB/r0z9i7ub17h+G392KC+f77TW4+0l3/7Pxx7F4pheLpyM+/+ZWd9+w8TRmv5XZb+ao/n4Of75u4M7Pj2LYnFaz69z8QveG1ZXF5p/67bV68lh3f2llIfpz/fZaat4Dz6r3P/p83cDdv/Z+HCyfjIOVU7H39rvdG3ZXr8R0+HxznYjdc292919/+WocH52IpdFyvPbSle7+983xOWmOUfg3Jg8r11H9/Rz+fL3Nre0HbaUczMXCaBSzP/b2fo/JdBrPch94ssFfkziNe5Pf/mZCn+4+8GR9XwFUPuEura89dnM8Hj/299qaXC7/r/mXd8ZOOFApwcABKTuczi2X18mdcKBSgoEDMnY4nVsuL597DgcqJRg4IGuH07nl8jq5Ew5USjBwQMYOp3PL5eVzz+FApQQDB2TtcDq3XF4nd8KBSgkGDsjY4XRuubx87jkcqJRg4ICsHU7nlsvr5E44UCnBwAEZO5zOLZeXzz2HA5USDByQtcPp3HJ5ndwJByolGDggY4fTueXy8rnncKBSgoEDsnY4nVsur5M74UClBAMHZOxwOrdcXj73HA5USjBwQNYOp3PL5XVyJxyolGDggIwdTueWy8vnnsOBSgkGDsja4XRuubxO7oQDlRIMHJCxw+nccnn53HM4UCnBwAFZO5zOLZfXyZ1woFKCgQMydjidWy4vn3sOByolGDgga4fTueXyOrkTDlRKMHBAxg6nc8vl5XPP4UClBAMHZO1wOrdcXid3woFKCQYOyNjhdG65vHzuORyolGDggKwdTueWy+vkTjhQKcHAARk7nM4tl5fPPYcDlRIMHJC1w+nccnmd3AkHKiUYOCBjh9O55fLyuedwoFKCgQOydjidWy6vkzvhQKUEAwdk7HA6t1xePvccDlRKMHBA1g6nc8vldXInHKiUYOCAjB1O55bLy+eew4FKCQYOyNrhdG65vE7uhAOVEgwckLHD6dxyefncczhQKcHAAVk7nM4tl9fJnXCgUsLRHbidgwe+CCjp4Yz92Nvc2n6jebHRXGd8LVDMD8313p8CDAB8arX5aGUmOAAAAABJRU5ErkJggg==);
}
.screenshots__img {
    width: 218px;
    top: 10px;
    position: absolute;
    left: 1px;
}
body div.pp_overlay {
    z-index: 9999;
}
.pp_content_container a {
    border-bottom: none;
}


/* Portfolio Page MediaQ */

@media (min-width: 1200px) {
    .screenshots__link {
        width: 270px;
        height: 180px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAC0CAYAAABll8ICAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABLZJREFUeNrs2s9qnGUUwOEzkxkmSW3AJv0fFyoE0iL1Guyq3UsXpQgVRa/IjemmUBCKa3d6B6aiKRnBhbVEC64abWpmUr8Zy+CAaU+6kJPwPDDQfr9aYQiH97z9Wusbm1ciYq35nA2AF9tqPh+2DQ3gAEazYq1taAAHHR5t3wFwUJ1//2b3u2/jya3PIlqtmLv5aXTfeXf8fPj7D7Fz/87417Or12Nm8cL41z89+j6+Wr89/vNXLt2IN09dnPxdx187Fm+cPR3dTse3zKGyOxjEg63f4vH2H36e9/k+pk4cndufx+rebqwO/4qZO7cmz7s/342L59vjT+fBl5PnX/e/iPkzrZg/HfHNj3en/meGBofV6Od29PPr53n/72NqcJyf7UW3OT2MPudm5ybPl5fmm/+4Pf4snzw2eb6wNBftmfb4s9D8GTgqWr6CF34fU4Pjyc1PYm/xZOwtnYqdDz6aPN9evhbD7uvN50Rsn3t/8vzy29fjeO9ELPQW4723rk39xb80R5tBc8SBw2bw/Gju53n/76O1vrH5bLKqdGZirteL0YOdnacxGA5f6TlwtHWmJ8swHg/+/I+Jc7DnwNHmn2MBgwP4n1aVS6srUw/7/f7U71dWdF3X/3Hvft+JA7CqAAYHUPaOw06n63q2O3EAVhXA4AAq33HY6XRdz3bvcQBWFcDgACrfcdjpdF3PdicOwKoCGBxA5TsOO52u69nuPQ7AqgIYHEDlOw47na7r2e7EAVhVAIMDqHzHYafTdT3bvccBWFUAgwOofMdhp9N1PdudOACrCmBwAJXvOOx0uq5nu/c4AKsKYHAAle847HS6rme7EwdgVQEMDqDyHYedTtf1bPceB2BVAQwOoPIdh51O1/Vsd+IArCqAwQFUvuOw0+m6nu3e4wCsKoDBAVS+47DT6bqe7U4cgFUFMDiAynccdjpd17PdexyAVQUwOIDKdxx2Ol3Xs92JA7CqAAYHUPmOw06n63q2e48DsKoABgdQ+Y7DTqfrerY7cQBWFcDgACrfcdjpdF3Pdu9xAFYVwOAAKt9x2Ol0Xc92Jw7AqgIYHEDlOw47na7r2e49DsCqAhgcQOU7DjudruvZ7sQBWFUAgwOofMdhp9N1Pdu9xwFYVQCDA6h8x2Gn03U92504AKsKYHAAle847HS6rme79zgAqwpgcACV7zjsdLquZ7sTB2BVAQwOoPIdh51O1/Vs9x4HYFUBDA6g8h2HnU7X9Wx34gCsKoDBAVS+47DT6bqe7d7jAKwqgMEBVL7jsNPpup7tThyAVQUwOIDKdxx2Ol3Xs917HIBVBTA4gMp3HHY6Xdez3YkDsKoABgdQ+Y7DTqfrerZ7jwOwqgAGB1D5jsNOp+t6tjtxAFYVwOAAKt9x2Ol0Xc9273EAVhXA4AAq33HY6XRdz3YnDsCqAhgcQOU7DjudruvZ7j0OwKoCGBxA5TsOO52u69nuxAFYVQCDA6h8x2Gn03U9273HAVhVAIMDqHzHYafTdT3bnTgAqwpgcACV7zjsdLquZ7v3OACrCmBwAJXvOOx0uq5nuxMH8MqrytbeM18E8HLPZ8WvrfWNzavNL9aazxlfC/ASD5vPx38LMAAMfkiqRFKWqAAAAABJRU5ErkJggg==);
    }
    .screenshots__img {
        width: 268px;
        top: 12px;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    .screenshots__link {
        width: 166px;
        height: 110px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAABuCAYAAACtM2iuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAttJREFUeNrs2M1LlFEYhvFn/Jgxw8ga+1gYpCC0KKK2QYFEKUgLV62D/ivXrVq1CImgKGhRkW0UZ9FGxEL72Kipib3zxky6kkjrcPhd8MIcL2YWw+3z3HMqM7PzYxExVTxnA/j/LBXPvQ6hRGI0szjV1Qrl94cPYuPJ46jdHIueybux+eFRbC08j+7B61Edmoi3C9Mx9+llXDh9La4O3vr1CQP1GDjZH5VKxdeJv2JnZyeWP3+NpeWVMlodLdH/bDouVrui/8XT8lxffRWXzvdGfe11eV748SZODffF4va79ocJJQ6KZo7qJ463z+1gHpuYjEpPLfrG75Tno8O3o9JZi96h0fJ85dxodBfny4M32m9uJryZdOAgJubKl2+/g1r8+CmTVatWi6c7Nja3imdz3zNwmHS1XjTDtjtw+52BQw/mkc69fxwZGdlzbjQaPP/P/Pr2ro4JpIRgQjCBP+qYOg+fkn8/1zAxYZUDgokMOqbOw6fkTUxY5YBgIo+OqfPwKXn3mLDKAcFEHh1T5+FT8iYmrHJAMJFHx9R5+JS8e0xY5YBgIo+OqfPwKXkTE1Y5IJjIo2PqPHxK3j0mrHJAMJFHx9R5+JS8iQmrHBBM5NExdR4+Je8eE1Y5IJjIo2PqPHxK3sSEVQ4IJvLomDoPn5J3jwmrHBBM5NExdR4+JW9iwioHBBN5dEydh0/Ju8eEVQ4IJvLomDoPn5I3MWGVA4KJPDqmzsOn5N1jwioHBBN5dEydh0/Jm5iwygHBRB4dU+fhU/LuMWGVA4KJPDqmzsOn5E1MWOWAYCKPjqnz8Cl595iwygHBRB4dU+fhU/ImJqxyQDCRR8fUefiUvHtMWOWAYCKPjqnz8Cl5ExNWOSCYyKNj6jx8St49JqxyQDCRR8fUefiUvIkJqxwQTOTRMXUePiXfusdcWl1b9y+KJFhdL7P4sTIzOz9evJgqnjO+FiTAYvHc/ynAANjL0bxtoE7jAAAAAElFTkSuQmCC);
    }
    .screenshots__img {
        width: 164px;
        top: 7px;
    }
}
@media (max-width: 767px) {
    .portfolio {
        padding-top: 0;
        background: none;
    }
    .client-info__item.screenshots,
    .client-info__item .clients__item {
        display: none;
    }
}



/* ==========================================================================
   Other
   ========================================================================== */

::-moz-selection,
::selection  {
    background: #0069B3;
    color: #fff;
    text-shadow: none;
}
a::selection, 
a::-moz-selection {
    color: #002D4D;
}
a:hover::selection, 
a:hover::-moz-selection {
    color: #fff;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
::-webkit-input-placeholder { 
    color: #AAAFB2;
    font-weight: 400;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #AAAFB2;
    font-weight: 400;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #AAAFB2;
    font-weight: 400;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #AAAFB2;
    font-weight: 400;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.a-center {
    text-align: center;
}
.a-right {
    text-align: right;
}
.a-left {
    text-align: left;
}
.pos-r {
    position: relative;
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px; /* IE 6/7 fallback */
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.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: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        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) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}